@font-face{font-family:PhotonDisplay;src:url('/display.woff2') format('woff2');font-display:swap}
@font-face{font-family:PhotonBody;src:url('/body.woff2') format('woff2');font-display:swap}
@font-face{font-family:PhotonBody;src:url('/bodyblack.woff2') format('woff2');font-weight:800;font-display:swap}

:root{
  color-scheme:dark;
  --ink:#100818;
  --deep:#25112f;
  --mid:#6c2d88;
  --hot:#ff567d;
  --glow:#79fff2;
  --paper:#fffaf2;
  --muted:rgba(255,250,242,.66);
  --line:rgba(255,255,255,.16);
  --topbar:76px;
  --ease:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box}
html{background:#09050f;scroll-behavior:smooth}
body{margin:0;background:#09050f;color:var(--paper);font-family:PhotonBody,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}
button,a{font:inherit}
button{color:inherit}
a{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--glow);color:#071015}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

.skip-link{position:fixed;z-index:1000;top:8px;left:50%;translate:-50% -140%;padding:11px 18px;border-radius:99px;background:#fff;color:#111;text-decoration:none;transition:translate .2s}
.skip-link:focus{translate:-50% 0}
:focus-visible{outline:2px solid var(--glow);outline-offset:4px}

.topbar{height:var(--topbar);position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(8,4,14,.86),rgba(8,4,14,.38));backdrop-filter:blur(18px) saturate(140%)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.08em}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1}
.brand strong{font-family:PhotonDisplay,Impact,sans-serif;font-size:18px;letter-spacing:.11em}
.brand small{margin-top:5px;font-size:9px;letter-spacing:.31em;color:var(--muted)}
.brand-sigil{position:relative;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center}
.brand-sigil i{position:absolute;width:8px;height:8px;border:1px solid var(--glow);border-radius:50%;animation:brand-orbit 7s linear infinite}
.brand-sigil i:nth-child(2){animation-delay:-2.33s}.brand-sigil i:nth-child(3){animation-delay:-4.66s}
.brand-sigil b{font:11px PhotonDisplay,Impact,sans-serif}
@keyframes brand-orbit{from{transform:rotate(0) translateX(14px) rotate(0)}to{transform:rotate(360deg) translateX(14px) rotate(-360deg)}}
.top-actions{display:flex;align-items:center;gap:8px}
.quiet-button,.play-button{min-height:40px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.055);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.quiet-button:hover,.play-button:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12);transform:translateY(-1px)}
.play-button{background:var(--paper);color:#130c18;border-color:transparent}
.language-button{min-width:58px}

#atlas-app{min-height:100vh}
.stage-shell{min-height:100svh;padding-top:var(--topbar);background:#09050f}
.stage{--ink:#100818;--deep:#25112f;--mid:#6c2d88;--hot:#ff567d;--glow:#79fff2;position:relative;height:calc(100svh - var(--topbar));min-height:620px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,var(--deep),var(--ink) 62%,#050309 100%);transition:background 1s var(--ease)}
.stage:focus-visible{outline-offset:-4px}
.stage::before{content:"";position:absolute;z-index:-3;inset:-20%;opacity:.28;background-image:radial-gradient(circle at 20% 25%,var(--glow) 0 1px,transparent 1.8px),radial-gradient(circle at 72% 40%,var(--hot) 0 1px,transparent 1.8px);background-size:89px 89px,121px 121px;animation:cell-drift 24s linear infinite}
@keyframes cell-drift{to{transform:translate3d(50px,-32px,0)}}
.stage::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,5,15,.5),rgba(9,5,15,.02) 43%,rgba(9,5,15,.48)),url('/press/poster_six_games_no_characters_4x3_master.png') center 52%/cover no-repeat;filter:saturate(.94) contrast(1.06);opacity:0;mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%);transition:opacity .8s var(--ease)}
html[data-ready="false"] .stage::after,.stage[data-region="overview"]::after{opacity:.32}
.aurora{position:absolute;z-index:-2;inset:-20%;opacity:.34;filter:blur(80px);background:conic-gradient(from 210deg at 50% 55%,transparent,var(--mid),transparent 31%,var(--hot),transparent 66%,var(--glow),transparent);animation:aurora 16s ease-in-out infinite alternate;transition:background .9s var(--ease)}
@keyframes aurora{to{transform:rotate(9deg) scale(1.08)}}
.render-surface,.render-surface canvas{position:absolute;inset:0;width:100%;height:100%}
.render-surface{z-index:1}
.render-surface canvas{display:block;cursor:grab;touch-action:pan-y}
.render-surface canvas:active{cursor:grabbing}
.scene-vignette{position:absolute;z-index:2;pointer-events:none;inset:0;background:linear-gradient(90deg,rgba(5,3,9,.68) 0%,transparent 32%,transparent 72%,rgba(5,3,9,.25)),linear-gradient(0deg,rgba(5,3,9,.72),transparent 33%)}
.transition-flash{position:absolute;z-index:18;pointer-events:none;inset:0;background:radial-gradient(circle at 50% 56%,var(--glow),var(--mid) 28%,var(--ink) 66%);opacity:0;transform:scale(1.25);transition:opacity .35s ease,transform .7s var(--ease)}
.stage.is-transitioning .transition-flash{opacity:.82;transform:scale(1)}

