:root{color-scheme:dark;--bg:#13191f;--panel:#1b2229;--panel2:#202831;--ink:#f2efe6;--muted:#a3abb0;--dim:#71808a;--line:#343e47;--gold:#e7bd75;--cyan:#7fcac7;--lilac:#b7a2e7;--coral:#df9a88;--radius:8px;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{transition:background .16s,border-color .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}::selection{background:var(--gold);color:var(--bg)}
.shell{max-width:1264px;margin:auto;padding:0 48px}.skip{position:fixed;z-index:10;top:12px;left:12px;transform:translateY(-200%);background:var(--gold);color:var(--bg);padding:12px}.skip:focus{transform:none}.masthead{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.collection{font-size:14px;letter-spacing:-.3px}.collection span{margin-right:10px;color:var(--gold)}.masthead-note{font-size:9px;letter-spacing:2.3px;color:var(--dim)}.header-actions{display:flex;gap:24px}.text-button{padding:5px 0;background:none;border:0;color:var(--muted);font-size:12px}.text-button:hover:not(:disabled){color:var(--gold)}.text-button span{margin-left:5px}.hero{padding:36px 0 30px;display:flex;justify-content:space-between;gap:30px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.5;color:var(--muted);margin:0 0 10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px;vertical-align:1px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5.8vw,70px);letter-spacing:-3px;line-height:1.08;font-weight:400;margin:0}h1 em{color:var(--gold);font-weight:400}.tagline{font-size:15px;color:var(--muted);margin:14px 0 0}.hero-seal{text-align:center;color:var(--gold);margin-right:18px;transform:rotate(9deg)}.hero-seal svg{width:85px;height:85px;display:block;margin:0 auto 8px;fill:none;stroke:currentColor;stroke-width:1.3}.hero-seal .inner{stroke-dasharray:1 5;opacity:.5}.hero-seal .ticks{stroke-width:2}.hero-seal span{font-size:7px;letter-spacing:1.6px}.case-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0 22px;border-top:1px solid var(--line)}.case-nav>div:first-child{display:flex;align-items:center;gap:16px}.case-nav .eyebrow{margin:0;color:var(--gold)}#progress-count{color:var(--dim);font-size:11px;white-space:nowrap}.level-list{display:flex;gap:7px}.level-button{width:38px;height:36px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;position:relative}.level-button:hover{background:var(--panel2)}.level-button[aria-current="true"]{background:var(--gold);border-color:var(--gold);color:#181e23;font-weight:700}.level-button.complete:after{content:'•';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font-size:14px;color:var(--cyan)}.level-button.complete[aria-current="true"]:after{color:#2b584e}
.track-empty{font-size:11px;color:var(--dim);padding:12px 0 2px;margin:0}
.skip:not(:focus){clip-path:inset(50%)}
.workbench{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:22px}.vault-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0}.vault-heading{padding:22px 26px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.vault-heading .eyebrow{font-size:9px;margin-bottom:6px}.vault-heading h2{font-size:23px;font-weight:450;line-height:1.2;margin:0;letter-spacing:-.6px}.difficulty{display:flex;gap:4px;align-items:center}.difficulty i{width:4px;height:15px;border-radius:2px;background:var(--line)}.difficulty i.on{background:var(--gold)}.brief{color:var(--muted);font-size:12px;line-height:1.65;margin:12px 26px 0;max-width:56ch;min-height:40px}.board-wrap{padding:28px 20px;min-height:300px;flex:1;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#45525b55 .65px,transparent .65px);background-size:16px 16px;background-position:8px 8px}.board{display:grid;grid-template-columns:repeat(var(--cols),1fr);width:min(100%,calc(var(--cols)*54px));aspect-ratio:var(--cols)/var(--rows);position:relative;isolation:isolate;user-select:none;filter:drop-shadow(0 14px 15px #0003)}.tile{position:relative;padding:0;border:3px solid var(--panel);border-radius:7px;background:#313e49;min-width:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;box-shadow:inset 0 1px #ffffff09}.tile.wall{background:repeating-linear-gradient(135deg,#171e25,#171e25 4px,#1a232b 4px,#1a232b 5px);box-shadow:inset 0 0 0 1px #2b374155;border-color:var(--panel)}.tile:not(.wall):hover{background:#3d4b56}.tile.wall:disabled{opacity:1}.tile.start{background:#38434a}.tile.start:before{content:'';position:absolute;inset:19%;border:1px dashed #8a9499;border-radius:50%}.tile.exit{background:#29423c;color:#a6ceb7}.exit-symbol{font-size:24px}.tile.exit:after{content:'';position:absolute;inset:6px;border:1px solid #86baa05a;border-radius:3px}.tile.plate{background:#333d42}.plate-symbol{border:1px solid #95a3a866;color:#adb6ba;border-radius:50%;width:58%;height:58%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;box-shadow:0 3px #1118;transition:background .16s,box-shadow .16s}.tile.plate.pressed .plate-symbol{background:var(--gold);border-color:var(--gold);color:var(--bg);box-shadow:0 0 18px #e7bd7525}.gate-symbol{position:absolute;inset:12%;border:1px solid #ba8e72;border-radius:3px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(90deg,transparent,transparent 6px,#b3866738 6px,#b3866738 8px);color:#efd5c3;font-size:13px;font-weight:600}.gate-symbol b{font-size:12px;background:#33302d;padding:0 4px}.tile.gate.open .gate-symbol{border-color:#7fcac760;background:none;color:var(--cyan);border-style:dashed}.tile.gate.open .gate-symbol b{background:var(--panel2);opacity:.7}.tile.gate.pulsed .gate-symbol{border-color:var(--lilac);color:var(--lilac)}.tile.gate.pulsed.open .gate-symbol{border-color:var(--cyan);color:var(--cyan)}.gem{width:56%;height:56%;color:var(--gold);filter:drop-shadow(0 0 9px #e7bd7544)}.tile.collected .gem{opacity:.12;filter:none}.actor{position:absolute;width:calc(100%/var(--cols)*.58);height:calc(100%/var(--rows)*.58);border-radius:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:left .16s ease-out,top .16s ease-out;line-height:1}.actor.player{background:var(--ink);color:#24313b;box-shadow:0 2px 8px #0005,0 0 0 3px #f2efe61a;z-index:5}.actor svg{width:74%;height:74%}.actor.echo{background:color-mix(in srgb,var(--actor-color) 23%,#17212c);color:var(--actor-color);border:1.5px solid var(--actor-color);font-size:12px;font-weight:700;box-shadow:0 0 0 3px #17212c80}.board-key{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px;padding:13px 10px 16px;border-top:1px solid #313c45;font-size:10px;color:var(--muted)}.board-key span{display:flex;align-items:center;gap:6px}.board-key i{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-style:normal}.key-you{background:var(--ink);border-radius:50%;transform:scale(.65)}.key-echo{border:1px solid var(--cyan);border-radius:50%;transform:scale(.7)}.key-plate{border:1px solid #72808c;border-radius:50%;font-size:8px}.key-gem{color:var(--gold);font-size:22px}.key-exit{color:#a6ceb7;font-size:17px}
.control-panel{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:linear-gradient(145deg,#1b2229,#171e25)}.beat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.beat-heading .eyebrow{font-size:8px;margin:0}.beat-heading p{margin:0;color:var(--dim);font-size:17px;font-variant-numeric:tabular-nums}.beat-heading strong{font-weight:300;letter-spacing:-1.5px;font-size:42px;line-height:1.2;color:var(--ink)}.loot-status{font-size:10px;color:var(--gold);border:1px solid #e7bd7533;border-radius:20px;padding:5px 9px;white-space:nowrap}.loot-status.got{background:#e7bd7514}.beat-meter{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:14px 0}.beat-meter i{height:3px;background:var(--line);border-radius:3px}.beat-meter .past{background:var(--gold)}.beat-meter .next{background:#8d7c61}.status{font-size:12px;line-height:1.6;color:var(--muted);min-height:57px;margin:0}.status.urgent{color:var(--gold)}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,42px);gap:5px;justify-content:center;margin:8px 0}.move{background:#28333d;border:1px solid #46515b;border-radius:6px;font-size:23px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.move:hover:not(:disabled){background:#394652;border-color:#82909d}.move.up{grid-area:1/2}.move.left{grid-area:2/1}.move.wait{grid-area:2/2;color:var(--gold);font-size:16px}.move.wait small{font-size:7px;line-height:1.7;letter-spacing:.3px}.move.right{grid-area:2/3}.move.down{grid-area:3/2}.keyboard-note{font-size:9px;color:var(--dim);text-align:center;margin:10px -8px 18px}.primary,.secondary{border-radius:5px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:600;line-height:1.5}.primary{background:var(--gold);color:#22282d;border:1px solid var(--gold)}.primary:hover:not(:disabled){background:#f2cd8e;border-color:#f2cd8e}.secondary{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:400}.secondary:hover:not(:disabled){background:#29343d;color:var(--ink)}.record{width:100%;text-align:left;justify-content:flex-start;padding:12px 19px;gap:14px}.record small{display:block;font-size:9px;font-weight:400;color:#655333;margin-top:1px}.record-icon{font-size:32px;line-height:1}.action-pair{display:grid;grid-template-columns:1fr 1.5fr;gap:7px;margin-top:8px}.action-pair button{padding:9px 5px;font-size:10px}.locks{margin-top:21px;border-top:1px solid var(--line);padding-top:15px}.locks .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:9px}.gate-row{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;margin:7px 0}.gate-row-label{color:var(--muted)}.gate-requirements{letter-spacing:1px;color:var(--dim)}.gate-condition{font-size:9px;color:#a18d7d}.gate-condition.open{color:var(--cyan)}.gate-condition i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:2px;margin-right:5px}.utility-actions{border-top:1px solid var(--line);padding-top:12px;margin-top:13px;display:flex;justify-content:space-between;gap:12px}.utility-actions .text-button{font-size:10px}.hint-card{margin-top:10px;padding:14px;background:#282a29;border:1px solid #695b43;border-radius:5px}.hint-card>div{display:flex;justify-content:space-between;align-items:center}.hint-card .eyebrow{font-size:8px;color:var(--gold);margin:0}.hint-card p{font-size:12px;line-height:1.65;margin:6px 0 12px;color:#dad1c0}.hint-card .text-button{font-size:11px}.win{position:absolute;bottom:0;left:0;right:0;z-index:6;background:#23332ff7;border-top:1px solid #8cb99d66;padding:24px;display:grid;grid-template-columns:32px 1fr;gap:15px;backdrop-filter:blur(10px)}.win-mark{font-size:39px;color:var(--gold);align-self:center}.win h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0}.win .eyebrow{font-size:8px;color:#a9c8b6;margin-bottom:4px}.win p:last-child{font-size:11px;color:#aec3b9;margin:7px 0 0}.win .primary{grid-column:2;justify-self:start;padding:9px 15px}
.timeline{margin-top:25px;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px 17px;background:#171e25}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.timeline-heading .eyebrow{font-size:8px;margin-bottom:4px}.timeline h2{font-size:17px;font-weight:400;margin:0;letter-spacing:-.3px}.timeline-heading .secondary{padding:7px 12px;font-size:10px}.tracks{min-width:480px}.track-scroll{overflow-x:auto;margin:0 -2px;padding:2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.track{display:grid;grid-template-columns:120px repeat(10,minmax(20px,1fr));gap:5px;align-items:center;margin-bottom:6px}.track-label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:var(--actor-color,var(--muted))}.track-badge{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;font-size:9px}.beat{height:30px;border:1px solid #323f4a;background:#222d37;border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--actor-color,var(--muted));font-size:16px;position:relative}.beat.future{opacity:.48}.beat.current{border-color:var(--gold);box-shadow:0 0 0 1px #e7bd751f}.beat.empty{color:#52616b;background:transparent;border-color:#2d3842}.track.numbers{margin-bottom:7px}.track.numbers .beat{height:16px;border:0;background:none;font-size:9px;color:var(--dim)}.track.pulse .beat{height:19px;font-size:10px;color:var(--dim);border:1px solid transparent;background:transparent}.track.pulse .beat.pulse-on{background:#b7a2e714;color:var(--lilac);border-color:#b7a2e725}.timeline-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.timeline-footer p{font-size:10px;color:var(--dim);margin:0}.timeline-footer .text-button{font-size:10px}.storage-note{font-size:12px;color:var(--gold);margin:15px 0}.footer{border-top:1px solid var(--line);margin-top:36px;padding:22px 0 32px;display:flex;justify-content:space-between;gap:20px;color:var(--dim);font-size:10px}.footer a:hover{color:var(--gold)}
dialog{width:min(640px,calc(100% - 32px));border:1px solid #57606a;border-radius:12px;background:var(--panel);color:var(--ink);padding:32px;max-height:calc(100svh - 40px);box-shadow:0 20px 100px #0009}dialog::backdrop{background:#091015bc;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:25px;border:0;background:none;color:var(--muted);padding:4px 8px}dialog h2{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.2;max-width:400px;margin:12px 0 26px}.rule-steps{list-style:none;padding:0;margin:0}.rule-steps li{display:flex;gap:19px;margin:20px 0}.rule-steps li>span{color:var(--gold);font-size:12px;border:1px solid #e7bd7544;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-steps h3{font-size:14px;font-weight:600;margin:2px 0 6px}.rule-steps p,.rules-detail p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.rule-steps strong,.rules-detail strong{color:var(--ink);font-weight:500}.rules-detail{padding:17px 0;border-top:1px solid var(--line);margin:22px 0 10px}.rules-detail p{margin-bottom:12px}dialog>.primary{width:100%}
@media(min-width:1400px){.board{width:min(100%,calc(var(--cols)*60px))}.board-wrap{min-height:345px}.workbench{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1050px){.shell{padding:0 28px}.masthead-note{display:none}.workbench{gap:16px;grid-template-columns:minmax(0,1fr) 278px}.control-panel{padding:18px}.vault-heading{padding:20px 20px 0}.brief{margin-inline:20px}.board-wrap{padding:20px 10px}.case-nav{gap:12px}.case-nav>div:first-child{display:block}.case-nav .eyebrow{margin-bottom:3px}.level-list{gap:5px}.level-button{width:34px}.board-key{gap:12px}.timeline{padding-inline:20px}}
@media(max-width:760px){.shell{padding:0 20px}.masthead{min-height:64px;gap:10px}.header-actions{gap:16px}.header-actions .text-button{font-size:10px}.hero{padding:27px 0 24px}.hero-seal{margin-right:0}.hero-seal svg{width:60px;height:60px}.hero-seal span{display:none}h1{font-size:49px;letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.4px}.tagline{font-size:12px;margin-top:11px}.case-nav{display:block;padding:15px 0 18px}.case-nav>div:first-child{display:flex;justify-content:space-between;margin-bottom:12px}.case-nav .eyebrow{margin:0}.level-list{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.level-button{width:100%;height:34px}.workbench{grid-template-columns:minmax(0,1fr)}.vault-heading{padding:18px 20px 0}.vault-heading h2{font-size:23px}.brief{min-height:0;margin-top:10px}.board-wrap{padding:20px 10px;min-height:230px}.board{width:min(100%,calc(var(--cols)*47px))}.board-key{padding:12px 6px;gap:15px}.control-panel{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:0 20px;padding:18px}.beat-heading{grid-column:1;grid-row:1}.beat-meter{grid-column:1;grid-row:2;margin:9px 0}.status{grid-column:1;grid-row:3;min-height:0;font-size:11px}.dpad{grid-column:2;grid-row:1/4;align-self:center;margin:0}.keyboard-note{display:none}.record{grid-column:1;grid-row:4;margin-top:15px;padding:10px 12px;gap:10px}.record-icon{font-size:25px}.action-pair{grid-column:2;grid-row:4;display:flex;flex-direction:column;gap:5px;margin-top:15px}.action-pair .secondary{padding:5px}.locks{grid-column:1/-1;margin-top:16px;padding-top:13px}.gate-row{display:inline-flex;gap:10px;margin-right:16px}.utility-actions{grid-column:1/-1;margin-top:8px}.hint-card{grid-column:1/-1}.timeline{margin-top:16px;padding:18px 14px 14px}.timeline-heading{gap:12px}.timeline h2{font-size:15px}.timeline-heading .secondary{font-size:9px;white-space:nowrap;padding:7px 9px}.track{grid-template-columns:90px repeat(10,minmax(20px,1fr));gap:4px}.tracks{min-width:420px}.track-label{font-size:9px;gap:5px}.timeline-footer{align-items:start}.timeline-footer p{max-width:60%;font-size:9px}.timeline-footer .text-button{font-size:9px;max-width:35%;padding:0}.footer{flex-wrap:wrap;margin-top:25px;font-size:9px;gap:10px}.footer>span:last-child{display:none}.win{padding:18px;gap:10px}.win h3{font-size:25px}}
@media(max-width:410px){.shell{padding:0 14px}.header-actions{gap:12px}.header-actions .text-button{font-size:9px}.collection{font-size:12px}h1{font-size:43px}.hero-seal svg{width:50px}.hero{gap:10px}.hero .eyebrow{font-size:7px;letter-spacing:1.1px}.level-list{gap:4px}.level-button{height:31px;font-size:10px}.control-panel{grid-template-columns:minmax(0,1fr) 137px;gap:0 12px;padding:15px}.dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,38px);gap:4px}.beat-heading{display:block}.beat-heading .eyebrow{font-size:7px}.beat-heading strong{font-size:35px}.loot-status{display:inline-block;font-size:8px;padding:2px 7px;margin-top:4px}.status{font-size:10px;line-height:1.6}.record{font-size:11px;gap:7px;padding:8px 9px}.record small{font-size:8px}.record-icon{font-size:23px}.action-pair .secondary{font-size:9px}.board-key{gap:10px;font-size:9px}.board-wrap{padding-inline:5px;min-height:210px}.tile{border-width:2px;border-radius:5px}.plate-symbol,.gate-symbol{font-size:10px}.gate-symbol b{font-size:10px;padding-inline:2px}.actor.echo{font-size:10px}.timeline-heading{align-items:start}.timeline h2{max-width:170px}.timeline-heading .secondary{font-size:8px;padding:6px}.vault-heading h2{font-size:21px}.brief{font-size:11px}.difficulty{gap:3px}.difficulty i{width:3px;height:12px}dialog{padding:26px 20px}dialog h2{font-size:27px}.rule-steps li{gap:12px}}
@media(max-width:760px){.tracks{min-width:0}.track{grid-template-columns:58px repeat(10,minmax(0,1fr));gap:3px}.track-label{font-size:7px;gap:3px}.track-badge{width:14px;height:14px;font-size:7px}.beat{font-size:14px;height:27px}.track.numbers .beat{font-size:7px}.track.pulse .beat{font-size:9px}.track-empty{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}