@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700;1,800&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
/* Task-specific BBEE skin. Shared Untitled UI primitives remain unchanged. */
:root,[data-theme=dark]{--bg:#070d16;--soft:#101b29;--text:#edf4f9;--muted:#99aabc;--line:#243449;--brand:#7eeef3;--ring:#7eeef3;--cyan:#7eeef3;--pink:#f475ad;--amber:#efc779;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Be Vietnam Pro',system-ui,sans-serif;color-scheme:dark;font-family:var(--body);font-size:16px;line-height:1.65;background:var(--bg);color:var(--text)}
body{background:radial-gradient(ellipse at 80% 5%,#16314b45,transparent 45%),var(--bg);min-width:320px}a{text-decoration:none}button,input,select{font:inherit}button{color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{border:0}p{color:var(--muted)}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:0}h1{font-size:56px}h2{font-size:36px}h3{font-size:26px}::selection{background:#7eeef345;color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:hover,a:hover{color:var(--cyan)}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--cyan);color:#071019;padding:12px}.skip:focus{top:10px}main:focus{outline:0}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#080f1bf2;position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}.wordmark{display:flex;align-items:center;gap:12px;font:700 30px/1 var(--display);letter-spacing:1px}.brand-icon{color:var(--cyan);font:italic 800 45px/.8 var(--display);transform:skew(-9deg);border-right:1px solid #3b5260;padding-right:15px}.wordmark-sub{display:block;font:9px/2 var(--body);letter-spacing:1.8px;color:var(--muted)}#navigation{display:none;position:absolute;top:76px;left:0;right:0;padding:16px 20px;background:#0d1826;border-bottom:1px solid var(--line)}#navigation.open{display:grid}#navigation a{padding:12px 0;font-size:13px}#navigation a.active{color:var(--cyan)}.header-tools{display:flex;gap:12px;align-items:center}.search-trigger{display:flex;gap:12px;align-items:center;justify-content:center;height:44px;min-width:44px;background:#142131;border:1px solid #2b3a4b;color:#bccad6;padding:0 12px;font-size:12px}.search-icon{display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}.search-icon:after{content:'';position:absolute;width:5px;height:1px;background:currentColor;transform:rotate(45deg);right:-4px;bottom:-2px}.search-label,kbd{display:none}kbd{font:11px var(--body);border:1px solid #405164;padding:0 5px;color:var(--muted)}.menu-toggle{background:transparent;font-size:22px;width:44px;height:44px}.wrap{max-width:1300px;margin:auto;padding:0 20px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.micro{font:10px var(--body);letter-spacing:1px;color:#8ba3b6}.status-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);margin-right:8px;box-shadow:0 0 12px #7eeef344}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 18px}.topline .micro{display:none}.hero{position:relative;overflow:hidden;min-height:840px;background:linear-gradient(115deg,#101e2f,#0b1725 60%,#153449);border:1px solid #304a60;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#70bce409 1px,transparent 1px),linear-gradient(90deg,#70bce409 1px,transparent 1px);background-size:40px 40px;z-index:-1}.hero-copy{position:relative;z-index:3;padding:30px 24px;max-width:640px}.hero-label{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:2px;color:#b9d1e3}.hero-label:before{content:'';height:1px;width:26px;background:var(--cyan)}.hero h1{font-size:66px;font-weight:800;font-style:italic;line-height:.9;letter-spacing:-1px;margin:28px 0 20px;text-transform:uppercase}.hero h1 .outline{color:var(--cyan)}.hero-copy p{max-width:405px;font-size:14px;line-height:1.9;color:#b4c5d4}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}.game-btn,.ds-btn{min-height:46px;border-radius:0;border:1px solid #476275;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:11px 20px;background:#112333;color:var(--text);font-size:12px;font-weight:600;box-shadow:none}.game-btn.primary,.ds-btn.primary{background:var(--cyan);border-color:var(--cyan);color:#091723;box-shadow:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.game-btn.primary:hover{background:#b8fcff}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:16px;min-height:44px}.text-link span{color:var(--cyan)}.hero-art{position:absolute;right:-28px;bottom:-78px;width:380px;height:385px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 40px #64cef018);pointer-events:none}.hero-x{position:absolute;right:0;bottom:-20px;font:italic 800 370px/.8 var(--display);color:#24435a66;transform:skew(-10deg);z-index:0}.hero-diagonal{position:absolute;width:120px;height:140%;background:#7deff30a;border-left:1px solid #7deff326;border-right:1px solid #7deff310;transform:rotate(24deg);right:130px;top:-20%;z-index:0}.hero-id{position:absolute;bottom:22px;left:24px;z-index:4;font-size:10px;letter-spacing:2px;color:#8aa5b9}.hero-id b{display:block;color:#d5e4ec;font:600 24px var(--display);letter-spacing:1px}.hero-coordinates{position:absolute;right:20px;top:18px;writing-mode:vertical-rl;letter-spacing:2px;font:10px var(--body);color:#7091a7;z-index:3}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:16px;background:#0c1622}.stat{padding:15px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font:600 32px/1 var(--display);color:var(--cyan);display:block}.stat span{font-size:10px;color:var(--muted)}.section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.section-heading h2{margin-top:5px}.section-heading .text-link{font-size:11px;white-space:nowrap}.entry-grid{display:grid;gap:12px;margin-top:20px}.entry-card{display:grid;grid-template-columns:44px 1fr 16px;align-items:center;gap:16px;border:1px solid var(--line);background:linear-gradient(120deg,#142132,#101925);padding:22px;transition:border-color .18s,background .18s}.entry-card:hover{border-color:#5fa6b6;background:#172e3c}.entry-card h3{font-size:24px;margin:5px 0}.entry-card p{font-size:11px;line-height:1.7}.entry-icon{width:44px;height:44px;display:grid;place-items:center;background:#70f1f310;color:var(--cyan);font-size:22px;border:1px solid #75d4e126;transform:rotate(45deg)}.entry-icon span{transform:rotate(-45deg)}.arrow{color:var(--cyan)}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.char-card{min-width:0;height:235px;position:relative;background:radial-gradient(ellipse at 60% 25%,var(--char-color,#234157),#0e1826 85%);border:1px solid #2c3b4d;overflow:hidden;transition:border-color .2s}.char-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08121f 2%,#08121f70 25%,transparent 55%);pointer-events:none}.char-card img{height:270px;width:250px;max-width:none;object-fit:contain;position:absolute;left:50%;top:4px;transform:translateX(-50%);transition:transform .3s}.char-card:hover{border-color:var(--cyan)}.char-card:hover img{transform:translateX(-50%) scale(1.05)}.char-card .char-name{position:absolute;bottom:15px;left:15px;right:15px;z-index:2}.char-card h3{font-size:27px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.char-card small{font-size:9px;letter-spacing:.4px;color:#bac6d2;display:block;margin-top:4px}.char-number{position:absolute;right:10px;top:8px;font:10px var(--body);color:#c4d8e5;z-index:2}.char-card .card-arrow{position:absolute;right:0;bottom:12px;color:var(--cyan);font-size:14px}.char-symbol{font:800 90px var(--display);position:absolute;top:35px;left:25px;color:#7390b977}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filter-btn{min-height:44px;padding:9px 16px;background:#0e1927;border:1px solid var(--line);color:var(--muted);font-size:12px}.filter-btn.selected{border-color:var(--cyan);background:#16303a;color:var(--cyan)}.section-tag{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.split-section{display:grid;gap:20px}.path-panel{border:1px solid var(--line);padding:24px;background:#0d1724}.path-panel .section-heading{margin-bottom:20px}.route-step{display:grid;grid-template-columns:34px 1fr 18px;gap:15px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.route-step .step-number{font:500 28px var(--display);color:#57798f}.route-step h3{font-size:21px}.route-step p{font-size:11px;margin-top:5px}.legacy-callout{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#433752,#121d2c 70%);border:1px solid #413b54;padding:24px;min-height:360px}.legacy-callout h2{font-size:42px;margin:14px 0}.legacy-callout p{font-size:12px;max-width:245px}.legacy-callout .game-btn{margin-top:28px;position:relative;z-index:3}.legacy-callout img{position:absolute;height:270px;width:290px;object-fit:contain;bottom:-60px;right:-65px;opacity:.75}.legacy-callout .eyebrow{color:var(--pink)}.source-note{display:flex;gap:14px;padding:18px 20px;border:1px solid #293a49;background:#0c1722;margin:30px 0 0;align-items:start}.source-note .note-icon{color:var(--cyan);font-size:20px}.source-note p{font-size:11px;line-height:1.8}.source-note a{text-decoration:underline;color:var(--cyan)}footer{max-width:1300px;margin:50px auto 0;padding:30px 20px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:start;flex-wrap:wrap}footer p,footer a{font-size:10px;line-height:1.9}footer>div{display:grid;gap:8px}.footer-brand{font:700 24px var(--display);color:#b9cbd7;display:flex;gap:8px}.footer-brand span{color:var(--cyan)}.page-head{padding:35px 0 24px;border-bottom:1px solid var(--line);margin-bottom:26px}.breadcrumbs{color:var(--muted);font-size:11px;margin-bottom:20px;display:flex;gap:10px}.page-head h1{font-size:48px;text-transform:uppercase;margin:12px 0}.page-head p{font-size:14px;max-width:740px}.page-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.ds-input{background:#101d2c;color:var(--text);border:1px solid #34495f;border-radius:0;min-height:46px;font-size:16px;box-shadow:none}.character-banner{position:relative;overflow:hidden;min-height:320px;background:radial-gradient(ellipse at 80% 50%,var(--char-color),#0c1726 65%);border:1px solid #2d4358;padding:28px}.character-banner .character-intro{max-width:70%;position:relative;z-index:2}.character-banner h1{font:italic 800 62px/.95 var(--display);text-transform:uppercase;margin:20px 0}.character-banner p{font-size:12px;line-height:1.9}.character-banner img{position:absolute;right:-115px;bottom:-80px;width:340px;height:390px;object-fit:contain;opacity:.55}.label{display:inline-block;font-size:10px;padding:4px 9px;border:1px solid #375261;color:#b5ebed;background:#1b455032}.label.warning{border-color:#63543a;background:#342b1e;color:var(--amber)}.detail-tabs{display:flex;gap:0;margin:24px 0;border-bottom:1px solid var(--line);overflow:auto}.detail-tabs button{white-space:nowrap;padding:14px 20px;background:none;color:var(--muted);font-size:12px;border-bottom:2px solid transparent;min-height:48px}.detail-tabs button.selected{color:var(--cyan);border-bottom-color:var(--cyan)}.article-layout{display:grid;gap:24px}.content-panel{padding:24px;background:#0c1724;border:1px solid var(--line);margin-bottom:16px}.content-panel h2{font-size:29px;margin-bottom:15px}.content-panel h3{margin:22px 0 10px}.content-panel p,.content-panel li{font-size:14px;line-height:1.95;color:#b7c7d5}.content-panel strong{color:var(--text)}.content-panel ul{padding-left:20px}.content-panel li{margin:8px 0}.content-panel .eyebrow{display:block;margin-bottom:10px}.content-panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.content-panel a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.move-list{display:grid;gap:12px}.move-item{padding:18px 20px;background:#121f2d;border-left:2px solid #426778}.move-item h3{margin:0 0 8px;font-family:var(--body);font-size:15px;line-height:1.5}.move-item p{font-size:12px}.move-item .label{margin-bottom:8px}.side-panel{background:#101a27;border:1px solid var(--line);padding:22px;align-self:start}.side-panel h3{font-size:23px;margin-bottom:16px}.side-panel a{display:block;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.side-panel p{font-size:11px;line-height:1.9}.alert{padding:16px 18px;border-left:2px solid var(--amber);background:#2e261c80;margin-bottom:18px;font-size:12px;color:#e3c798;line-height:1.85}.empty{padding:40px 20px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.empty h3{color:var(--text);margin-bottom:12px}.empty p{font-size:13px}.empty .game-btn{margin-top:20px}.source-disclosure{border:1px solid var(--line);background:#0c1724;margin-top:20px}.source-disclosure summary{padding:18px 20px;cursor:pointer;font-size:12px;color:#aac2d5}.source-disclosure .original{padding:0 22px 24px;overflow-wrap:anywhere}.original{font-size:13px;color:#adbecd;line-height:1.9}.original h2,.original h3,.original h4{font-family:var(--body);font-size:17px;line-height:1.6;color:#dfedf7;margin:24px 0 12px}.original p{margin:12px 0;color:#adbecd}.original ul{padding-left:22px}.original li{margin:8px 0}.original a{color:var(--cyan);text-decoration:underline;overflow-wrap:anywhere}.original hr{border:0;border-top:1px solid var(--line);margin:22px 0}.image-note{display:block;font-size:11px;color:#8099ac;font-style:italic;margin:10px 0}.grid-3{display:grid;gap:14px}.system-card{display:block;border:1px solid var(--line);background:#111d2b;padding:24px}.system-card h3{margin:12px 0}.system-card p{font-size:12px}.system-card .text-link{margin-top:14px}.flow{display:grid;gap:12px;margin:24px 0}.flow-node{background:#152638;border:1px solid #35506a;padding:20px}.flow-node small{font-size:10px;letter-spacing:1.5px;color:var(--cyan)}.flow-node h3{margin:8px 0;font-size:26px}.flow-node p{font-size:12px}.flow-node.red{border-color:#6b3855;background:#291a2c}.flow-node.red small{color:var(--pink)}.element-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.element{padding:8px 12px;border:1px solid var(--line);background:#101c2a;font-size:12px;color:#c3d3df}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th,.data-table td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--line);min-width:140px}.data-table th{color:#7ca4b8;font-size:10px;letter-spacing:.6px;background:#0b1521}.data-table td{color:#c0ccd9}.data-table td:first-child{color:var(--cyan);font-weight:600}.data-table p{font-size:12px;line-height:1.8}.checklist{display:grid;gap:10px;margin-top:20px}.check-item{display:flex;align-items:start;gap:12px;padding:17px;background:#111f2e;border:1px solid var(--line);cursor:pointer;font-size:13px;line-height:1.75}.check-item input{accent-color:var(--cyan);width:19px;height:19px;flex-shrink:0;margin-top:3px}.check-item:has(input:checked){border-color:#417b78;color:#7ba5a7}.progress{height:4px;background:#1d3346;margin:20px 0}.progress span{display:block;height:100%;background:var(--cyan);transition:width .2s}.tool-note{font-size:11px;margin:12px 0}.preset-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.preset{padding:10px 14px;min-height:44px;border:1px solid #3d5b70;background:#172c3c;font-size:11px}.crystal-card{border:1px solid var(--line);padding:22px;background:#0f1c2b;display:flex;flex-direction:column;gap:12px}.crystal-card h3{font-size:25px}.crystal-card p{font-size:12px;line-height:1.9;flex:1}.crystal-card.selected{border-color:var(--cyan);background:#122b34}.crystal-card button{background:#142a3a;color:#bce9ee;padding:10px;border:1px solid #36556b;min-height:44px;font-size:12px}.loadout{position:sticky;bottom:0;z-index:10;background:#0d1d2df5;backdrop-filter:blur(18px);border:1px solid #43667c;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.loadout strong{color:var(--cyan);font:600 26px var(--display)}.loadout p{font-size:10px}.loadout button{font-size:11px;background:transparent;min-height:44px;text-decoration:underline}.document-list{display:grid;gap:10px}.document-link{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;background:#101e2d;border:1px solid var(--line);gap:16px}.document-link span{font-size:13px}.document-link small{color:var(--muted);font-size:10px}.article-toc a{font-size:11px}.loading{padding:100px 30px;text-align:center;color:var(--cyan)}dialog{color:var(--text);background:#0e1927;border:1px solid #456277;padding:0;width:min(680px,calc(100% - 28px));max-height:85vh;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#030811d9;backdrop-filter:blur(9px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.icon-btn{background:none;width:44px;height:44px}.search-box{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 24px;color:var(--cyan)}.search-box input{background:transparent;border:0;outline:none;font-size:16px;width:100%;color:var(--text)}.search-help{font-size:11px;padding:14px 22px}#search-results{max-height:48vh;overflow:auto;padding:0 12px 12px}.result{display:block;padding:14px;border:1px solid transparent}.result:hover,.result:focus{background:#192b3e;border-color:#33546b}.result strong{display:block;font-size:14px}.result small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.result .eyebrow{font-size:9px}.dialog-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 22px;color:#6f879b;font-size:10px}.glossary-list{display:grid;gap:14px}.glossary-item{padding:24px;background:#101c2a;border:1px solid var(--line)}.glossary-item h3{margin-bottom:10px}.glossary-item p{font-size:13px}.count-label{font-size:11px;color:var(--muted);margin:12px 0}.save-btn{background:transparent;border:1px solid #486377;padding:10px 15px;min-height:44px;font-size:11px}.save-btn.active{color:var(--cyan);border-color:var(--cyan)}.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.comparison{margin-top:24px}.pill-counter{font-size:10px;border:1px solid #284351;padding:4px 10px;color:#8fb3c8}.scope{font-size:11px;color:#849caf;margin-top:15px}.no-results{grid-column:1/-1}.route-section:target{scroll-margin-top:100px}.article-title{font-family:var(--body);font-size:22px;line-height:1.5}.content-panel>p{margin-bottom:12px}
@media(min-width:600px){.wrap{padding:0 30px}.hero{min-height:530px}.hero h1{font-size:88px}.hero-art{height:560px;width:530px;right:-140px;bottom:-120px;opacity:.6}.hero-copy{padding:40px}.hero-id{left:auto;right:35px;text-align:right}.hero-x{font-size:590px;bottom:-60px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-card{grid-template-columns:1fr;gap:10px;padding:20px}.entry-card .arrow{display:none}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.search-label,kbd{display:block}.character-banner .character-intro{max-width:55%}.character-banner img{opacity:1;right:-30px;width:450px;height:470px}.character-banner h1{font-size:86px}.glossary-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.site-header{padding:0 max(32px,calc((100vw - 1300px)/2 + 30px));height:84px;gap:28px}.wordmark{flex-shrink:0}#navigation{position:static;background:none;border:0;padding:0;display:flex;align-items:stretch;gap:26px;height:100%}#navigation a{font-size:11px;display:flex;align-items:center;position:relative}#navigation a.active:after{content:'';height:2px;background:var(--cyan);bottom:0;left:0;right:0;position:absolute}.menu-toggle{display:none}.header-tools{margin-left:auto}.topline{padding-top:30px}.topline .micro{display:block}.hero{min-height:490px}.hero-copy{padding:44px 46px;max-width:650px}.hero h1{font-size:100px;margin:25px 0 20px}.hero-copy p{font-size:13px;max-width:390px}.hero-art{width:670px;height:720px;right:-20px;bottom:-172px;opacity:1}.hero-x{font-size:690px;bottom:-120px;right:40px}.hero-id{right:35px;bottom:26px}.hero-coordinates{top:25px;right:25px}.hero-diagonal{right:320px;width:190px}.stats-strip{position:absolute;right:27px;bottom:27px;width:355px;background:#081722e8;z-index:4;margin:0}.stat{padding:17px}.stat strong{font-size:35px}.hero-container{position:relative}.hero-id{display:none}.entry-grid{margin-top:18px;gap:16px}.entry-card{grid-template-columns:44px 1fr 14px;gap:18px;padding:23px}.entry-card .arrow{display:block}.section{margin-top:48px}.section-heading h2{font-size:38px}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.char-card{height:255px}.char-card img{height:302px;width:275px;top:0}.split-section{grid-template-columns:1.5fr 1fr;gap:20px}.path-panel,.legacy-callout{padding:28px}.legacy-callout h2{font-size:48px}.legacy-callout img{height:370px;width:365px;right:-70px;bottom:-85px}.legacy-callout p{max-width:265px}.page-head h1{font-size:64px}.article-layout{grid-template-columns:minmax(0,1fr) 280px}.side-panel{position:sticky;top:108px}.content-panel{padding:30px}.character-banner{min-height:360px;padding:40px}.character-banner h1{font-size:100px}.character-banner p{font-size:14px}.character-banner img{width:590px;height:560px;right:40px;bottom:-140px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flow{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-node{padding:18px}.glossary-list{grid-template-columns:repeat(3,minmax(0,1fr))}footer{align-items:center;gap:40px}footer>div{margin-left:auto;text-align:right}.character-directory .char-card{height:290px}.character-directory .char-card img{height:335px;width:300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Entropy Index identity and readable small-screen content. */
.wordmark{font-size:24px;letter-spacing:.5px}.wordmark b{color:var(--cyan);font-weight:700}.wordmark-sub{font-size:8px}.brand-icon{font-size:41px}.content-panel p,.content-panel li{font-size:16px}.move-item p,.crystal-card p,.glossary-item p{font-size:14px}.hero-copy p{font-size:16px}.loadout>div{min-width:0}.loadout button{flex-shrink:0}.page-head h1{overflow-wrap:anywhere}.original h3{max-width:75ch}.character-intro{max-width:75ch}.original p,.original li{max-width:80ch}.search-box input:focus-visible{outline:none}.search-box:focus-within{outline:2px solid var(--cyan);outline-offset:-2px}
@media(min-width:1000px){.wordmark{font-size:26px}.hero-copy p{font-size:14px}.content-panel p,.content-panel li{font-size:14px}.move-item p,.crystal-card p,.glossary-item p{font-size:13px}.site-header{gap:24px}#navigation{gap:22px}}

.stat span{display:block;line-height:1.65;margin-top:6px}.hero-copy{max-width:100%}.hero-copy h1{max-width:640px}.brand-icon{flex-shrink:0}.wordmark{white-space:nowrap}.hero-actions{position:relative;z-index:4}.character-banner .character-intro{max-width:100%}.character-banner img{opacity:.25}.character-banner{min-height:350px}.character-banner p{max-width:48ch}.section-heading h2{min-width:0}.section-heading>div{min-width:0}
@media(min-width:600px){.hero-copy{max-width:600px}.character-banner .character-intro{max-width:62%}.character-banner img{opacity:.75}}
@media(min-width:1000px){.hero-copy{max-width:680px}.hero-copy h1{font-size:92px}.character-banner .character-intro{max-width:55%}.character-banner img{opacity:1}.stats-strip{width:355px}}

/* Prototype discovery: preserve the game UI and keep motion user-controllable. */
.hero-art{opacity:0!important;transition:opacity .75s ease,transform .9s ease;transform:translateX(24px)}
.hero-art.is-visible{opacity:1!important;transform:translateX(0)}
.hero-id{display:block;left:24px;right:auto;bottom:22px;text-align:left;background:#091724e8;border:1px solid var(--line);padding:12px 16px;min-width:200px}
.hero-id>span{font-size:8px;letter-spacing:1.1px;display:flex;justify-content:space-between;gap:18px}
.hero-id>a{display:block;font:600 26px var(--display);text-transform:uppercase;color:var(--cyan);margin-top:5px}
.hero-controls{display:flex;gap:8px;margin-top:6px}
.hero-controls button,.rail-control{min-width:44px;min-height:44px;background:#122534;border:1px solid #385466;color:var(--text);cursor:pointer}
.hero-controls button[data-hero-pause]{min-width:70px;font-size:11px}
.hero-controls button:hover,.rail-control:hover{border-color:var(--cyan)}
.rail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-8px 0 14px}
.rail-toolbar p{font-size:12px;color:var(--muted)}
.rail-toolbar>div{display:flex;gap:8px}
.rail-control:disabled{opacity:.3;cursor:default}
.prototype-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 16px;overscroll-behavior-x:contain;scrollbar-color:#466579 #101d2c;scrollbar-width:thin}
.prototype-rail .char-card{flex:0 0 76%;height:280px;scroll-snap-align:start}
.prototype-rail .char-card img{height:320px;width:300px}
.prototype-rail:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.legacy-callout{min-height:580px}
.legacy-callout h2,.legacy-callout p,.legacy-callout>.eyebrow{position:relative;z-index:2}
.legacy-callout img{height:440px;width:400px;right:-65px;bottom:-115px;opacity:1;pointer-events:none}
.legacy-callout:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#111c2bd9 0%,#111c2b88 30%,transparent 60%);z-index:1}
.prototype-stats{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}
.prototype-stats>div{padding:18px;border:1px solid var(--line);background:#0c1926}
.prototype-stats dt{font-size:11px;color:var(--muted);margin-bottom:8px}
.prototype-stats dd{margin:0;color:var(--cyan);font:600 26px var(--display)}
.reference-block{padding:24px 0;border-top:1px solid var(--line)}
.reference-block h3{font-size:28px;margin-bottom:16px}
.reference-block p{line-height:1.85;max-width:75ch;margin:12px 0}
.prototype-source{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}
.prototype-source p,.prototype-source a{font-size:11px;line-height:1.8}
.prototype-source a{color:var(--cyan);text-decoration:underline}
.detail-tabs{scrollbar-width:thin;scrollbar-color:#466579 #101d2c}
@media(min-width:600px){.prototype-rail .char-card{flex-basis:calc((100% - 32px)/3)}.prototype-stats{grid-template-columns:1fr 1fr}.hero-id{left:30px;bottom:20px}.hero{min-height:650px}.legacy-callout{min-height:560px}.legacy-callout img{height:520px;width:490px;right:-60px;bottom:-145px}}
@media(min-width:1000px){.prototype-rail .char-card{flex-basis:calc((100% - 64px)/5)}.hero{min-height:570px}.hero-id{left:46px;bottom:20px;min-width:240px}.hero-id>a{font-size:22px}.hero-controls{position:absolute;left:calc(100% + 12px);bottom:0;margin:0}.hero-id{min-height:74px}.legacy-callout{min-height:570px}.legacy-callout h2{font-size:44px}.legacy-callout img{height:580px;width:520px;right:-95px;bottom:-130px}.legacy-callout p{max-width:300px}.legacy-callout .game-btn{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.hero-art{transition:none;transform:none}}
.character-banner img[src="assets/icey.png"]{top:12px;bottom:auto;height:430px;object-position:top center}
@media(min-width:1000px){.character-banner img[src="assets/icey.png"]{height:480px;right:20px}}
/* Decorative art must not make its clipped container scroll when controls focus. */
.hero,.character-banner,.legacy-callout{overflow:clip}