:root{--ink:#17211d;--muted:#59645e;--paper:#f1f1eb;--panel:#faf9f5;--line:#d9dcd4;--accent:#f05b32;--green:#193a30;--soft:#edf0e9;--gold:#bd7a19}
*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:"DM Sans","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper)}
button,input{font:inherit}
button{color:inherit}
.topbar{height:74px;background:#fbfaf6;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:44px;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:800;letter-spacing:.12em}
.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent);color:#fff;font-size:16px;letter-spacing:0}
.topnav{display:flex;height:100%;gap:8px}.topnav button{border:0;background:transparent;padding:0 14px;color:var(--muted);cursor:pointer;position:relative;font-size:13px}.topnav button.active{color:var(--ink);font-weight:700}.topnav button.active:after{content:"";height:3px;background:var(--accent);border-radius:4px;position:absolute;bottom:0;left:14px;right:14px}
.header-actions{margin-left:auto;display:flex;gap:10px}.search{width:268px;height:38px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.icon-btn{width:38px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer}
.workspace{height:calc(100vh - 74px);display:grid;grid-template-columns:248px minmax(560px,1fr) 410px;max-width:1720px;margin:auto}
.sidebar,.library,.analysis{overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar,.library::-webkit-scrollbar,.analysis::-webkit-scrollbar{display:none}
.sidebar,.library{background:var(--panel)}
.sidebar{border-right:1px solid var(--line);padding:26px 16px}.side-heading{padding:0 9px 14px;display:flex;justify-content:space-between;font-size:13px;font-weight:700}.side-heading small{font-weight:500;color:#7f8983}
.category{margin-bottom:5px}.category-main{width:100%;border:0;background:transparent;border-radius:9px;padding:10px 11px;display:flex;align-items:center;gap:9px;cursor:pointer;color:#425048;text-align:left;transition:.18s}.category-main:hover{background:#eceee8}.category.active .category-main{background:var(--green);color:#fff}.cat-icon{width:23px;text-align:center;font-size:14px}.cat-name{font-size:13px;font-weight:600;flex:1}.cat-code{font-size:10px;opacity:.62;letter-spacing:.06em}.cat-caret{width:14px;font-size:13px;transition:transform .2s;opacity:.7}.category.expanded .cat-caret{transform:rotate(180deg)}
.subnav{display:block;max-height:0;opacity:0;overflow:hidden;margin:0 0 0 44px;transition:max-height .25s ease,opacity .2s ease,margin .25s ease}.category.expanded .subnav{max-height:260px;opacity:1;margin-top:5px;margin-bottom:9px}.subnav button{display:block;border:0;border-left:1px solid #cfd4cc;background:transparent;color:#667169;font-size:12px;line-height:1.25;padding:6px 10px;cursor:pointer;text-align:left;width:100%}.subnav button.active,.subnav button:hover{color:var(--accent);border-color:var(--accent);font-weight:600}
.analysis{padding:24px 30px 56px;background:var(--paper)}
.breadcrumb{font-size:12px;color:#758079;margin-bottom:15px}.breadcrumb span{margin:0 7px;color:#afb5b0}.breadcrumb b{color:var(--accent)}
.game-hero{min-height:255px;border-radius:17px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 13px 34px rgba(20,31,25,.14)}.game-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,14,.92) 0%,rgba(9,17,14,.68) 52%,rgba(9,17,14,.14) 100%),linear-gradient(0deg,rgba(9,17,14,.55),transparent 55%)}
.hero-content{position:relative;z-index:1;color:#fff;padding:28px 30px;max-width:650px}.case-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.07em}.hero-kicker{display:block;color:#d3ded8;font-size:11px;letter-spacing:.12em;margin-top:18px}.hero-content h1{font-size:35px;line-height:1.08;margin:6px 0}.hero-content .en-name{font-size:12px;color:#bdc9c3;margin:0 0 18px}.hero-facts{display:flex;flex-wrap:wrap;gap:9px}.hero-facts span{font-size:11px;padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.positioning{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin:14px 0 18px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:13px}.positioning-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff0e9;color:var(--accent);font-size:18px}.positioning strong{display:block;font-size:11px;letter-spacing:.08em;color:var(--accent);margin-bottom:4px}.positioning p{font-size:13px;line-height:1.65;margin:0;color:#36443c}
.dimension-shell{background:#faf9f6;border:1px solid var(--line);border-radius:15px;overflow:hidden}.dimension-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 10px}.dimension-head div strong{font-size:13px}.dimension-head div span{font-size:11px;color:var(--muted);margin-left:8px}.progress-mark{font-size:11px;color:#78827c}
.dimension-nav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;padding:0 9px 13px;overflow:visible}.dimension-tab{min-width:0;border:0;border-radius:9px;padding:8px 2px 7px;background:transparent;cursor:pointer;text-align:center;color:#69736d;transition:.15s}.dimension-tab:hover{background:#eef0ea}.dimension-tab.active{background:var(--green);color:#fff;box-shadow:0 5px 12px rgba(24,58,48,.18)}.dimension-tab small{display:block;font-size:8px;opacity:.62;margin-bottom:3px}.dimension-tab span{display:flex;align-items:center;justify-content:center;min-height:24px;font-size:9px;line-height:1.2;white-space:normal}
.global-location-network-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 12px 15px;padding:16px 18px;color:#fff;text-decoration:none;background:linear-gradient(120deg,#113f33,#0b2e25);border:1px solid #0b2e25;border-radius:13px;box-shadow:0 10px 24px rgba(18,58,47,.14);transition:.18s}.global-location-network-entry:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(18,58,47,.2)}.global-location-network-entry span{min-width:0}.global-location-network-entry small{display:block;color:#f47a5e;font-size:10px;font-weight:800;letter-spacing:.14em}.global-location-network-entry strong{display:block;margin-top:3px;font-size:17px}.global-location-network-entry p{margin:3px 0 0;color:#c7d9d2;font-size:12px;line-height:1.5}.global-location-network-entry em{flex:0 0 auto;padding:8px 11px;color:#fff;background:#f15a38;border-radius:8px;font-size:11px;font-style:normal;font-weight:700}
.dimension-detail{border-top:1px solid var(--line);padding:21px}.detail-title-row{display:flex;align-items:center;gap:12px}.detail-number{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.1em}.detail-title-row h2{font-size:21px;margin:0}.verdict{font-size:14px;line-height:1.7;font-weight:600;margin:12px 0 17px;max-width:780px}.detail-grid{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(240px,.95fr);gap:18px}.point-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.point-list li{position:relative;padding-left:18px;font-size:12px;line-height:1.6;color:#4c5952}.point-list li:before{content:"";position:absolute;left:1px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.visual-card{min-height:210px;background:#1c3029;color:#fff;border-radius:12px;padding:16px;overflow:hidden;position:relative}.visual-title{font-size:10px;color:#9eb0a7;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px}.metric-foot{position:absolute;bottom:11px;left:14px;right:14px;font-size:9px;color:#8fa199;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}
.radar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:125px;gap:8px;padding-bottom:23px}.radar-bar{position:relative;background:#30483f;border-radius:5px 5px 2px 2px;min-height:10px}.radar-bar i{position:absolute;inset:auto 0 0;background:var(--accent);border-radius:5px 5px 2px 2px}.radar-bar span{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:8px;color:#bdc9c3;white-space:nowrap}
.loop{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-top:16px}.loop-node{font-size:10px;padding:8px 9px;border-radius:7px;background:#314a41}.loop-node.hot{background:var(--accent)}.loop-arrow{color:#789088;font-size:11px}
.combat-bars{display:flex;flex-direction:column;gap:11px}.combat-row{display:grid;grid-template-columns:63px 1fr 26px;gap:8px;align-items:center;font-size:9px}.combat-track{height:7px;background:#334a42;border-radius:8px;overflow:hidden}.combat-fill{height:100%;background:linear-gradient(90deg,#ef5d33,#f2a24c);border-radius:8px}
.map-visual{height:145px;border:1px solid #476057;border-radius:9px;position:relative;background:linear-gradient(140deg,#243b33,#172821)}.map-route{position:absolute;left:12%;top:68%;width:75%;height:2px;background:#768e85;transform:rotate(-12deg)}.map-node{position:absolute;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--green)}.map-node.start{left:10%;top:68%}.map-node.loot{left:47%;top:44%;width:30px;height:30px;background:rgba(240,91,50,.35);border-color:var(--accent)}.map-node.exit{right:8%;top:25%;border-radius:2px;background:var(--accent)}.map-label{position:absolute;font-size:9px;color:#c9d5cf}.map-label.l1{left:5%;top:80%}.map-label.l2{left:42%;top:66%}.map-label.l3{right:4%;top:9%}
.role-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.role-chip{font-size:10px;padding:10px;border-radius:7px;background:#30473e;display:flex;justify-content:space-between}.role-chip b{color:#f6a045}
.growth-stack{display:flex;flex-direction:column;gap:8px}.growth-layer{border-radius:7px;padding:10px 12px;background:#2d453c;font-size:10px}.growth-layer:nth-child(2){margin-left:14px;background:#3a5148}.growth-layer:nth-child(3){margin-left:28px;background:var(--accent)}.growth-layer span{display:block;font-size:9px;opacity:.7;margin-top:3px}
.resource-flow{display:flex;flex-direction:column;gap:7px}.resource-line{display:grid;grid-template-columns:1fr 18px 1fr;gap:5px;align-items:center;font-size:10px}.resource-box{background:#30483f;border-radius:6px;padding:7px;text-align:center}.resource-arrow{text-align:center;color:#f39457}
.network{position:relative;height:142px}.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:10px;z-index:2}.network-node{position:absolute;font-size:9px;background:#30483f;border-radius:12px;padding:5px 8px}.network-node:nth-child(2){left:3%;top:8%}.network-node:nth-child(3){right:4%;top:5%}.network-node:nth-child(4){left:1%;bottom:10%}.network-node:nth-child(5){right:1%;bottom:10%}.network-node:nth-child(6){left:38%;top:2%}.network-node:nth-child(7){left:37%;bottom:0}
.sound-rings{display:flex;align-items:center;justify-content:center;height:135px;position:relative}.sound-ring{position:absolute;border:1px solid rgba(239,94,51,.55);border-radius:50%;display:grid;place-items:center;font-size:9px}.sound-ring.r1{width:62px;height:62px;background:rgba(239,94,51,.3)}.sound-ring.r2{width:110px;height:110px}.sound-ring.r3{width:158px;height:158px;color:#a7b8b0;align-items:start;padding-top:8px}
.library{border-left:1px solid var(--line);padding:27px 20px}.library-head{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em}.library-head h2{font-size:20px;margin:5px 0 0}.chips{display:flex;gap:6px;overflow-x:auto;padding:18px 0 14px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{border:1px solid #d4d8d0;background:transparent;color:#59655e;border-radius:15px;padding:7px 11px;font-size:11px;white-space:nowrap;cursor:pointer}.chips button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.game-list{display:flex;flex-direction:column;gap:10px}.game-card{display:grid;grid-template-columns:91px 1fr;gap:13px;border:1px solid var(--line);border-radius:12px;padding:9px;background:#fdfcf9;cursor:pointer;transition:.18s;text-align:left;width:100%}.game-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(25,35,30,.08)}.game-card.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.game-cover{height:108px;border-radius:8px;overflow:hidden;background:#dfe3dd;position:relative}.game-cover img{width:100%;height:100%;object-fit:cover}.selected-mark{display:none;position:absolute;right:5px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;place-items:center;font-size:10px}.game-card.selected .selected-mark{display:grid}.game-info{min-width:0}.game-meta{display:flex;justify-content:space-between;color:#65716a;font-size:10px;letter-spacing:.03em}.rating{color:#a96811;font-weight:600}.game-info h3{font-size:15px;margin:7px 0 5px}.game-info p{font-size:11px;line-height:1.55;color:#59655e;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-tags{display:flex;gap:5px;margin-top:8px}.game-tags span{font-size:10px;background:#ecefe9;color:#59655e;padding:3px 6px;border-radius:4px}.game-tags span.case{background:#fff0e9;color:#b84b2e}.empty{color:var(--muted);text-align:center;padding:50px 10px;font-size:13px}
@media(max-width:1180px){.workspace{grid-template-columns:218px minmax(500px,1fr) 360px}.analysis{padding:22px 20px}.dimension-nav{grid-template-columns:repeat(10,minmax(0,1fr))}.dimension-tab span{font-size:8px}.detail-grid{grid-template-columns:1fr}.visual-card{min-height:205px}}
@media(max-width:760px){.global-location-network-entry{align-items:flex-start;margin:0 8px 12px;padding:14px;flex-direction:column;gap:10px}.global-location-network-entry em{align-self:stretch;text-align:center}}
@media(max-width:900px){.topnav{display:none}.workspace{grid-template-columns:200px 1fr;height:auto}.sidebar{position:sticky;top:74px;height:calc(100vh - 74px)}.analysis{overflow:visible}.library{grid-column:2;border-left:0;border-top:1px solid var(--line);overflow:visible}.game-list{display:grid;grid-template-columns:repeat(2,1fr)}}

/* Readability and deep-analysis interface */
:root{--ink:#101914;--muted:#3c4841;--paper:#fff;--panel:#fff;--line:#d2d7cf;--accent:#e8522e;--green:#14372c;--soft:#f5f6f3;--gold:#925909}
html,body,.workspace,.sidebar,.library,.analysis{background:#fff}
.topbar{background:#fff}.side-heading small{color:#546159}.subnav button{color:#414e47}.breadcrumb{color:#46534b}.breadcrumb span{color:#89938d}
.dimension-shell{background:#fff}.dimension-head div span,.progress-mark{color:#46534b}.dimension-tab{color:#4a574f}.dimension-tab:hover{background:#f1f3ef}
.point-list li{font-size:12.5px;line-height:1.65;color:#2d3a33}.chips button{color:#3d4942}.game-card{background:#fff}.game-meta{color:#455249}.game-info p{color:#39463f}.game-tags span{color:#3e4b43}.positioning p{color:#26352d}.verdict{color:#18251e}
.section-label{display:flex;align-items:end;gap:10px;margin:4px 0 12px}.section-label span{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--accent)}.section-label strong{font-size:13px}.section-label.ai-label{margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.insight-card{background:#f6f7f4;border:1px solid #e1e4de;border-radius:10px;padding:13px}.insight-card small{font-size:9px;color:var(--accent);font-weight:800}.insight-card h3{font-size:12px;margin:6px 0}.insight-card p{font-size:11px;line-height:1.6;color:#344139;margin:0}
.deep-badge{font-size:10px;color:#9b3f27;background:#fff0eb;border-radius:14px;padding:5px 9px;margin-left:auto}.deep-overview{display:grid;grid-template-columns:.9fr 1.1fr;gap:13px;margin:18px 0 24px}.deep-visual{min-height:230px}.deep-insights{display:flex;flex-direction:column;gap:8px}.deep-insights article{border:1px solid #dfe3dc;background:#f8f9f6;border-radius:10px;padding:11px 13px}.deep-insights small{display:block;font-size:8px;letter-spacing:.1em;color:var(--accent);font-weight:800}.deep-insights strong{display:block;font-size:11px;margin:4px 0}.deep-insights p{font-size:10.5px;line-height:1.5;color:#354239;margin:0}
.av-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 12px}.av-gallery figure{height:164px;position:relative;overflow:hidden;border-radius:11px;margin:0;background:#243a32}.av-gallery img{width:100%;height:100%;object-fit:cover;display:block}.av-gallery figure:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,12,8,.86))}.av-gallery figcaption{position:absolute;z-index:1;left:12px;right:10px;bottom:10px;color:#fff}.av-gallery figcaption b{font-size:12px;display:block}.av-gallery figcaption span{font-size:9px;color:#e3eae6}
.av-overview{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#fff;border-radius:12px;padding:15px 18px;margin-bottom:23px}.av-overview>div>span{display:block;font-size:9px;color:#f7a98f;letter-spacing:.12em;margin-bottom:5px}.av-overview>div>strong{font-size:13px;line-height:1.5}.av-score{text-align:center;padding-left:20px;border-left:1px solid rgba(255,255,255,.18)}.av-score b{font-size:24px;display:block}.av-score span{font-size:8px!important;color:#cad7d1!important;margin:0!important}
.av-section{margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.av-section-head{display:flex;align-items:end;justify-content:space-between;padding:16px 17px 13px;background:#f6f7f4}.av-section-head span{font-size:8px;color:var(--accent);letter-spacing:.15em;font-weight:800}.av-section-head h3{font-size:16px;margin:3px 0 0}.av-section-head p{font-size:10px;color:#46534b;margin:0}.av-table-head,.av-row{display:grid;grid-template-columns:130px minmax(180px,1fr) minmax(180px,1fr)}.av-table-head{padding:8px 14px;background:#edf0eb;color:#556159;font-size:9px;font-weight:700}.av-table-head span+span{padding-left:14px}.av-row{border-top:1px solid #e0e4dd}.av-factor{display:flex;gap:8px;align-items:flex-start;padding:14px}.av-factor small{font-size:9px;color:var(--accent);font-weight:800;padding-top:2px}.av-factor strong{font-size:11px;line-height:1.4}.av-cell{padding:13px 14px;border-left:1px solid #e0e4dd}.av-cell span{font-size:8px;font-weight:800;color:#59655d;letter-spacing:.08em}.av-cell p{font-size:10.5px;line-height:1.62;color:#26352d;margin:5px 0 0}.av-cell.ai{background:#fbf4f1}.av-cell.ai span{color:#b34428}.deep-section{margin-top:18px}.deep-row .av-cell p{font-size:11px}.deep-detail .av-section-head h3{font-size:15px}
.av-conclusion{margin-top:20px;border-left:3px solid var(--accent);background:#fff4ef;padding:15px 17px}.av-conclusion span{font-size:9px;color:var(--accent);font-weight:800;letter-spacing:.1em}.av-conclusion p{font-size:12px;line-height:1.75;color:#26352d;margin:6px 0 0}.source-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:9px}.source-strip>span{font-weight:800;color:#39463e;margin-right:3px}.source-strip a{color:#335c4c;text-decoration:none;background:#eef2ed;padding:4px 7px;border-radius:4px}.source-strip a:hover{color:var(--accent)}
@media(max-width:1250px){.av-table-head,.av-row{grid-template-columns:110px minmax(160px,1fr) minmax(160px,1fr)}.deep-overview{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}}
@media(max-width:900px){.av-gallery{grid-template-columns:1fr}.av-gallery figure{height:220px}.av-table-head{display:none}.av-row{grid-template-columns:120px 1fr}.av-cell.ai{grid-column:2}.deep-overview{grid-template-columns:1fr}}
.game-hero{min-height:306px}.hero-content{max-width:760px}.hero-tagline{margin-top:17px;padding:11px 14px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(6,17,12,.42);backdrop-filter:blur(5px)}.hero-tagline strong{display:block;color:#ff9b7e;font-size:10px;letter-spacing:.08em;margin-bottom:4px}.hero-tagline p{color:#f3f6f4;font-size:12px;line-height:1.55;margin:0}

.quant-dashboard{margin:18px 0 22px}.quant-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px;margin-bottom:10px}.quant-kpis article{min-height:105px;border:1px solid #dce1da;border-radius:10px;padding:10px 11px;background:#fff}.quant-kpis article>span{display:block;color:#a03d25;font-size:8px;letter-spacing:.08em}.quant-kpis article>b{display:block;font-size:25px;line-height:1;margin:8px 0 5px;font-variant-numeric:tabular-nums}.quant-kpis article>strong{display:block;font-size:10px}.quant-kpis article>small{display:block;color:#46534b;font-size:8.5px;line-height:1.4;margin-top:5px}
.quant-main{display:grid;grid-template-columns:minmax(270px,.92fr) minmax(300px,1.08fr);gap:10px}.quant-chart-panel{border:1px solid #dce1da;border-radius:11px;padding:14px;background:#f9faf7}.quant-panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.quant-panel-head span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.11em}.quant-panel-head h3{font-size:13px;margin:4px 0 0}.quant-panel-head>small{max-width:46%;font-size:8px;line-height:1.45;color:#4b574f;text-align:right}
.quant-bars{display:flex;flex-direction:column;gap:9px}.quant-bar-row>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:4px}.quant-bar-row b{font-size:10px;font-variant-numeric:tabular-nums}.quant-track{height:8px;border-radius:6px;background:#e2e7e0;overflow:hidden}.quant-track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#183d31,#e75a34)}
.multi-legend{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}.multi-legend span{font-size:8px;color:#3e4b43}.multi-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#173d31;margin-right:4px}.multi-legend span:nth-child(2) i{background:#e75a34}.multi-legend span:nth-child(3) i{background:#7a64a8}.multi-group{display:grid;grid-template-columns:65px 1fr;gap:8px;align-items:center;margin-bottom:9px}.multi-group>strong{font-size:8px}.multi-bars{display:flex;flex-direction:column;gap:3px}.multi-bar{height:7px;background:#e2e7e0;border-radius:5px;position:relative}.multi-bar i{display:block;height:100%;background:#173d31;border-radius:5px}.multi-bar:nth-child(2) i{background:#e75a34}.multi-bar:nth-child(3) i{background:#7a64a8}.multi-bar span{position:absolute;left:calc(var(--w,0%) + 3px);right:3px;top:-2px;text-align:right;font-size:7px;color:#26352d}
.evidence-image{height:278px;position:relative;margin:0;border-radius:11px;overflow:hidden;background:#13251e}.evidence-image>img{width:100%;height:100%;display:block;object-fit:cover}.evidence-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(4,12,8,.84))}.evidence-image>i{position:absolute;z-index:2;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:var(--accent);box-shadow:0 0 0 3px rgba(232,82,46,.3);font-style:normal}.evidence-image>i:after{content:"";position:absolute;width:34px;height:1px;background:#fff;left:9px;top:3px;transform:rotate(-16deg);transform-origin:left}.evidence-image>i span{position:absolute;left:36px;top:-12px;width:max-content;max-width:140px;padding:4px 6px;background:rgba(8,20,15,.85);color:#fff;border-radius:4px;font-size:8px;line-height:1.3}.evidence-image figcaption{position:absolute;z-index:2;left:13px;right:13px;bottom:11px;color:#fff;font-size:9px;line-height:1.4}
.quant-takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 16px}.quant-takeaways article{border-top:2px solid var(--green);padding:9px 5px 0}.quant-takeaways small{font-size:8px;color:var(--accent)}.quant-takeaways strong{display:block;font-size:10px;margin:4px 0}.quant-takeaways p{font-size:9px;line-height:1.45;color:#3b4840;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.deep-evidence{margin-top:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.deep-evidence summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 3px;cursor:pointer;list-style:none}.deep-evidence summary::-webkit-details-marker{display:none}.deep-evidence summary span{font-size:9px;color:var(--accent);font-weight:700;letter-spacing:.08em}.deep-evidence summary b{font-size:10px;font-weight:600}.deep-evidence summary:after{content:'＋';font-size:14px}.deep-evidence[open] summary:after{content:'－'}.deep-evidence-body{padding-bottom:16px}.deep-evidence-body .av-section:first-child{margin-top:5px}
.av-detail .av-gallery{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,108px)}.av-detail .av-gallery figure{height:auto}.av-detail .av-gallery figure:first-child{grid-row:1/3}.av-detail .av-gallery figure:first-child figcaption b{font-size:15px}
@media(max-width:1250px){.quant-main{grid-template-columns:1fr}.evidence-image{height:250px}}
@media(max-width:900px){.quant-kpis{grid-template-columns:repeat(2,1fr)}.quant-takeaways{grid-template-columns:1fr}.av-detail .av-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:none}.av-detail .av-gallery figure,.av-detail .av-gallery figure:first-child{height:210px;grid-row:auto}.evidence-image>i span{max-width:105px}}
.quant-kpis article>span{font-size:10px;letter-spacing:.06em}.quant-kpis article>strong{font-size:11px}.quant-kpis article>small{font-size:10px;color:#354239;line-height:1.45}.quant-panel-head span{font-size:9px}.quant-panel-head h3{font-size:14px}.quant-panel-head>small{font-size:10px;color:#354239}.quant-bar-row>div:first-child,.quant-bar-row b{font-size:11px}.evidence-image>i span{font-size:10px;padding:5px 7px}.evidence-image>i.callout-left:after{left:auto;right:9px;transform:rotate(16deg);transform-origin:right}.evidence-image>i.callout-left span{left:auto;right:36px;text-align:right}.evidence-image figcaption{font-size:10px}.quant-takeaways small{font-size:9px}.quant-takeaways strong{font-size:11px}.quant-takeaways p{font-size:10.5px;line-height:1.5;color:#303d35}

/* Multimedia evidence redesign */
.media-evidence{margin-top:22px;border:1px solid var(--line);border-radius:13px;background:#f7f8f5;overflow:hidden}.media-evidence>summary{padding:14px 16px;background:#fff}.media-evidence>summary span{font-size:10px}.media-evidence>summary b{font-size:10.5px;color:#344139}.media-evidence .deep-evidence-body{padding:0 14px 18px}
.evidence-group{margin-top:18px}.evidence-group+.evidence-group{padding-top:20px;border-top:1px solid var(--line)}.evidence-group-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.evidence-group-head span{display:block;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.13em}.evidence-group-head h3{font-size:17px;margin:4px 0 0}.evidence-group-head p{font-size:10px;color:#435048;margin:0;text-align:right}
.evidence-card-list{display:flex;flex-direction:column;gap:10px}.evidence-card{display:grid;grid-template-columns:minmax(190px,.78fr) minmax(280px,1.22fr);min-height:220px;border:1px solid #d8ddd5;border-radius:12px;overflow:hidden;background:#fff}.evidence-card-media{position:relative;min-height:220px;margin:0;background:#16251f;overflow:hidden}.evidence-card-media:after{content:"";position:absolute;inset:54% 0 0;background:linear-gradient(transparent,rgba(3,10,7,.88))}.evidence-card-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block}.evidence-card-media figcaption{position:absolute;z-index:1;left:11px;right:10px;bottom:10px;color:#fff;font-size:9px;line-height:1.35}.evidence-card-media figcaption b{display:block;font-size:11px;margin-bottom:3px}.evidence-card-media figcaption span{display:block;color:#e2e8e4}
.evidence-card-body{padding:14px 15px;min-width:0}.evidence-card-body header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #e2e5df}.evidence-card-body header>span{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.08em}.evidence-card-body h4{font-size:14px;margin:0}.evidence-card-body header>b{font-size:8.5px;color:#8f3d29;background:#fff0ea;border-radius:12px;padding:4px 7px}.evidence-copy{display:flex;flex-direction:column;gap:9px;margin-top:10px}.evidence-copy section{padding:0}.evidence-copy section.ai{padding-top:8px;border-top:1px solid #ece2de}.evidence-copy small{display:block;font-size:8px;font-weight:800;letter-spacing:.08em;color:#526058}.evidence-copy section.ai small{color:#b34428}.evidence-copy p{font-size:10.5px;line-height:1.62;color:#26352d;margin:4px 0 0}
.art-evidence-card .evidence-card-media{min-height:238px}.art-evidence-card .evidence-card-media img{object-position:center}.sound-evidence-list{display:flex;flex-direction:column;gap:10px}.sound-evidence-card{display:grid;grid-template-columns:minmax(170px,.62fr) minmax(310px,1.38fr);border:1px solid #d8ddd5;border-radius:12px;overflow:hidden;background:#fff}.sound-evidence-card>figure{min-height:245px;position:relative;margin:0;background:#14251e;overflow:hidden}.sound-evidence-card>figure:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgba(2,9,6,.88))}.sound-evidence-card>figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sound-evidence-card>figure figcaption{position:absolute;z-index:1;left:10px;right:10px;bottom:10px;color:#fff;font-size:9px;line-height:1.4}.sound-card-main{padding:14px}.sound-card-main>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.sound-card-main>header span{font-size:10px;color:var(--accent);font-weight:800}.sound-card-main>header h4{font-size:14px;margin:0}.sound-card-main>header b{font-size:9px;color:#47544c}.audio-demo{margin-top:11px;padding:10px 11px;background:#f0f3ef;border-radius:9px}.audio-demo>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;margin-bottom:8px}.audio-demo small{font-size:8px;font-weight:800;color:var(--accent);letter-spacing:.09em}.audio-demo strong{font-size:10px}.audio-demo em{grid-column:1/-1;font-size:8.5px;color:#56625b;font-style:normal}.audio-demo audio{display:block;width:100%;height:32px}.sound-copy{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.sound-copy section{padding:8px 9px;border:1px solid #e1e5de;border-radius:8px}.sound-copy section:last-child{background:#fbf3ef;border-color:#efded7}.sound-copy small{font-size:8px;color:#526058;font-weight:800}.sound-copy section:last-child small{color:#b34428}.sound-copy p{font-size:9.5px;line-height:1.55;margin:4px 0 0;color:#2d3b33}.audio-disclaimer{font-size:9px;line-height:1.6;color:#536058;background:#edf1ec;border-radius:8px;padding:10px 12px;margin:10px 0 0}.av-media-evidence>summary{position:sticky;top:0;z-index:3}
@media(max-width:1250px){.evidence-card{grid-template-columns:180px 1fr}.sound-evidence-card{grid-template-columns:170px 1fr}.sound-copy{grid-template-columns:1fr}}
@media(max-width:900px){.media-evidence .deep-evidence-body{padding:0 10px 14px}.evidence-card,.sound-evidence-card{grid-template-columns:1fr}.evidence-card-media,.art-evidence-card .evidence-card-media,.sound-evidence-card>figure{min-height:230px}.evidence-card-media img,.sound-evidence-card>figure img{position:absolute}.sound-copy{grid-template-columns:1fr}.evidence-group-head{align-items:start;flex-direction:column}.evidence-group-head p{text-align:left}}

/* Tarkov case study: preserve the legibility of maps and dense system captures. */
.tarkov-detail .ui-evidence .evidence-card-media{background:#101713}
.tarkov-detail .ui-evidence .evidence-card-media img{object-fit:contain;padding:10px;background:#101713}
.tarkov-detail .ui-evidence .evidence-card-media:after{inset:68% 0 0}
.tarkov-detail .evidence-card-body header>b{white-space:nowrap}
.tarkov-av-gallery figure:first-child img{object-position:center 42%}
@media(max-width:620px){.tarkov-detail .evidence-card-body header{grid-template-columns:auto 1fr}.tarkov-detail .evidence-card-body header>b{grid-column:1/-1;justify-self:start}.tarkov-detail .ui-evidence .evidence-card-media img{padding:6px}}

/* Evidence-first layout: imagery occupies two thirds of every observation card. */
.evidence-card{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);min-height:320px}
.evidence-card-media,.art-evidence-card .evidence-card-media{min-height:320px}
.sound-evidence-card{grid-template-columns:minmax(0,2fr) minmax(270px,1fr)}
.sound-evidence-card>figure{min-height:320px}
@media(max-width:1250px){.evidence-card{grid-template-columns:minmax(0,2fr) minmax(250px,1fr)}.sound-evidence-card{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}}
@media(max-width:900px){.evidence-card,.sound-evidence-card{grid-template-columns:1fr}.evidence-card-media,.art-evidence-card .evidence-card-media,.sound-evidence-card>figure{min-height:260px}}

/* The KPI row stays near the verdict; detailed quantitative review follows the evidence list. */
.quant-kpi-only{margin-bottom:12px}
.quant-kpi-only .quant-kpis{margin-bottom:0}
.quant-kpis article>b{margin:0 0 6px}
.quant-analysis-after{margin:18px 0 8px;padding-top:2px}

/* Click-to-enlarge analysis imagery for both complete case studies. */
.dimension-detail img[role="button"]{cursor:zoom-in;outline-offset:3px}
.dimension-detail img[role="button"]:focus-visible{outline:3px solid rgba(232,82,46,.9)}
.lightbox-open{overflow:hidden}
.image-lightbox[hidden]{display:none}
.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:28px;background:rgba(4,10,7,.9);backdrop-filter:blur(9px)}
.image-lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:94vw;max-height:92vh;margin:0}
.image-lightbox-content img{display:block;max-width:94vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.5);background:#111}
.image-lightbox-content figcaption{max-width:min(900px,90vw);color:#f4f6f4;font-size:13px;line-height:1.55;text-align:center}
.image-lightbox-close{position:fixed;right:22px;top:18px;z-index:1;width:42px;height:42px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(10,18,14,.72);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.image-lightbox-close:hover,.image-lightbox-close:focus-visible{background:var(--accent);border-color:var(--accent);outline:none}
@media(max-width:620px){.image-lightbox{padding:16px}.image-lightbox-close{right:12px;top:10px}.image-lightbox-content img{max-width:96vw;max-height:78vh}.image-lightbox-content figcaption{font-size:11px}}

/* Library cards: compact filters plus release, country, engine and studio metadata. */
.chips{flex-wrap:wrap;overflow:visible;gap:5px;padding:12px 0 11px}
.chips button{padding:6px 9px;font-size:10px}
.game-card{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:8px}
.game-cover{height:112px}
.game-meta-primary{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.game-meta-primary>b{font-size:8px;line-height:1.25;color:#3f4d45;font-weight:600;background:#eef1ec;border-radius:4px;padding:2px 5px;white-space:nowrap}
.game-info h3{margin:5px 0 4px}
.game-tags{gap:4px;margin-top:6px;flex-wrap:wrap}
.game-tags span{font-size:8.5px;padding:3px 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-tags .engine{background:#e9f0ed;color:#244e3e}
.game-tags .studio{background:#f1eee7;color:#5c4b34}

/* The relocated quantitative image leads at two-thirds width; chart text uses one third. */
.quant-main{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.quant-analysis-after .evidence-image{height:320px}
@media(max-width:1250px){.quant-main{grid-template-columns:1fr}.quant-analysis-after .evidence-image{height:280px}}

/* Keep the requested 2:1 image-to-copy ratio at every three-column desktop width. */
@media(min-width:901px){
  .evidence-card,.sound-evidence-card{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .evidence-card-body{padding:12px}
  .evidence-card-body header{grid-template-columns:auto minmax(0,1fr)}
  .evidence-card-body header>b{grid-column:1/-1;justify-self:start}
  .quant-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
}

/* Selected-game story preview appears below its card and remains readable while hovered. */
.game-story-popover[hidden]{display:none}
.game-story-popover{position:fixed;z-index:700;width:380px;max-height:52vh;overflow:auto;border:1px solid #bac5bd;border-radius:13px;padding:15px 16px;background:rgba(255,255,255,.98);box-shadow:0 22px 60px rgba(14,29,21,.2);backdrop-filter:blur(10px)}
.game-story-popover:before{content:"";position:absolute;left:24px;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:#fff;border-left:1px solid #bac5bd;border-top:1px solid #bac5bd}
.game-story-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #e0e5df}
.game-story-head span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.13em}
.game-story-head b{font-size:8px;color:#59665e}
.game-story-popover h3{font-size:17px;margin:11px 0 8px}
.game-story-popover p{font-size:11px;line-height:1.75;color:#2d3b33;margin:0 0 10px;text-align:justify}
.game-story-popover p:last-child{margin-bottom:0}
@media(max-width:620px){.game-story-popover{left:10px!important;right:10px;width:auto!important;max-height:48vh}}

.location-network-entry{box-shadow:inset 0 0 0 1px rgba(232,82,46,.14)}
.location-network-link{display:flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none}
.location-network-link em{font-size:8px;font-style:normal;font-weight:800;color:#b84428;background:#fff0eb;border-radius:12px;padding:4px 7px;white-space:nowrap}
.location-network-link:hover{color:var(--accent)}
.character-detail-link em{color:#fff;background:var(--green)}
.character-detail-entry{outline:2px solid rgba(19,63,50,.12);outline-offset:-2px}