*{box-sizing:border-box}body{margin:0;background:#10171c;color:#e8eee9;font:14px/1.5 system-ui,-apple-system,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #efb5c9;outline-offset:4px}.review{max-width:1440px;margin:auto;padding:38px clamp(16px,4vw,64px) 56px}.review-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.review-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;color:#a6b8b4;margin:0 0 8px}.review h1{font-size:clamp(25px,3.2vw,40px);font-weight:550;letter-spacing:-.045em;line-height:1.1;margin:0 0 12px}.review-description{color:#aabbb5;margin:0;font-size:13px}.back-game{color:#d2e1d9;text-decoration:none;font-size:12px;white-space:nowrap;border-bottom:1px solid #667a73;padding:10px 0}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.directions button{display:grid;gap:5px;text-align:left;padding:18px 20px;background:#182329;color:#eef1eb;border:1px solid #35494b;border-radius:10px;transition:background .18s}.directions button[aria-pressed=true]{border-color:#cfb6bc;background:#273037}.directions span{font-size:9px;letter-spacing:.13em;color:#b9c4bc}.directions strong{font-size:22px;letter-spacing:-.02em;font-weight:550}.directions small{font-size:11px;color:#a7b7b1}.review-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.review-controls nav{display:flex;flex-wrap:wrap;gap:4px}.review-controls nav button{border:0;color:#a9bbb4;background:transparent;padding:9px 12px;border-radius:5px;font-size:12px}.review-controls nav button[aria-pressed=true]{color:#f7eee9;background:#354248}.view-controls{display:flex;gap:7px}.view-controls select{background:#1a292f;color:#d5e2db;border:1px solid #405354;padding:9px 10px;border-radius:5px;font-size:11px}.preview{--hero:#f28ab1;--ui:#e8ece4;--panel:#0e181de8;position:relative;aspect-ratio:16/9;min-height:480px;overflow:hidden;isolation:isolate;background:#101c23;border:1px solid #4a5c5c;border-radius:10px;box-shadow:0 18px 60px #0004}.concept-backdrop,.concept-mask{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.concept-backdrop{object-position:66% 38%;filter:brightness(.80) saturate(.65)}.concept-mask{background:linear-gradient(90deg,#07131bf5,#07131bb0 38%,#07131b06 85%),linear-gradient(0deg,#07131be6,transparent 40%);z-index:1}.concept-top,.concept-footer,#concept-content{position:relative;z-index:2}.concept-top{position:absolute;top:30px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between}.concept-brand{color:#f3f2e8;line-height:.95;font-size:17px;font-weight:800;text-decoration:none;letter-spacing:.1em}.concept-brand b{color:var(--hero)}.concept-brand span{display:block;font-size:7px;letter-spacing:.29em;font-weight:450;margin-top:7px}.concept-local{display:flex;align-items:center;gap:9px;color:#b6c6c0;font:8px monospace;letter-spacing:.12em}.concept-local i{display:block;width:4px;height:4px;border-radius:50%;background:var(--hero)}.concept-footer{position:absolute;bottom:22px;left:34px;right:34px;display:flex;justify-content:space-between;color:#81978e;font:8px monospace;letter-spacing:.13em}#concept-content{position:absolute;inset:92px 34px 60px}.menu-layout{display:flex;align-items:center;height:100%;width:100%;gap:22px}.main-menu{width:330px;max-width:100%;align-self:center}.eyebrow{font:9px monospace;letter-spacing:.15em;color:var(--hero);margin:0 0 13px}.main-menu h2,.dialog-menu h2,.load-concept h2{font-size:clamp(28px,3.4vw,49px);line-height:1.06;font-weight:600;letter-spacing:-.055em;margin:0 0 14px}.menu-summary{font-size:11px;color:#b8c8c0;line-height:1.7;max-width:295px;margin:0 0 17px}.primary-action,.menu-row,.hero-choice button{display:flex;align-items:center;text-align:left;gap:13px;min-height:43px;width:100%;background:transparent;border:0;color:#e3ede4;border-bottom:1px solid #82988a45;padding:10px 0;font-size:12px}.primary-action{background:var(--hero);color:#111c23;font-weight:750;justify-content:space-between;border:0;padding:13px 17px;margin:15px 0 6px;min-height:47px;letter-spacing:.04em}.menu-row svg,.mini-icon svg,.skill-symbol svg,.menu-skill svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.menu-row small{margin-left:auto;color:#9fb4a9;font:8px monospace;letter-spacing:.07em}.menu-row.active{color:var(--hero)}.hero-choice{display:flex;gap:6px;margin-top:18px}.hero-choice button{width:auto;flex:1;border:1px solid #6d84745c;justify-content:center;padding:8px;font:9px monospace;min-height:32px}.hero-choice button[aria-pressed=true]{border-color:var(--hero);color:var(--hero);background:#121c20a0}.mission-chip{align-self:flex-end;margin-left:auto;width:205px;border-left:1px solid #7f968060;padding-left:18px;font-size:10px;color:#bdcec5}.mission-chip strong{display:block;color:#eef1e7;font-size:17px;font-weight:500;line-height:1.3;margin:8px 0}.mission-chip p{font-size:10px;color:#a4b8ac;margin:0}.menu-path{color:#97ad9f;font:8px monospace;letter-spacing:.1em}.dialog-menu{width:370px;max-width:100%;padding:22px 25px 18px;background:var(--panel);border:1px solid #677f735c;backdrop-filter:blur(15px)}.dialog-menu h2{font-size:33px;margin-bottom:20px}.dialog-menu .eyebrow{margin-bottom:10px}.menu-settings label{display:block;margin:13px 0;font-size:11px;color:#b4c6bc}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;min-height:32px}.setting-line select{max-width:150px;background:#213037;color:#e1e9de;border:1px solid #59716a;padding:7px;font-size:10px}.setting-line input[type=range]{width:130px;accent-color:var(--hero)}.setting-line input[type=checkbox]{accent-color:var(--hero);width:18px;height:18px}.skill-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}.skill-head h2{margin:0}.skill-head p{margin:2px 0 0;font-size:10px;color:#b0c3b8}.skill-symbol{color:var(--hero)}.skill-symbol svg{width:44px;height:44px}.menu-skill{display:flex;gap:13px;align-items:center;position:relative;width:100%;padding:13px 0;border:0;border-top:1px solid #748d7b42;background:none;color:var(--hero);text-align:left}.menu-skill span{display:block;flex:1;color:#dbe8dd;font-size:12px}.menu-skill small{display:block;font-size:9px;color:#92aa9b;margin-top:4px;line-height:1.5}.menu-skill em{font:9px monospace;color:var(--hero);white-space:nowrap}.dialog-close{width:100%;margin-top:14px;min-height:37px;border:1px solid #5e796c;background:#243438;color:#cfe0d2;font-size:11px}.load-concept{align-self:flex-end;width:min(500px,75%)}.load-concept p{font-size:11px;color:#bdcdbf;max-width:320px}.concept-progress-label{display:flex;justify-content:space-between;font:8px monospace;color:#a9c0af;margin-top:28px;margin-bottom:10px}.concept-progress{height:3px;background:#c8dec329}.concept-progress i{display:block;width:68%;height:100%;background:var(--hero)}.mini-icon{position:absolute;left:0;top:45%;width:46px;height:46px;display:grid;place-items:center;border:1px solid #a4bca16b;border-radius:12px;background:#0d1a20c9;color:var(--hero)}.mini-icon svg{width:29px;height:29px}.concept-reticle{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#dee7da}.concept-vitals{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;font:10px monospace;color:#dce7d8}.concept-vitals b{font:500 32px system-ui;color:#edf2e7}.health-rule{height:3px;width:145px;background:var(--hero);margin-top:9px}.ammunition small{font-size:10px;color:#9db79f;margin-left:5px}.direction-note{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;margin-top:28px}.direction-note h2{font-weight:500;font-size:22px;letter-spacing:-.03em;margin:0 0 8px}.direction-note p:not(.review-kicker){font-size:12px;line-height:1.75;color:#a8bdb1;margin:0;max-width:530px}
/* B: a human archive terminal, lighter warm surfaces rather than neon glass. */
.preview[data-direction=vesper]{--ui:#e8d6ae;--panel:#252a28ef;border-color:#8e8b75;border-radius:5px}.preview[data-direction=vesper] .concept-backdrop{filter:brightness(.64) saturate(.55)}.preview[data-direction=vesper] .concept-mask{background:linear-gradient(0deg,#162026a8,#16202654)}.preview[data-direction=vesper] #concept-content{inset:100px 8% 66px;background:#252d2def;border:1px solid #918a716b;padding:24px;box-shadow:0 10px 40px #0004}.preview[data-direction=vesper] .concept-top{left:8%;right:8%}.preview[data-direction=vesper] .concept-brand b{color:var(--ui)}.preview[data-direction=vesper] .main-menu h2{font-family:ui-monospace,monospace;font-size:35px;letter-spacing:-.065em}.preview[data-direction=vesper] .primary-action{background:#dbc79e;color:#222e32}.preview[data-direction=vesper] .menu-row{padding-left:10px;min-height:38px}.preview[data-direction=vesper] .dialog-menu{background:transparent;border:0;backdrop-filter:none;padding:0;width:100%}.preview[data-direction=vesper] .menu-layout:has(.dialog-menu){max-width:450px;margin:auto}.preview[data-direction=vesper] .concept-local{color:#dfc998}.preview[data-direction=vesper] .concept-footer{color:#a5b1a2}.preview[data-direction=vesper] .load-concept{width:100%}
/* C: a panoramic composition with a compact curved skills panel. */
.preview[data-direction=fracture]{--panel:#101c29cf;border-radius:20px}.preview[data-direction=fracture] .concept-mask{background:linear-gradient(90deg,#0c142ed9,#1b1c4166,transparent),linear-gradient(0deg,#101c36d9,transparent 75%)}.preview[data-direction=fracture] .concept-backdrop{filter:brightness(.68) saturate(.75)}.preview[data-direction=fracture] .main-menu{width:380px}.preview[data-direction=fracture] .main-menu h2{font-size:47px;font-weight:450}.preview[data-direction=fracture] .main-menu .primary-action{border-radius:28px;padding-left:24px}.preview[data-direction=fracture] .menu-row{min-height:40px;border-bottom:0;border-radius:23px;background:#1323319e;margin:4px 0;padding:8px 16px}.preview[data-direction=fracture] .dialog-menu{border-radius:22px;padding:26px;border-color:#9cb4c54a;box-shadow:0 15px 60px #050d2955}.preview[data-direction=fracture] .menu-layout:has(.dialog-menu){justify-content:center}.preview[data-direction=fracture] .menu-skill{border:1px solid #b0c9bd23;border-radius:20px;margin-top:7px;padding:13px}.preview[data-direction=fracture] .menu-skill:nth-of-type(2){transform:translateX(13px)}.preview[data-direction=fracture] .dialog-close{border-radius:25px}.preview[data-direction=fracture] .hero-choice button{border-radius:20px}.preview[data-direction=fracture] .mission-chip{border-radius:15px;border:1px solid #94b4ac40;padding:16px;background:#1326318f}
.preview[data-device=phone]{aspect-ratio:390/740;min-height:0;width:min(390px,100%);margin:auto;border-radius:28px}.preview[data-device=phone] .concept-top{top:26px;left:24px;right:24px}.preview[data-device=phone] .concept-local{display:none}.preview[data-device=phone] #concept-content{inset:115px 24px 68px;padding:0;background:transparent;border:0}.preview[data-device=phone] .concept-mask{background:linear-gradient(0deg,#0a1823fa,#0a1823c2 60%,#0a182340)}.preview[data-device=phone] .concept-backdrop{object-position:68% 35%}.preview[data-device=phone] .main-menu{align-self:flex-end;width:100%}.preview[data-device=phone] .main-menu h2{font-size:40px}.preview[data-device=phone] .menu-row{min-height:48px;font-size:14px}.preview[data-device=phone] .primary-action{min-height:54px;font-size:14px}.preview[data-device=phone] .mission-chip{display:none}.preview[data-device=phone] .hero-choice button{min-height:40px;font-size:11px}.preview[data-device=phone] .dialog-menu{padding:20px;width:100%}.preview[data-device=phone] .menu-layout{justify-content:center}.preview[data-device=phone] .dialog-menu h2{font-size:29px}.preview[data-device=phone] .menu-skill{padding:15px 0}.preview[data-device=phone] .menu-skill span{font-size:13px}.preview[data-device=phone] .menu-skill small{font-size:11px}.preview[data-device=phone] .dialog-close{min-height:48px}.preview[data-device=phone] .concept-footer{left:24px;right:24px;font-size:7px}.preview[data-device=phone] .load-concept{width:100%}.preview[data-device=phone] .setting-line{margin:22px 0;font-size:12px}.preview[data-device=phone] .concept-vitals{bottom:7px}.preview[data-device=phone][data-direction=fracture] .menu-skill{padding:14px}.preview[data-device=phone][data-direction=fracture] .menu-skill:nth-of-type(2){transform:none}
.preview[data-device=quest] .menu-layout{justify-content:center}.preview[data-device=quest] #concept-content{inset:92px 18% 62px;padding:0;background:none;border:0}.preview[data-device=quest] .dialog-menu,.preview[data-device=quest] .main-menu{width:400px;max-width:100%;padding:23px;background:#111e26e8;border:1px solid #7e9a8b68;border-radius:17px;box-shadow:0 20px 60px #0004}.preview[data-device=quest] .dialog-menu h2,.preview[data-device=quest] .main-menu h2{font-size:33px}.preview[data-device=quest] .menu-row{min-height:44px;font-size:13px}.preview[data-device=quest] .mission-chip{display:none}.preview[data-device=quest] .concept-local{font-size:9px}.preview[data-device=quest] .concept-backdrop{filter:brightness(.52) saturate(.60)}
@media(max-width:800px){.review{padding-top:24px}.review-head{align-items:flex-start}.back-game{font-size:10px}.directions{gap:7px}.directions button{padding:12px}.directions strong{font-size:19px}.directions small{font-size:10px}.directions span{font-size:8px}.review-controls{align-items:flex-start;flex-direction:column;gap:9px}.review-controls nav button{padding:8px 10px}.preview{min-height:470px}.direction-note{grid-template-columns:1fr;gap:22px}.concept-top{left:20px;right:20px}.concept-local{display:none}#concept-content{inset:90px 22px 52px}.concept-footer{left:22px;right:22px}.mission-chip{display:none}.preview[data-direction=vesper] #concept-content{inset:90px 22px 50px;padding:20px}.preview[data-direction=fracture] .main-menu h2{font-size:38px}.preview[data-device=quest] #concept-content{inset:90px 22px 55px}.preview[data-device=phone]{min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}