.stage-copy{position:absolute;z-index:5;top:clamp(48px,8vh,98px);left:clamp(22px,6vw,92px);width:min(440px,40vw);pointer-events:none;transition:opacity .35s,transform .55s var(--ease)}
.stage.is-transitioning .stage-copy{opacity:.18;transform:translateY(14px)}
.eyebrow{margin:0 0 13px;color:var(--glow);font-size:10px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}
.eyebrow::before{content:"";display:inline-block;width:24px;height:1px;margin-right:9px;vertical-align:middle;background:currentColor}
.stage-copy h1{max-width:590px;margin:0;font-family:PhotonDisplay,Impact,sans-serif;font-size:clamp(58px,7.2vw,120px);font-weight:900;line-height:.78;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;text-shadow:0 15px 70px rgba(0,0,0,.5)}
.stage-copy h1 span{display:block;font-family:PhotonBody,system-ui,sans-serif;font-size:.18em;font-weight:800;line-height:1.5;letter-spacing:.26em;color:var(--hot)}
.stage-summary{max-width:390px;margin:25px 0 0;font-size:clamp(14px,1.2vw,18px);line-height:1.55;color:rgba(255,250,242,.82);text-wrap:pretty}
.stage-instructions{max-width:370px;margin:14px 0 0;padding-left:14px;border-left:1px solid var(--glow);font-size:11px;line-height:1.45;letter-spacing:.04em;color:var(--muted)}

