:root{font-family:'Segoe UI',Arial,sans-serif;color:#f6eedc;background:#131c28;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 23% 40%,#394145,#172431 47%,#101924)}
[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffdfa1;outline-offset:4px}
.shell{height:100dvh;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:65px;padding:28px 62px}
.editorial{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;flex:1;max-height:900px;padding:20px 0}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2.4px;font-weight:750;text-decoration:none}.brand>span{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#ffd084;color:#203943;font-size:24px}
.eyebrow{font-size:8px;letter-spacing:1.8px;color:#e0c79f;font-weight:750}.editorial>.brand+.eyebrow{margin-top:30px}.editorial h1{font-size:clamp(33px,3.6vw,48px);line-height:1.15;letter-spacing:-1.8px;font-weight:650;margin:22px 0}.editorial h1 em{font-style:normal;color:#ffd388}.intro{color:#a8b8bb;line-height:1.9;font-size:15px}.legend{display:grid;gap:17px;margin-top:35px;font-size:12px;color:#bbcac9}.legend span{display:flex;align-items:center;gap:12px}.legend i{width:9px;height:9px;border-radius:2px;transform:rotate(-12deg)}.blue{background:#76d4ff}.red{background:#ff7765}.gold{background:#ffce6c}
.editorial-foot{border-top:1px solid #ffcf7c26;padding-top:22px}.editorial-foot strong{font-size:9px;letter-spacing:1.4px;color:#efca8b}.editorial-foot p{font-size:12px;line-height:1.8;color:#97b0b7}.editorial-foot a{font-size:10px;text-underline-offset:4px;color:#f1d5a0}
.game-frame{position:relative;height:min(100%,920px);aspect-ratio:420/860;flex-shrink:0;overflow:hidden;border-radius:26px;background:#354a55;box-shadow:0 30px 100px #0006,0 0 0 1px #e7c88b29;isolation:isolate}
canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.hud{position:absolute;z-index:3;inset:max(21px,env(safe-area-inset-top)) 20px auto;pointer-events:none}.hud-top{display:flex;align-items:center;justify-content:space-between}.hud .eyebrow{display:block;margin:0 0 5px;font-size:7px;letter-spacing:1.6px}.hud strong{font-size:16px;text-shadow:0 2px 8px #202d3c}.icon-button{width:36px;height:36px;border:1px solid #f1dfba44;border-radius:50%;background:#263b49bb;color:#fff1d1;font-size:19px;pointer-events:auto}
.progress-track{height:3px;background:#2b3e4c80;border-radius:4px;margin:13px 0 11px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:#ffd17e}
.stats{display:grid;grid-template-columns:.8fr 1.15fr 1.15fr .8fr;gap:5px}.stats>span{display:flex;flex-direction:column;justify-content:center;min-width:0;background:#182e40d4;border:1px solid #ffffff17;border-radius:9px;padding:7px 8px;min-height:46px;backdrop-filter:blur(8px)}.stats small{font-size:6px;letter-spacing:.6px;color:#b5c7cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats small i{font-style:normal;color:#ffcf7f}.stats b{font-size:18px;line-height:1.25;color:#f9f1d8}.stats #tier{font-size:11px;padding-top:4px;color:#ffd795}.stats #score{font-size:13px}.stats #weapon-time{font-size:14px;padding-top:3px}.stats .danger{border-color:#ff8d85}.stats .danger b{color:#ffc2ad}
.feedback-list{margin-top:6px;display:grid;gap:3px}.feedback-entry{padding:5px 7px;border-left:3px solid #d9bd88;background:#182e40e6;border-radius:4px;font-size:9px;line-height:1.3;color:#f4e1be}.feedback-entry[data-kind="damage"],.feedback-entry[data-kind="unbroken"]{border-color:#ff806c;color:#ffd2c3}.feedback-entry[data-kind="pickup"]{border-color:#9cf6bd;color:#ceffdb}.feedback-entry[data-kind="bypass"]{color:#c0ccd0;border-color:#91a8af}
.lane-name{margin:6px 0 4px;text-align:center;font-size:7px;letter-spacing:1.4px;color:#f0e4cc;text-shadow:0 1px 3px #102435}.pickup-tracker{background:#142e42e8;border:1px solid #ffc57e88;border-radius:9px;padding:7px 9px}.pickup-tracker>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.pickup-tracker strong{font-size:10px;color:#ffe3b1}.pickup-tracker small{font-size:6px;color:#f3dbb5;letter-spacing:.4px}.pickup-tracker ol{display:flex;gap:4px;padding:0;margin:6px 0 0;list-style:none}.pickup-tracker li{flex:1;text-align:center;border-radius:4px;background:#ffffff0c;padding:4px 1px;font-size:7px;color:#829ca9;white-space:nowrap}.pickup-tracker[data-state="intact"] li:first-child{background:#ffc477;color:#493931;font-weight:800}.pickup-tracker[data-state="loose"]{border-color:#a0f8d5}.pickup-tracker[data-state="loose"] li:nth-child(2){background:#b7ffdc;color:#234a3c;font-weight:800}.pickup-tracker[data-state="collected"]{border-color:#b7ffdc}.pickup-tracker[data-state="collected"] li{color:#b7ffdc}.pickup-tracker[data-state="collected"] li:last-child{background:#b7ffdc;color:#234a3c;font-weight:800}.pickup-tracker[data-state="missed"]{border-color:#ff9f87}.pickup-tracker[data-state="missed"] small{color:#ffb69a}
.item-event{position:absolute;z-index:4;left:12%;right:12%;top:36%;display:flex;align-items:center;gap:9px;padding:10px 12px;background:#573e2bef;border:1px solid #ffd17e;border-radius:11px;color:#ffe8ba;pointer-events:none;box-shadow:0 6px 20px #14253555}.item-event>span{font-size:29px}.item-event small{display:block;letter-spacing:1px;font-size:7px;font-weight:800;color:#ffd18a}.item-event strong{display:block;font-size:15px;margin-top:3px}.item-event p{font-size:9px;line-height:1.5;margin:4px 0 0}.item-event[data-kind="miss"]{background:#593839ef;border-color:#ffab8f}.item-event[data-kind="miss"] small{color:#ffc0a6}
.boss-hud{position:absolute;z-index:2;top:29%;left:16%;right:16%;pointer-events:none}.boss-hud>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#ffe6ce;text-shadow:0 1px 5px #39283b}.boss-track{height:9px;background:#573342c9;border:1px solid #ffc5a357;border-radius:6px;padding:2px;margin-top:6px}.boss-track i{display:block;width:100%;height:100%;background:#ff8f65;border-radius:4px}.boss-hud>small{display:block;text-align:center;font-size:7px;color:#ffe5b8;margin-top:6px}
.major-receipt{position:absolute;z-index:4;left:10%;right:10%;bottom:24%;display:flex;align-items:center;gap:11px;border:1px solid #ddffef;background:#c5ffe3f5;color:#264039;border-radius:13px;padding:11px 14px;box-shadow:0 7px 25px #10233766;pointer-events:none}.receipt-check{font-size:30px;line-height:1;color:#308061}.major-receipt small{display:block;font-size:7px;font-weight:800;letter-spacing:1.3px;margin-bottom:4px;color:#53745a}.major-receipt strong{display:block;font-size:14px;line-height:1.3;letter-spacing:-.2px}.major-receipt[data-loot-type="evolution"]{background:#ffe5a0f5;border-color:#ffe28b}.major-receipt[data-loot-type="evolution"] .receipt-check{color:#876220}
.gesture-hint{position:absolute;bottom:27%;left:16%;right:16%;border:1px solid #ffe3ac44;border-radius:30px;background:#233a4866;padding:10px;text-align:center;letter-spacing:1.6px;font-size:8px;color:#fff0cb;pointer-events:none}
.combat-controls{position:absolute;z-index:4;right:13px;bottom:max(13px,calc(env(safe-area-inset-bottom) + 6px))}.dash-button{width:91px;height:44px;display:grid;grid-template-columns:22px 1fr;align-items:center;padding:6px;border:1px solid #ffe3ab;border-radius:12px;background:linear-gradient(140deg,#ffe3a1,#f7b968);color:#263b3d;user-select:none;touch-action:none}.dash-button>span{grid-row:1/3;font-size:25px;line-height:1}.dash-button strong{font-size:9px;letter-spacing:.7px}.dash-button small{font-size:6px;line-height:1.2}.dash-button:disabled{background:#1b3549ed;color:#a5bdc4;border-color:#8babb581}.dash-button.active{background:#94e6d5;color:#173e45;border-color:#ddfff3}
.sound-toggle{position:absolute;z-index:6;bottom:max(13px,calc(env(safe-area-inset-bottom) + 6px));left:13px;min-height:35px;border-radius:8px;border:1px solid #c4d1c831;background:#213948d9;color:#c3d2d0;padding:7px 9px;font-size:7px;letter-spacing:.7px}.sound-toggle[aria-pressed="true"]{color:#809aab}
.overlay{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;background:linear-gradient(#182b3d4d,#192b3e65 25%,#162a3eea 80%)}.menu{width:100%;text-align:center}.chapter-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #edcc8d61;border-radius:20px;background:#263d486e;font-size:7px;letter-spacing:1.3px;color:#ffe8bc;margin-bottom:23px}.chapter-badge>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffd28a;color:#23404b;font-weight:900;font-size:12px;letter-spacing:0}.menu-overline{font-size:8px;letter-spacing:2.2px;font-weight:750;color:#d5dcca;margin:0 0 11px}.menu h2{margin:0;font-size:39px;letter-spacing:-1.6px;line-height:.96;font-weight:850}.menu h2 em{font-style:normal;font-size:1.27em;color:#ffdc91;letter-spacing:-2.4px}.menu-desc{font-size:12px;color:#d1d8ce;line-height:1.7;margin:19px 0}
.pickup-steps{display:flex;justify-content:center;align-items:center;gap:13px;margin:0 0 20px}.pickup-steps>span{font-size:7px;color:#d7dbce;letter-spacing:.6px}.pickup-steps b{display:block;font-size:22px;line-height:1.4;font-weight:700;color:#ffd692}.pickup-steps>i{font-style:normal;font-size:17px;color:#a4c2c2}.pickup-steps>span:last-child b{color:#b7edb9}
.level-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.level-picker button{display:flex;flex-direction:column;gap:4px;align-items:center;background:#1e394d8c;border:1px solid #dfd7b62e;border-radius:10px;padding:10px 2px;color:#9fb9bf}.level-picker b{font-size:17px}.level-picker span{font-size:8px}.level-picker .selected{color:#ffe9bb;border-color:#edcc8d;background:#ffe49a10}
.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:12px;padding:15px 17px;background:#ffdfa0;color:#263d40;font-size:14px;font-weight:800;box-shadow:0 6px 25px #13243d55}.primary-button>span{font-size:21px;line-height:16px}.primary-button:hover{background:#ffe9bd}.primary-button:disabled{opacity:.55;cursor:wait}.asset-status{font-size:8px;line-height:1.4;color:#bcd3c8;min-height:12px;margin:9px 0 0}.controls-note{font-size:8px;line-height:1.8;color:#a2b8c0;margin:8px 0 0}.catalog-home{display:inline-block;font-size:10px;margin-top:12px;padding:4px;color:#d6d9c6;text-underline-offset:3px}
.result-card,.pause-card{width:100%;text-align:center}.result-card h2,.pause-card h2{font-size:32px;letter-spacing:-.8px;line-height:1.1;margin:13px 0}.result-card>p,.pause-card>p{font-size:12px;line-height:1.65;color:#c7d2ca}.result-symbol{display:grid;place-items:center;width:77px;height:77px;margin:20px auto;border-radius:50%;border:1px solid #ffe1a680;background:#ffdc9a15;color:#ffe4a6;font-size:43px}.result-stats{display:flex;justify-content:center;gap:24px;margin:24px 0}.result-stats b{display:block;font-size:25px;color:#fff0ca}.result-stats small{display:block;font-size:7px;letter-spacing:.7px;color:#9fb9bf;margin-top:4px}.secondary-button{width:100%;margin-top:10px;padding:13px;border:1px solid #dcdcb53d;border-radius:11px;background:#d5dcb609;color:#edf0d7;font-size:12px}.text-button{display:inline-block;margin-top:18px;border:0;background:transparent;color:#c7d4cc;text-decoration:underline;text-underline-offset:4px;font-size:11px}.pause-card .primary-button{margin-top:28px}
.frame-footer{position:absolute;z-index:6;bottom:max(2px,env(safe-area-inset-bottom));left:0;right:0;pointer-events:none;text-align:center;font-size:8px;color:#c1d6cf;letter-spacing:.3px}.startup-help{margin:9px 0 0;padding:8px;border:1px solid #ffdf9c4d;border-radius:8px;color:#ffdfaa;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.startup-help a{color:#d7ffde;text-underline-offset:3px}
@media(max-width:760px){.shell{padding:0;gap:0;justify-content:center}.editorial{display:none}.game-frame{height:100dvh;max-height:none;max-width:100%;border-radius:0;box-shadow:none}}
@media(max-aspect-ratio:420/860){.game-frame{width:100%;aspect-ratio:auto}}
@media(max-height:700px){.hud{inset:max(13px,env(safe-area-inset-top)) 16px auto}.hud strong{font-size:13px}.hud .eyebrow{font-size:6px}.progress-track{margin:9px 0}.stats>span{padding:5px 6px;min-height:40px}.stats b{font-size:16px}.stats #tier{font-size:9px}.stats #score{font-size:11px}.feedback-entry{font-size:8px;padding:4px 6px}.boss-hud{top:29%}.overlay{padding:18px 23px}.chapter-badge{margin-bottom:14px;padding:4px 8px;font-size:6px}.menu-overline{font-size:7px;margin-bottom:8px}.menu h2{font-size:31px}.menu-desc{font-size:10px;margin:13px 0}.pickup-steps{margin-bottom:14px;gap:12px}.pickup-steps b{font-size:19px}.pickup-steps>span{font-size:6px}.level-picker{margin-bottom:10px}.level-picker button{padding:8px 2px}.primary-button{padding:13px 15px;font-size:12px}.asset-status{font-size:7px;margin-top:7px}.controls-note{font-size:7px;margin-top:6px}.catalog-home{font-size:9px;margin-top:7px}.major-receipt{padding:9px 11px;bottom:24%}.major-receipt strong{font-size:12px}.receipt-check{font-size:25px}.dash-button{width:82px}.result-symbol{width:60px;height:60px;margin:15px auto;font-size:34px}.result-stats{margin:19px 0;gap:19px}.result-card h2,.pause-card h2{font-size:27px}}
@media(max-height:570px){.chapter-badge{margin-bottom:8px}.menu-desc{margin:9px 0}.pickup-steps{display:none}.level-picker button{padding:5px 2px}.menu h2{font-size:27px}.catalog-home{margin-top:3px}.asset-status{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* A compact command strip leaves the 3D figures and their impacts in view. */
.hud{inset:max(12px,env(safe-area-inset-top)) 14px auto}.hud-top{min-height:27px}.hud strong{font-size:13px}.hud .eyebrow{font-size:6px;margin-bottom:3px}.icon-button{width:30px;height:30px;font-size:16px}.progress-track{margin:7px 0 8px}.stats>span{min-height:39px;padding:5px 7px;background:#152735dc;border-color:#d6e1d52b;border-radius:7px;backdrop-filter:none}.stats b{font-size:17px}.stats #tier{font-size:10px}.stats #weapon-time{font-size:13px}.lane-name{margin:4px 0;font-size:6px}.pickup-tracker{padding:5px 8px;background:#152735e3;border-radius:7px}.pickup-tracker ol{margin-top:4px}.pickup-tracker li{padding:3px 1px;font-size:6px}.pickup-tracker strong{font-size:9px}.feedback-entry{font-size:8px;padding:4px 6px;max-width:100%;background:#152735c9}.item-event{top:23%;left:16%;right:16%;padding:8px 10px;gap:7px;border-radius:9px;background:#583e2be8}.item-event>span{font-size:23px}.item-event strong{font-size:14px}.item-event p{font-size:8px;line-height:1.4;margin-top:3px}.major-receipt{top:23%;bottom:auto;left:14%;right:14%;padding:8px 10px;gap:8px;border-radius:9px}.major-receipt strong{font-size:13px}.major-receipt small{font-size:6px}.receipt-check{font-size:25px}.major-receipt:not([hidden]) + .item-event{top:32%}.boss-hud{top:19%;left:18%;right:18%}.gesture-hint{bottom:16%;background:#12283dc9}.overlay{background:linear-gradient(#10223522,#17263833 18%,#13273bba 65%,#102239e8)}.frame-footer{color:#ebf3ea;text-shadow:0 1px 4px #122030}.game-frame{background:#b49b72}
@media(max-width:760px){.game-frame{width:100%;height:100dvh;aspect-ratio:auto;max-height:none}.shell{width:100%}}
@media(max-height:700px){.hud{inset:max(9px,env(safe-area-inset-top)) 12px auto}.hud-top{min-height:23px}.hud strong{font-size:11px}.hud .eyebrow{font-size:5px}.stats>span{min-height:34px;padding:4px 6px}.stats b{font-size:15px}.stats #tier{font-size:9px}.progress-track{margin:5px 0 6px}.lane-name{margin:3px 0}.pickup-tracker{padding:4px 7px}.pickup-tracker li{padding:2px 1px}.item-event,.major-receipt{top:24%;padding:7px 9px}.item-event strong,.major-receipt strong{font-size:12px}.major-receipt:not([hidden]) + .item-event{top:34%}.boss-hud{top:21%}}
.major-receipt{left:14px;right:14px;background:#c5ffe3;box-shadow:0 3px 12px #10233733}.major-receipt[data-loot-type="evolution"]{background:#ffe5a0}.major-receipt:not([hidden]) + .item-event{top:23%}
@media(max-height:700px){.major-receipt{left:12px;right:12px}.major-receipt:not([hidden]) + .item-event{top:24%}}