.world-map{position:absolute;z-index:8;left:50%;bottom:24px;translate:-50% 0;width:min(910px,calc(100% - 160px));display:grid;grid-template-columns:repeat(7,1fr);align-items:center;padding:14px 18px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(10,5,15,.63);backdrop-filter:blur(16px) saturate(150%);box-shadow:0 24px 80px rgba(0,0,0,.35)}
.world-map::before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:29px;height:1px;background:linear-gradient(90deg,#ff7048,#e443ff,#b8ff69,#d8f2ff,#63fff0,#ff568a,#fff0a8);opacity:.55}
.world-map button{--world:#fff;position:relative;border:0;background:none;display:grid;justify-items:center;gap:3px;min-height:56px;padding:0 5px;color:rgba(255,255,255,.5);cursor:pointer;transition:color .25s,transform .35s var(--ease)}
.world-map button:nth-child(1){--world:#ff7048}.world-map button:nth-child(2){--world:#e443ff}.world-map button:nth-child(3){--world:#b8ff69}.world-map button:nth-child(4){--world:#d8f2ff}.world-map button:nth-child(5){--world:#63fff0}.world-map button:nth-child(6){--world:#ff568a}.world-map button:nth-child(7){--world:#fff0a8}
.world-map button:hover,.world-map button[aria-pressed="true"]{color:#fff;transform:translateY(-3px)}
.world-map button[aria-pressed="true"] .world-dot{background:var(--world);box-shadow:0 0 0 5px color-mix(in srgb,var(--world) 18%,transparent),0 0 22px var(--world);transform:scale(1.35)}
.world-dot{width:11px;height:11px;border:2px solid var(--world);border-radius:50%;background:#09050f;transition:.35s var(--ease)}
.world-map small{font-size:8px;letter-spacing:.2em;color:var(--world)}
.world-map b{font-size:10px;letter-spacing:.08em;text-transform:uppercase}

.travel-arrow{position:absolute;z-index:8;top:54%;width:48px;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(9,5,15,.5);backdrop-filter:blur(12px);font-size:19px;cursor:pointer;transition:.25s}
.travel-arrow:hover{background:var(--paper);color:#120817;transform:scale(1.06)}
.travel-prev{left:clamp(14px,2.5vw,38px)}.travel-next{right:clamp(14px,2.5vw,38px)}
.atlas-loader{position:absolute;z-index:35;inset:0;display:grid;place-items:center;overflow:hidden;padding:clamp(24px,5vw,76px);background:radial-gradient(circle at 74% 36%,color-mix(in srgb,var(--mid) 34%,transparent),transparent 36%),linear-gradient(135deg,rgba(5,3,9,.97),rgba(15,7,23,.91));opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s var(--ease),visibility .55s}
.atlas-loader[hidden],.atlas-loader[data-state="hidden"],.atlas-loader[data-state="complete"]{display:none}
.atlas-loader::before{content:"";position:absolute;inset:-2%;background:linear-gradient(90deg,rgba(5,3,9,.9) 0%,rgba(5,3,9,.48) 38%,rgba(5,3,9,.16) 72%,rgba(5,3,9,.68)),url('/press/poster_six_games_no_characters_4x3_master.png') center/cover no-repeat;filter:saturate(.92) contrast(1.08);opacity:.48;transform:scale(1.035)}
.atlas-loader::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 45%,transparent 0 28%,rgba(5,3,9,.72) 82%);background-size:44px 44px,44px 44px,auto;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.loader-panel{position:relative;z-index:1;width:min(760px,100%);padding:clamp(26px,4vw,48px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(145deg,rgba(19,10,27,.88),rgba(7,4,11,.72));box-shadow:0 45px 140px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(135%)}
.loader-panel::before{content:"";position:absolute;inset:0 auto auto 0;width:42%;height:2px;background:linear-gradient(90deg,var(--glow),var(--hot),transparent);box-shadow:0 0 26px var(--glow)}
.loader-identity{display:flex;align-items:center;gap:17px}
.loader-emblem{position:relative;flex:0 0 68px;width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.21);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 68%);box-shadow:0 0 42px color-mix(in srgb,var(--glow) 17%,transparent)}
.loader-emblem::before{content:"";position:absolute;inset:7px;border:1px dashed color-mix(in srgb,var(--glow) 50%,transparent);border-radius:50%;animation:spin 13s linear infinite}
.loader-emblem i{--i:0;position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px currentColor;transform:rotate(calc(var(--i)*60deg)) translateX(27px)}
.loader-emblem i:nth-child(2){--i:1;background:#ff7048}.loader-emblem i:nth-child(3){--i:2;background:#e443ff}.loader-emblem i:nth-child(4){--i:3;background:#b8ff69}.loader-emblem i:nth-child(5){--i:4;background:#63fff0}.loader-emblem i:nth-child(6){--i:5;background:#fff0a8}
.loader-emblem b{font:22px PhotonDisplay,Impact,sans-serif;letter-spacing:-.03em}
.loader-wordmark{display:flex;flex-direction:column;gap:6px}.loader-wordmark strong{font:24px PhotonDisplay,Impact,sans-serif;letter-spacing:.14em}.loader-wordmark small{font-size:8px;font-weight:800;letter-spacing:.22em;color:var(--muted)}
.loader-chapter{display:flex;justify-content:space-between;gap:22px;margin-top:clamp(35px,6vh,66px);padding-top:15px;border-top:1px solid rgba(255,255,255,.13);font-size:8px;font-weight:800;letter-spacing:.23em;color:var(--muted)}
.loader-chapter span:first-child{color:var(--glow)}
.atlas-loader h2{max-width:690px;margin:20px 0 0;font:clamp(46px,7vw,86px)/.82 PhotonDisplay,Impact,sans-serif;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}
.atlas-loader #load-copy{margin:20px 0 36px;font-size:clamp(13px,1.3vw,17px);line-height:1.5;color:rgba(255,250,242,.72)}
.loader-progress-meta{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:8px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.loader-progress-meta strong{color:#fff;font-size:10px;letter-spacing:.11em}
.loader-track{position:relative;height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:99px;background:rgba(255,255,255,.065);box-shadow:inset 0 1px 6px rgba(0,0,0,.4)}
.loader-fill{position:absolute;inset:0 auto 0 0;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--hot),var(--glow));box-shadow:0 0 24px color-mix(in srgb,var(--glow) 65%,transparent);transition:width .5s var(--ease)}
.loader-fill::after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent);animation:loader-sweep 1.6s ease-in-out infinite}
.loader-fill i{position:absolute;top:50%;right:0;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--glow);box-shadow:0 0 20px var(--glow);translate:50% -50%}
@keyframes loader-sweep{from{transform:translateX(-130%)}to{transform:translateX(380%)}}
@keyframes spin{to{rotate:360deg}}
@keyframes character-arrive{0%{opacity:0;transform:translate3d(20%,24%,0) scale(.82) rotate(3deg)}62%{opacity:1;transform:translate3d(-2%,-3%,0) scale(1.025) rotate(-1deg)}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0)}}
.loader-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
.loader-foot>p{margin:0;font-size:8px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.loader-foot>p strong{color:#fff;font-size:11px}
.loader-enter{min-height:52px;min-width:220px;padding:8px 15px 8px 21px;border:1px solid rgba(255,255,255,.23);border-radius:99px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:13px;background:rgba(255,255,255,.07);color:#fff;text-align:left;cursor:pointer;transition:transform .3s var(--ease),background .3s,border-color .3s}
.loader-enter span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.loader-enter small{grid-column:1;font-size:8px;letter-spacing:.1em;color:var(--muted)}.loader-enter b{grid-column:2;grid-row:1 / 3;font-size:18px}
.loader-enter:disabled{opacity:.42;cursor:wait}.loader-enter:not(:disabled):hover{transform:translateY(-2px);border-color:var(--glow);background:var(--paper);color:#120817}.loader-enter:not(:disabled):hover small{color:rgba(18,8,23,.62)}
.atlas-loader[data-state="ready"] .loader-panel{border-color:color-mix(in srgb,var(--glow) 55%,transparent)}.atlas-loader[data-state="ready"] .loader-progress-meta strong{color:var(--glow)}.atlas-loader[data-state="error"] .loader-fill{background:linear-gradient(90deg,#ff7048,#ff3d78)}
html[data-ready="true"] .stage:not(.is-loading) .atlas-loader:not([data-state="ready"]):not([data-state="error"]){opacity:0;visibility:hidden;pointer-events:none}
.atlas-loader[data-mode="compact"],html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]){inset:auto clamp(18px,3vw,38px) 112px auto;width:min(370px,calc(100% - 36px));display:block;overflow:visible;padding:0;background:none;pointer-events:none}
.atlas-loader[data-mode="compact"]::before,.atlas-loader[data-mode="compact"]::after,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"])::before,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"])::after{display:none}
.atlas-loader[data-mode="compact"] .loader-panel,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) .loader-panel{width:100%;padding:15px 17px 17px;border-radius:16px;background:rgba(7,4,11,.82);box-shadow:0 16px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px) saturate(145%)}
.atlas-loader[data-mode="compact"] .loader-identity,.atlas-loader[data-mode="compact"] .loader-chapter,.atlas-loader[data-mode="compact"] h2,.atlas-loader[data-mode="compact"] .loader-foot,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) .loader-identity,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) .loader-chapter,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) h2,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) .loader-foot{display:none}
.atlas-loader[data-mode="compact"] #load-copy,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) #load-copy{margin:0 0 11px;overflow:hidden;font-size:10px;font-weight:800;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.82)}
.atlas-loader[data-mode="compact"] .loader-progress-meta,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) .loader-progress-meta{margin-bottom:7px}.atlas-loader[data-mode="compact"] .loader-track,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) .loader-track{height:5px}
.atlas-loader[data-mode][data-state="complete"],.atlas-loader[data-mode][data-state="hidden"],.atlas-loader[hidden]{display:none}
.actor-preview{position:absolute;z-index:16;left:var(--actor-x,50%);top:var(--actor-y,50%);width:min(278px,calc(100% - 32px));padding:17px 18px 15px;border:1px solid color-mix(in srgb,var(--glow) 42%,rgba(255,255,255,.18));border-radius:16px;background:linear-gradient(145deg,rgba(17,9,24,.94),rgba(6,3,10,.84));box-shadow:0 22px 65px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(145%);opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px,calc(-100% - 18px)) scale(.94);transform-origin:left bottom;transition:opacity .2s,visibility .2s,transform .28s var(--ease)}
.actor-preview::after{content:"";position:absolute;left:-6px;bottom:13px;width:10px;height:10px;border-left:1px solid color-mix(in srgb,var(--glow) 42%,rgba(255,255,255,.18));border-bottom:1px solid color-mix(in srgb,var(--glow) 42%,rgba(255,255,255,.18));background:rgba(8,4,13,.92);transform:rotate(45deg)}
.actor-preview.is-visible,.actor-preview[data-visible="true"],.actor-preview[aria-hidden="false"]{opacity:1;visibility:visible;transform:translate(18px,calc(-100% - 18px)) scale(1)}
.actor-preview[data-side="left"]{transform:translate(calc(-100% - 18px),calc(-100% - 18px)) scale(.94);transform-origin:right bottom}.actor-preview[data-side="left"].is-visible,.actor-preview[data-side="left"][data-visible="true"],.actor-preview[data-side="left"][aria-hidden="false"]{transform:translate(calc(-100% - 18px),calc(-100% - 18px)) scale(1)}.actor-preview[data-side="left"]::after{right:-6px;left:auto;border:0;border-top:1px solid color-mix(in srgb,var(--glow) 42%,rgba(255,255,255,.18));border-right:1px solid color-mix(in srgb,var(--glow) 42%,rgba(255,255,255,.18))}
.actor-preview-signal{position:absolute;top:17px;right:18px;width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 0 5px color-mix(in srgb,var(--glow) 12%,transparent),0 0 16px var(--glow)}
.actor-preview>p:first-of-type{margin:0 28px 13px 0;font-size:7px;font-weight:800;letter-spacing:.2em;color:var(--glow)}
.actor-preview>div{padding-top:12px;border-top:1px solid rgba(255,255,255,.13)}.actor-preview h2{margin:0;font:26px/.9 PhotonDisplay,Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.actor-preview>div p{margin:7px 0 0;font-size:12px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.68)}
.actor-preview .actor-preview-role{margin:13px 0 0;font-size:7px;font-weight:800;letter-spacing:.16em;color:var(--muted)}
.actor-preview-prompt{display:flex;align-items:center;gap:7px;margin:14px -18px -15px!important;padding:11px 18px;border-top:1px solid rgba(255,255,255,.12);font-size:7px!important;letter-spacing:.09em!important;color:rgba(255,255,255,.68)!important}.actor-preview-prompt span:first-child{color:#fff}.actor-preview-prompt b{margin-left:auto;font-size:13px;color:var(--glow)}

.webgl-fallback{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:25vh 24px 120px;background:radial-gradient(circle at 60% 55%,var(--mid),var(--ink) 52%)}
.webgl-fallback[hidden]{display:none}
.webgl-fallback p{max-width:390px;margin:30px auto 0;line-height:1.5;color:rgba(255,255,255,.74)}
.fallback-orbit{position:relative;width:170px;height:170px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;font:70px PhotonDisplay,Impact,sans-serif;color:var(--glow);box-shadow:inset 0 0 80px rgba(255,255,255,.05),0 0 80px color-mix(in srgb,var(--glow) 18%,transparent)}
.fallback-orbit i{position:absolute;width:26px;height:26px;border:2px solid var(--hot);border-radius:50%;transform:rotate(calc(var(--n)*120deg)) translateX(82px)}
.fallback-orbit i:nth-child(1){--n:0}.fallback-orbit i:nth-child(2){--n:1}.fallback-orbit i:nth-child(3){--n:2}

.cast-deck{--ink:#100818;--deep:#25112f;--mid:#6c2d88;--hot:#ff567d;--glow:#79fff2;position:relative;min-height:360px;padding:58px clamp(22px,6vw,92px) 74px;background:linear-gradient(165deg,color-mix(in srgb,var(--deep) 72%,#09050f),#09050f 62%);border-top:1px solid color-mix(in srgb,var(--glow) 35%,transparent)}
.cast-deck[hidden]{display:none}
.cast-deck::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(115deg,transparent 0 38px,var(--glow) 39px 40px)}
.cast-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}
.cast-heading h2{margin:0;font:clamp(32px,5vw,68px)/.9 PhotonDisplay,Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.cast-heading>p{margin:0;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
.cast-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 3px 18px;scroll-snap-type:x proximity;scrollbar-color:var(--hot) rgba(255,255,255,.06)}
.cast-card{position:relative;isolation:isolate;scroll-snap-align:start;min-height:226px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.025));padding:0;text-align:left;cursor:pointer;transition:transform .35s var(--ease),border-color .25s,background .25s}
.cast-card:hover,.cast-card[aria-pressed="true"]{transform:translateY(-5px);border-color:var(--glow);background:linear-gradient(155deg,color-mix(in srgb,var(--mid) 46%,transparent),rgba(255,255,255,.04))}
.cast-card::after{content:"";position:absolute;z-index:-1;inset:45% -25% -35%;border-radius:50%;background:var(--mid);filter:blur(35px);opacity:.38}
.cast-card img{width:100%;height:156px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 18px rgba(0,0,0,.38));transition:transform .45s var(--ease)}
.cast-card:hover img{transform:scale(1.07) rotate(-2deg)}
.cast-card-copy{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:13px 14px 15px}
.cast-card-copy span{display:flex;flex-direction:column;min-width:0}
.cast-card-copy b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cast-card-copy small{margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cast-card-copy>em{font:9px PhotonBody,sans-serif;font-style:normal;letter-spacing:.1em;color:var(--glow);text-transform:uppercase}
.cast-card .preview-tag{position:absolute;top:10px;right:10px;padding:5px 7px;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:rgba(9,5,15,.7);font-size:7px;font-weight:800;letter-spacing:.12em}

.hero-drawer{position:fixed;z-index:100;inset:0;pointer-events:none;visibility:hidden}
.hero-drawer[aria-hidden="false"]{pointer-events:auto;visibility:visible}
.drawer-scrim{position:absolute;inset:0;background:rgba(3,2,7,.68);backdrop-filter:blur(8px);opacity:0;transition:opacity .35s}
.hero-drawer[aria-hidden="false"] .drawer-scrim{opacity:1}
.drawer-panel{position:absolute;top:0;right:0;width:min(760px,100%);height:100%;overflow-y:auto;overscroll-behavior:contain;background:#f7f0e8;color:#1b1520;box-shadow:-40px 0 120px rgba(0,0,0,.48);transform:translateX(102%);transition:transform .62s var(--ease)}
.hero-drawer[aria-hidden="false"] .drawer-panel{transform:translateX(0)}
.drawer-close{position:fixed;z-index:4;top:17px;right:17px;width:46px;height:46px;border:1px solid rgba(23,15,28,.2);border-radius:50%;background:rgba(255,250,244,.8);color:#1b1520;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}
.drawer-close:hover{background:#1b1520;color:#fff;rotate:8deg}
.drawer-visual{--drawer-accent:#df3764;position:relative;height:clamp(430px,62vh,660px);overflow:hidden;display:grid;place-items:end center;background:radial-gradient(circle at 52% 58%,color-mix(in srgb,var(--drawer-accent) 68%,#fff),#241326 64%,#110a14)}
.drawer-visual::before,.drawer-visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.27);border-radius:50%}
.drawer-visual::before{width:54%;aspect-ratio:1;top:17%;left:23%}.drawer-visual::after{width:78%;aspect-ratio:1;top:0;left:11%;border-style:dashed;animation:spin 22s linear infinite}
.drawer-sun{position:absolute;width:36%;aspect-ratio:1;top:26%;left:32%;border-radius:50%;background:var(--drawer-accent);filter:blur(3px);box-shadow:0 0 90px var(--drawer-accent)}
.drawer-visual img{position:absolute;z-index:2;top:14px;left:4%;width:92%;height:calc(100% - 28px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 25px rgba(0,0,0,.5))}
.drawer-visual img[data-hero="marrowknight"]{left:50%;width:auto;translate:-50% 0;clip-path:inset(0 1.8% 1.7% 0)}
.hero-drawer[aria-hidden="false"] .drawer-visual img{animation:character-arrive .72s cubic-bezier(.2,.8,.2,1) both}
.model-badge{position:absolute;z-index:3;left:24px;bottom:20px;margin:0;padding:7px 10px;border:1px solid rgba(255,255,255,.45);border-radius:99px;background:rgba(10,5,15,.55);color:#fff;font-size:8px;font-weight:800;letter-spacing:.16em}
.drawer-content{padding:clamp(28px,6vw,68px)}
.drawer-overline{margin:0 0 15px;color:#805260;font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.drawer-content>h2{margin:0;font:clamp(58px,9vw,112px)/.75 PhotonDisplay,Impact,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.hero-name-zh{margin:15px 0 0;font-size:18px;font-weight:800;letter-spacing:.16em;color:#7e5868}
.hero-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:30px 0}
.hero-stat{padding:12px 7px;border:1px solid rgba(32,19,35,.14);border-radius:7px;text-align:center}
.hero-stat b{display:block;font:25px PhotonDisplay,Impact,sans-serif}.hero-stat span{display:block;margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.12em;color:#805d6a}
.bilingual-lore{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:25px 0 38px;border-top:1px solid rgba(32,19,35,.14);border-bottom:1px solid rgba(32,19,35,.14)}
.bilingual-lore p{margin:0;font-size:14px;line-height:1.65}.bilingual-lore p+ p{color:#6c5360}
.ability-section{margin-top:38px}
.section-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.section-label h3{margin:0;font:24px PhotonDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em}.section-label span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#8a6571}
.ability-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #241926}
.ability-card{position:relative;padding:19px 20px 20px 0;border-bottom:1px solid rgba(32,19,35,.14)}
.ability-card:nth-child(odd){padding-right:22px;border-right:1px solid rgba(32,19,35,.14)}.ability-card:nth-child(even){padding-left:22px}
.ability-card b{display:block;font-size:13px}.ability-card .zh{display:block;margin:3px 0 9px;font-size:11px;color:#8c6874}.ability-card p{margin:0;font-size:11px;line-height:1.5;color:#584751}.ability-card p+p{margin-top:5px;color:#88707a}.ability-cost{position:absolute;top:19px;right:8px;font:10px PhotonDisplay,Impact,sans-serif;color:#a33f5e}
.ability-card:nth-child(even) .ability-cost{right:0}
.moba-grid{display:grid;gap:7px}
.moba-ability{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:14px;border:1px solid rgba(32,19,35,.14);border-radius:8px}
.moba-key{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#201723;color:#fff;font:18px PhotonDisplay,Impact,sans-serif}
.moba-ability b{font-size:12px}.moba-ability small{display:block;margin-top:3px;color:#906d79}.moba-ability p{margin:7px 0 0;font-size:10px;line-height:1.45;color:#5c4852}
.codex-link{margin-top:40px;min-height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid #201723;border-radius:99px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:.25s}
.codex-link:hover{background:#201723;color:#fff;transform:translateY(-2px)}
body.drawer-open{overflow:hidden}

.site-footer{display:grid;grid-template-columns:1fr auto;gap:10px 35px;align-items:center;padding:45px clamp(22px,6vw,92px);border-top:1px solid rgba(255,255,255,.1);background:#07040a;color:rgba(255,255,255,.58);font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.site-footer p{margin:0}.site-footer p:first-child{color:#fff}.site-footer p:nth-child(2){grid-column:1}
.site-footer nav{grid-column:2;grid-row:1 / span 2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:17px}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--glow)}

.noscript-atlas{padding:120px 6vw 60px;background:#0a0610}.noscript-atlas h1{font:50px PhotonDisplay,sans-serif}.noscript-atlas>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.noscript-atlas a{padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;text-decoration:none}.noscript-atlas img{height:180px;width:100%;object-fit:contain}

html[data-ready="false"] .travel-arrow,html[data-ready="false"] .world-map{opacity:.45;pointer-events:none}
html[data-ready="true"] .travel-arrow,html[data-ready="true"] .world-map{transition:opacity .35s,transform .35s var(--ease)}

@media (max-width:900px){
  .stage-copy{width:min(430px,56vw);top:55px}
  .stage-copy h1{font-size:clamp(55px,10vw,90px)}
  .world-map{width:calc(100% - 110px)}
  .world-map b{font-size:8px}
}

@media (max-width:700px){
  :root{--topbar:64px}
  .topbar{padding:0 14px}.brand-sigil{width:34px;height:34px}.brand strong{font-size:15px}.brand small{display:none}
  .quiet-button{padding:0 11px}.quiet-button span[data-copy]{display:none}.play-button{padding:0 13px}.play-button span[data-copy]{font-size:10px}
  .stage{min-height:680px}
  .stage-copy{top:34px;left:20px;width:calc(100% - 40px);text-align:left}
  .stage-copy h1{font-size:clamp(52px,17vw,84px);max-width:370px}
  .stage-summary{max-width:310px;font-size:13px;margin-top:17px}
  .stage-instructions{max-width:290px;font-size:9px}
  .scene-vignette{background:linear-gradient(0deg,rgba(5,3,9,.83),transparent 42%),linear-gradient(90deg,rgba(5,3,9,.48),transparent 70%)}
  .world-map{left:16px;right:16px;bottom:14px;translate:0;width:auto;grid-template-columns:repeat(4,1fr);padding:10px 9px;gap:4px;border-radius:15px}
  .world-map::before{display:none}.world-map button{min-height:42px;grid-template-columns:13px 1fr;grid-template-rows:auto auto;justify-items:start;text-align:left;padding:4px 6px;border-radius:9px}.world-map button[aria-pressed="true"]{background:rgba(255,255,255,.09);transform:none}.world-dot{grid-row:1 / 3;align-self:center;width:9px;height:9px}.world-map small{font-size:7px}.world-map b{font-size:8px}
  .travel-arrow{top:auto;bottom:119px;width:42px;height:42px}.travel-prev{left:16px}.travel-next{right:16px}
  .atlas-loader{padding:18px}.loader-panel{padding:24px 20px;border-radius:21px}.loader-emblem{flex-basis:56px;width:56px;height:56px}.loader-emblem i{transform:rotate(calc(var(--i)*60deg)) translateX(22px)}.loader-wordmark strong{font-size:19px}.loader-wordmark small{font-size:6px}.loader-chapter{margin-top:28px}.loader-chapter span:last-child{display:none}.atlas-loader h2{font-size:clamp(34px,11vw,50px)}.atlas-loader #load-copy{margin:16px 0 28px}.loader-foot{align-items:stretch;flex-direction:column;margin-top:23px}.loader-enter{width:100%}
  .atlas-loader[data-mode="compact"],html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]){right:14px;bottom:124px;left:14px;width:auto}.atlas-loader[data-mode="compact"] .loader-panel,html[data-ready="true"] .stage.is-loading .atlas-loader:not([data-mode="full"]) .loader-panel{padding:13px 14px 15px}
  .actor-preview{width:235px}
  .cast-deck{padding:42px 20px 58px}.cast-heading{align-items:start}.cast-heading h2{font-size:42px}.cast-heading>p{font-size:8px}.cast-rail{grid-auto-columns:145px}.cast-card{min-height:205px}.cast-card img{height:137px}
  .drawer-panel{width:100%}.drawer-content{padding:32px 22px 50px}.drawer-visual{height:min(480px,62svh)}.hero-stats{gap:4px}.hero-stat{padding:10px 4px}.hero-stat b{font-size:20px}.bilingual-lore{grid-template-columns:1fr;gap:12px}.ability-grid{grid-template-columns:1fr}.ability-card,.ability-card:nth-child(odd),.ability-card:nth-child(even){padding:17px 4px 17px 0;border-right:0}.ability-cost,.ability-card:nth-child(even) .ability-cost{right:4px}
  .site-footer{grid-template-columns:1fr;padding:35px 20px}.site-footer p:nth-child(2),.site-footer nav{grid-column:1;grid-row:auto;justify-content:flex-start}
}

@media (hover:none),(pointer:coarse){.actor-preview{display:none}}
@media (max-width:390px){.brand>span:last-child{display:none}.world-map button{padding-inline:4px}.world-map b{letter-spacing:0}.stage-copy h1{font-size:55px}.loader-progress-meta span{max-width:130px}.loader-foot>p{font-size:7px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}