:root{color-scheme:dark;--bg: #07080e;--bg-raise: rgba(12, 16, 26, .82);--line: rgba(232, 224, 208, .16);--line-control: rgba(232, 224, 208, .55);--text: #f4efe6;--muted: #a3988c;--cyan: #7ef0e0;--cyan-deep: #143f3c;--gold: #e7c36a;--danger: #ff6b5a;--safe: #8ee0a8;--shadow: 0 24px 60px rgba(0, 0, 0, .45);--topbar-h: calc(64px + env(safe-area-inset-top)) ;--actions-h: calc(76px + env(safe-area-inset-bottom)) ;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{min-height:100dvh}button,input{font:inherit}#app{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(900px 420px at 50% -10%,rgba(126,240,224,.08),transparent 60%),var(--bg)}.topbar{position:relative;z-index:6;min-height:var(--topbar-h);display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 8px}.brand{margin:0;font-weight:400;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase}.floor-label{margin:0;color:var(--muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}#hud-mode:not(:empty){color:var(--gold);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.stage-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:4px 12px 8px}.stage{position:relative;width:min(100%,calc((100dvh - 150px) * 832 / 576));aspect-ratio:832 / 576;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#10131b}canvas{width:100%;height:100%;display:block;transition:filter .9s ease,transform .9s ease}canvas.board-sunk{filter:grayscale(.85) brightness(.5);transform:translateY(6px)}.hint-card{position:absolute;z-index:4;left:10px;bottom:10px;max-width:min(78%,280px);padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-raise);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;animation:rise .4s ease both}.hint-card[hidden]{display:none}.hint-title{margin:0 0 2px;color:var(--cyan);font-size:.78rem;letter-spacing:.06em}.hint-body{margin:0;color:var(--text);font-size:.86rem;line-height:1.35}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:16px;overflow:auto;background:#07080e}.overlay:has(.title-v2){padding:0;overflow:hidden;z-index:7}.overlay[hidden]{display:none}.overlay:has(.result-loss){background:linear-gradient(180deg,#05060b59,#05060be6 70%)}.overlay-prompt{place-items:end center;background:linear-gradient(transparent 20%,#07080ec7);pointer-events:none}body:has(#overlay:not([hidden])) .touch{display:none}.overlay-prompt .prompt{pointer-events:auto}.title-screen,.panel,.prompt{width:min(100%,440px)}.title-screen{min-height:100%;height:auto;width:100%;align-self:end;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#07080e0d 10%,#07080ed1 72%),url(/art/title.webp) center / cover no-repeat}.eyebrow,.panel-sub,.hint,.stats,.chain,.prompt-sub{margin:0;color:var(--muted);font-size:.84rem;line-height:1.4}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.title,.panel-title{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-weight:500;letter-spacing:.04em}.title{font-size:clamp(2.6rem,8vw,4.4rem);line-height:.9}.tagline,.panel-body{margin:0;max-width:34ch;font-size:1rem;line-height:1.45}.title-actions,.prompt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}@media (max-width: 700px){.title{font-size:clamp(2.2rem,12vw,3.4rem)}.title-screen .hint{display:none}}.btn{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#080a108c;color:var(--text);cursor:pointer}.btn-primary{background:var(--cyan-deep);border-color:#7ef0e073;color:var(--cyan)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.panel,.prompt{padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--bg-raise);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px}.panel-scroll{max-height:none}.overlay:has(>.panel,>.vault-view){display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:var(--topbar-h) 0 var(--actions-h);padding:calc(var(--topbar-h) + 8px) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.overlay:has(>.panel,>.vault-view)>.panel{flex:none;margin:auto}.overlay:has(>.vault-view)>.vault-view{flex:1 0 auto}body:has(#overlay>.panel,#overlay>.vault-view) .topbar{background:linear-gradient(180deg,var(--bg) 78%,rgba(7,8,14,0))}.sticky-actions{position:sticky;bottom:0;z-index:2;min-height:var(--actions-h);padding:12px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a0d1500,#0a0d15f0 32%)}.sticky-actions .btn{min-height:48px}.prompt-danger{border-color:#ff6b5a73}.prompt-safe{border-color:#8ee0a866}.prompt-title{margin:0;font-size:1.05rem}.choice-stake{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 0}.choice-hp{display:inline-flex;align-items:center;gap:8px}.choice-hp-text{font-variant-numeric:tabular-nums;font-size:.86rem}.choice-relics{display:inline-flex;gap:8px}.choice-relic-chip{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-size:.86rem}.choice-relic-icon{width:20px;height:20px;object-fit:contain}.choice-score{margin-left:auto;color:var(--gold);font-variant-numeric:tabular-nums;font-size:.86rem}.new-best{margin:0;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.chain{color:var(--cyan)}.quiet-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:var(--cyan);text-decoration:none}.quiet-links{display:flex;flex-wrap:wrap;gap:4px 20px}.quiet-link:hover{text-decoration:underline}.quiet-link:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.panel-wide{width:min(100%,560px)}.metric-group{display:flex;flex-direction:column;gap:8px}.metric-heading{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-weight:500;font-size:1.05rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{min-height:64px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#080a1073;display:flex;flex-direction:column;justify-content:center;gap:2px}.metric-value{font-variant-numeric:tabular-nums;font-size:1.15rem}.metric-label{color:var(--muted);font-size:.75rem;letter-spacing:.04em}@media (max-width: 420px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.volume-row{display:flex;align-items:center;gap:12px}.volume-label{width:72px;flex:0 0 auto;color:var(--muted);font-size:.82rem}.volume-input{flex:1;min-height:44px;accent-color:var(--cyan)}.volume-input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.board-head,.board-row{display:grid;grid-template-columns:24px 1fr 40px 40px 30px 46px;gap:8px;align-items:center;font-size:.86rem}.board-head{color:var(--muted)}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.board-row{min-height:36px;padding:4px 6px;border-radius:8px;animation:rise .24s ease both}.board-row.is-you{color:var(--cyan)}.board-row.is-fresh{animation:board-slide-in .32s ease both,board-row-glow 2.4s ease forwards}.board-row.is-fresh .board-rank{display:inline-block;animation:rise .24s ease both}@keyframes board-slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes board-row-glow{0%,83%{background:#7ef0e047}to{background:#7ef0e000}}.hud{width:min(100%,calc((100dvh - 150px) * 832 / 576));margin:0 auto;padding:8px 16px 4px}.hud[hidden]{display:none}.hud-stats{display:flex;flex-wrap:wrap;gap:8px 18px;font-variant-numeric:tabular-nums}.hud-log{margin:4px 0 0;color:var(--muted);font-size:.9rem;min-height:1.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-key{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.swatch{width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #f4efe633}.swatch-open{background:#3a414c;box-shadow:inset 0 0 0 2px #b0aaa0b3}.swatch-block{background:#12141c;box-shadow:inset 0 1px #f4efe647,inset 0 -3px #05060a}.touch{display:none;width:min(100%,460px);margin:8px auto 0;padding:0 12px calc(10px + env(safe-area-inset-bottom));grid-template-columns:auto 1fr;gap:12px;align-items:center}.pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:6px}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-down{grid-column:2;grid-row:2}.pad-right{grid-column:3;grid-row:2}.touch-actions{display:flex;flex-direction:column;gap:8px}.pad-btn,.touch-actions .btn{min-width:52px;min-height:52px}@media (max-width: 899px){.stage-wrap{flex:0 0 auto;place-items:start center}.touch{margin-top:auto}.stage{width:min(100%,calc((100dvh - 250px) * 832 / 576))}.hud{width:min(100%,calc((100dvh - 270px) * 832 / 576))}.touch{display:grid}.hint{display:none}}@media (prefers-reduced-motion: reduce){.title-screen{background-attachment:scroll}}.creator{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0}.field-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.field-row{display:flex;gap:8px}.input{flex:1;min-width:0;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-control);background:#080a10b3;color:var(--text)}.input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.input[aria-invalid=true]{border-color:#ff6b5a99}.field-hint{font-size:.78rem;color:var(--muted)}.field-hint.is-error{color:var(--danger)}.look-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line-control);background:#080a108c;color:var(--text);cursor:pointer}.chip:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.chip.is-selected{border-color:#7ef0e0cc;background:#14302eb8;color:var(--cyan)}.chip-cloak{background:var(--swatch)}.chip-cloak.is-selected{background:var(--swatch);border-color:transparent;outline:2px solid var(--cyan);outline-offset:2px}.emblem{width:22px;height:22px}.emblem-small{width:16px;height:16px;flex:0 0 auto}.emblem-large{width:34px;height:34px}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick-grid-2{grid-template-columns:repeat(2,1fr)}.pick{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#080a108c;color:var(--text);text-align:left;cursor:pointer}.pick-item{align-items:flex-start}.pick:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pick.is-selected{border-color:#7ef0e0b3;background:#14302eb8}.pick-portrait{width:44px;height:56px;object-fit:contain;object-position:center bottom;flex:0 0 auto}.pick-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.pick-name{font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1rem}.pick-blurb{color:var(--muted);font-size:.78rem;line-height:1.3}.pick-delta{color:var(--cyan);font-size:.76rem}.creator-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(231,195,106,.35);background:#e7c36a0f}.creator-portrait{width:56px;height:70px;object-fit:contain;object-position:center bottom;flex:0 0 auto}.creator-preview-copy{flex:1;min-width:0}.creator-preview-name{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.2rem}.creator-preview-stats{margin:2px 0 0;color:var(--muted);font-size:.86rem}.creator-preview-emblem{color:var(--gold)}.creator-preview-kit{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.8rem}.kit-tier{padding:1px 10px;border-radius:99px;border:1px solid currentColor;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.kit-tier:empty{display:none}.kit-tier.is-forgiving{color:var(--safe)}.kit-tier.is-balanced{color:var(--gold)}.kit-tier.is-risky{color:var(--danger)}.kit-odds{color:var(--muted)}.kit-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}@media (max-width: 700px){.pick-grid,.pick-grid-2,.look-row{grid-template-columns:1fr}}.tab-row{display:flex;gap:8px;margin:4px 0 8px}.board-who{display:flex;align-items:center;gap:6px;min-width:0}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-addr{color:var(--muted);font-size:.72rem}.vault-view{position:relative;width:100%;min-height:100%;display:grid;place-items:center;overflow:hidden;border-radius:16px}.vault-backdrop{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:0;background:linear-gradient(180deg,#07080e8c,#07080ee0),url(/art/vault-bg.webp) center / cover no-repeat;animation:vault-drift 48s ease-in-out infinite alternate}@keyframes vault-drift{0%{transform:scale(1.06)}to{transform:scale(1.14) translate(-1.5%,-1%)}}.vault-view>.panel-wide{position:relative;z-index:1}.vault-list{display:flex;flex-direction:column;gap:10px;margin:8px 0}.vault-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--line);background:#080a108c;animation:rise .24s ease both}.vault-card .btn{grid-column:1 / -1}.vault-portrait{width:56px;height:70px;object-fit:contain;object-position:center bottom}.vault-name{display:flex;align-items:center;gap:6px;margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.15rem}.vault-kit,.vault-meta{margin:2px 0 0;font-size:.82rem;color:var(--muted)}.vault-pips{display:inline-flex;gap:4px;margin-right:6px;vertical-align:middle}.vault-pip{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e8e0d02e;border:1px solid var(--line)}.vault-pip.is-filled{background:var(--gold);border-color:#e7c36a99}#hud-name{color:var(--gold)}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}.btn-mini{min-height:44px;padding:0 12px;font-size:.78rem}.topbar{align-items:center}.creator-preview{position:sticky;top:var(--topbar-h);z-index:2;margin:0 -4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c14eb}.descent{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;background:#05060b;animation:descent-in .6s ease-out both}@keyframes descent-in{0%{opacity:0}to{opacity:1}}.descent-art{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:url(/art/title.webp) 50% 58% / cover no-repeat;filter:saturate(.92) brightness(.82);transform-origin:50% 60%;animation:descent-push 22s cubic-bezier(.22,.6,.3,1) both}@keyframes descent-push{0%{transform:scale(1.02)}to{transform:scale(1.32)}}.descent-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 55% at 50% 62%,rgba(255,196,120,.2),rgba(126,240,224,.1) 45%,transparent 75%);mix-blend-mode:screen;animation:descent-flicker 3.2s ease-in-out infinite}@keyframes descent-flicker{0%,to{opacity:.85}18%{opacity:1}34%{opacity:.78}57%{opacity:.96}76%{opacity:.82}}.descent-dust{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.descent-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.09;mix-blend-mode:overlay;background-size:128px 128px;pointer-events:none}.descent-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 45%,transparent 40%,rgba(5,6,11,.82) 100%),linear-gradient(180deg,rgba(5,6,11,.35),transparent 22%,transparent 55%,rgba(5,6,11,.94) 100%);transition:background 1s ease}.descent-dossier{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:14px;max-width:calc(100% - 44px)}.descent-medallion{position:relative;width:62px;height:62px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(231,195,106,.55);background:radial-gradient(circle at 50% 35%,#18222cf2,#080a10fa);box-shadow:0 0 0 4px #05060b8c,0 8px 24px #00000080;overflow:hidden}.descent-portrait{position:absolute;left:50%;top:6px;width:54px;height:66px;transform:translate(-50%);object-fit:cover;object-position:center top}.descent-crest{position:absolute;right:3px;bottom:3px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:#05060bd9}.descent-who{min-width:0}.descent-name{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.25rem;letter-spacing:.02em}.descent-kit{margin:2px 0 0;color:var(--muted);font-size:.8rem;letter-spacing:.04em}.descent-progress{position:absolute;left:0;right:0;bottom:24px;padding:0 22px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;pointer-events:none}.descent-steps{display:flex;gap:18px;margin:0;padding:0;list-style:none}.descent-step{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.descent-step-dot{width:7px;height:7px;border-radius:50%;border:1px solid currentColor}.descent-step.is-active{color:var(--cyan)}.descent-step.is-active .descent-step-dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:descent-pulse 1.4s ease-in-out infinite}.descent-step.is-done{color:var(--gold)}.descent-step.is-done .descent-step-dot{background:var(--gold);border-color:var(--gold)}@keyframes descent-pulse{50%{opacity:.35;transform:scale(.8)}}.descent-status{margin:0;font-size:.95rem;letter-spacing:.04em}.descent-tip{margin:0;max-width:44ch;color:var(--muted);font-size:.82rem;min-height:2.4em;opacity:0;transition:opacity .6s ease}.descent-tip.is-in{opacity:1}.descent.is-diving .descent-art{animation:descent-dive 1.2s cubic-bezier(.55,0,.9,.4) both}.descent.is-diving .descent-dossier,.descent.is-diving .descent-progress{opacity:0;transition:opacity .5s ease}.descent.is-diving:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#05060b;opacity:0;animation:descent-fade 1.2s ease-in .2s both}@keyframes descent-dive{0%{transform:scale(1.32)}to{transform:scale(3.4)}}@keyframes descent-fade{to{opacity:1}}@media (max-width: 700px){.descent-dossier{bottom:auto;top:18px;left:16px}.descent-progress{padding:0 16px;align-items:flex-start;text-align:left;bottom:18px}.descent-steps{gap:12px}}@media (prefers-reduced-motion: reduce){.descent,.descent-art,.descent-light{animation:none}.descent-tip{transition:none}.descent-step.is-active .descent-step-dot,.descent.is-diving .descent-art{animation:none}}.overlay>.panel,.overlay>.title-screen,.overlay>.prompt{animation:panel-in .32s cubic-bezier(.2,.7,.2,1) both}@keyframes panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.btn{transition:transform .14s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#7ef0e080}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-primary:hover:not(:disabled){box-shadow:0 0 22px #7ef0e038}.btn:disabled{opacity:.6;cursor:progress}.pick,.chip{transition:transform .14s ease,border-color .2s ease,background-color .2s ease}.pick:hover,.chip:hover{transform:translateY(-1px);border-color:#7ef0e073}.hud-hp{display:inline-flex;align-items:center;gap:8px}.hp-track{position:relative;width:104px;height:9px;border-radius:99px;background:#1c2230e6;overflow:hidden;border:1px solid rgba(232,224,208,.14)}.hp-ghost,.hp-fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px}.hp-fill{background:linear-gradient(90deg,#4fd88f,#7dffb3);transition:width .16s ease-out}.hp-ghost{background:#ffaa78d9;transition:width .7s ease-out .26s}.hud-hp.is-low .hp-fill{background:linear-gradient(90deg,#e0483c,#ff6b5a);animation:hp-throb .9s ease-in-out infinite}.hp-text{font-variant-numeric:tabular-nums}@keyframes hp-throb{50%{filter:brightness(1.35)}}.bump{animation:bump .42s cubic-bezier(.2,1.6,.4,1)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.22);color:var(--gold)}to{transform:scale(1)}}.banner{position:absolute;left:0;right:0;top:34%;z-index:4;display:grid;justify-items:center;gap:6px;pointer-events:none;text-align:center;animation:banner-life 2.8s ease both}.banner-line{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:banner-line 2.8s ease both}.banner-title{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 24px rgba(0,0,0,.9);animation:banner-title 2.8s ease both}.banner-sub{margin:0;color:var(--muted);font-size:.95rem;letter-spacing:.12em;text-shadow:0 2px 16px rgba(0,0,0,.9)}.banner-boss .banner-title{color:#d8c8ff;letter-spacing:.3em}.banner-boss .banner-line{background:linear-gradient(90deg,transparent,#9b7cf0,transparent)}@keyframes banner-life{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes banner-line{0%{width:0}25%{width:min(70%,420px)}to{width:min(70%,420px)}}@keyframes banner-title{0%{letter-spacing:.5em;opacity:0}30%{letter-spacing:.22em;opacity:1}to{letter-spacing:.26em;opacity:1}}.boss-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden}.boss-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05060b8c;opacity:0;transition:opacity .24s ease}.boss-intro.is-entering .boss-dim{opacity:1}.boss-intro.is-leaving .boss-dim{opacity:0;transition-duration:.4s}.boss-portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .4s ease,transform 2.4s linear}.boss-intro.is-revealed .boss-portrait{opacity:1;transform:scale(1)}.boss-intro.is-leaving .boss-portrait{opacity:0;transition:opacity .4s ease}.boss-bar{position:absolute;left:0;right:0;height:14%;background:#05060b;transition:transform .24s ease}.boss-bar-top{top:0;transform:translateY(-100%)}.boss-bar-bottom{bottom:0;transform:translateY(100%)}.boss-intro.is-entering .boss-bar{transform:translateY(0)}.boss-intro.is-leaving .boss-bar-top{transform:translateY(-100%);transition-duration:144ms}.boss-intro.is-leaving .boss-bar-bottom{transform:translateY(100%);transition-duration:144ms}.boss-plate{position:absolute;left:50%;bottom:20%;transform:translate(-50%,10px);display:grid;justify-items:center;gap:6px;opacity:0;width:min(80%,360px);transition:opacity .4s ease .26s,transform .4s ease .26s}.boss-intro.is-revealed .boss-plate{opacity:1;transform:translate(-50%)}.boss-intro.is-leaving .boss-plate{opacity:0;transition:opacity .2s ease}.boss-plate-rule{width:60px;height:1px;background:#d8c8ff99}.boss-plate-name{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.4rem;letter-spacing:.3em;text-transform:uppercase;color:#d8c8ff;text-shadow:0 2px 20px rgba(0,0,0,.9)}.boss-hp{width:100%;height:3px;border-radius:2px;background:#d8c8ff26;overflow:hidden}.boss-hp-fill{display:block;height:100%;width:0%;background:#9b7cf0;transition:width 1.4s ease .4s}.boss-intro.is-revealed .boss-hp-fill{width:100%}.boss-intro.is-reduced .boss-dim,.boss-intro.is-reduced .boss-bar,.boss-intro.is-reduced .boss-portrait,.boss-intro.is-reduced .boss-plate,.boss-intro.is-reduced .boss-hp-fill{transition:none}.boss-intro.is-reduced .boss-bar{transform:translateY(0)}.boss-intro.is-reduced.is-revealed .boss-dim{opacity:1}.boss-intro.is-reduced.is-revealed .boss-portrait{opacity:1;transform:scale(1)}.boss-intro.is-reduced.is-revealed .boss-plate{opacity:1;transform:translate(-50%)}.boss-intro.is-reduced.is-revealed .boss-hp-fill{width:100%}.overlay:has(.result-win):before{content:"";position:fixed;pointer-events:none;top:-6%;right:0;bottom:-6%;left:0;z-index:-1;background-size:cover;background-repeat:no-repeat;background-image:linear-gradient(180deg,#07080e8c,#07080ee0),url(/art/victory-bg.webp);background-position:center 100%,center;animation:result-drift-up 14s ease-out both;will-change:transform}@keyframes result-drift-up{0%{transform:translateY(3%)}to{transform:translateY(0)}}.result{display:flex;flex-direction:column;gap:10px;width:min(100%,520px)}.overlay:has(.result){z-index:7;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.overlay:has(.result)>.result{flex:none;margin:auto}.result-loss{opacity:0;animation:rise .5s ease .3s both}.result-eyebrow{margin:0;color:var(--muted);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;animation:rise .6s ease both}.result-title{margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:clamp(2rem,7vw,3rem);font-weight:500;letter-spacing:.04em;animation:title-in .9s cubic-bezier(.2,.8,.2,1) both}.result-win .result-title{color:#f7e9c0;text-shadow:0 0 36px rgba(231,195,106,.35)}.result-loss .result-title{color:#e9b9b3}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes title-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-stat{display:grid;gap:2px;padding:10px 6px;text-align:center;border-radius:12px;border:1px solid var(--line);background:#080a1080;animation:rise .52s ease both}.result-stat-value{font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.5rem;font-variant-numeric:tabular-nums}.result-stat-label{color:var(--muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.ribbon{position:relative;margin-top:6px;padding:14px 4px 6px}.ribbon-track{position:absolute;left:22px;right:22px;top:25px;height:2px;background:#e8e0d01f;overflow:hidden;border-radius:2px}.ribbon-sweep{position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0}.ribbon.is-pending .ribbon-sweep{opacity:1;animation:sweep 1.7s ease-in-out infinite}@keyframes sweep{0%{left:-34%}to{left:100%}}.ribbon-pips{position:relative;display:flex;justify-content:space-between;margin:0;padding:0;list-style:none}.ribbon-pip{display:grid;justify-items:center;gap:6px;opacity:0;animation:rise .5s ease both}.ribbon-pip-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(232,224,208,.25);background:#0a0d14;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.ribbon-pip.is-reached .ribbon-pip-dot{border-color:var(--gold);background:radial-gradient(circle,#e7c36a8c,#e7c36a1a);box-shadow:0 0 14px #e7c36a66}.ribbon-pip-label{color:var(--muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.ribbon.is-failed{opacity:.55}.ribbon-story{margin:2px 0 0;text-align:center;color:var(--cyan);font-size:.9rem;letter-spacing:.06em;min-height:1.4em}.ribbon.is-practice~.ribbon-story{color:var(--muted)}.seal-wrap{position:relative;display:grid;place-items:center;height:68px}.seal{width:64px;height:64px;opacity:0;transform:scale(1.9) rotate(-14deg) translateY(-6px);pointer-events:none}.seal-icon{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(231,195,106,.45))}.seal-outer,.seal-inner,.seal-eye{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round}.seal-inner{stroke-width:1.6}.seal-eye{stroke-width:1.5}.seal-pupil{fill:var(--gold)}.seal-dust{position:absolute;width:64px;height:64px;border-radius:50%;border:1px solid rgba(231,195,106,.55);opacity:0;pointer-events:none}.ribbon.is-sealed .ribbon-sweep{opacity:0;animation:none}.result-meta{display:flex;justify-content:center;align-items:center;gap:14px;min-height:1.6em}.chip-rank{padding:3px 12px;border-radius:99px;border:1px solid rgba(231,195,106,.5);color:var(--gold);font-size:.8rem;letter-spacing:.1em;animation:rise .5s ease both}.result-hero{display:flex;align-items:center;gap:16px;padding:14px;border-radius:16px;border:1px solid rgba(231,195,106,.4);background:radial-gradient(120% 140% at 0% 0%,#e7c36a24,#080a1099)}.result-hero.is-revealed{animation:hero-reveal .9s cubic-bezier(.2,.9,.2,1) both}@keyframes hero-reveal{0%{opacity:0;transform:translateY(14px) scale(.96);filter:brightness(2.2)}to{opacity:1;transform:none;filter:none}}.hero-medallion{position:relative;width:84px;height:84px;flex:0 0 auto;border-radius:50%;border:2px solid var(--gold);overflow:hidden;background:radial-gradient(circle at 50% 35%,#1a2430,#080a10);box-shadow:0 0 0 5px #05060b99,0 0 34px #e7c36a66}.hero-medallion-portrait{position:absolute;left:50%;top:8px;width:74px;height:90px;transform:translate(-50%);object-fit:cover;object-position:center top}.hero-medallion-crest{position:absolute;right:4px;bottom:4px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:#05060be6}.hero-medallion-crest .emblem{width:16px;height:16px}.hero-copy-block{display:grid;gap:4px;justify-items:start}.hero-kicker{margin:0;color:var(--gold);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.hero-earned-name{margin:0 0 6px;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.7rem}.share-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;animation:rise .5s ease both}.result-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:4px}.result-actions .btn{flex:1 1 140px;min-height:48px}@media (max-width: 520px){.result-stats{grid-template-columns:repeat(2,1fr)}.seal{width:52px;height:52px}}@media (prefers-reduced-motion: reduce){.overlay>.panel,.overlay>.title-screen,.overlay>.prompt,.banner,.banner-line,.banner-title,.result-eyebrow,.result-title,.result-stat,.ribbon-pip,.chip-rank,.result-hero.is-revealed,.hint-card,.share-actions,.result-loss,.board-row,.board-row.is-fresh .board-rank,.vault-card{animation:none;opacity:1}.ribbon.is-pending .ribbon-sweep{animation:none;opacity:.6;left:33%}.bump,.hud-hp.is-low .hp-fill{animation:none}canvas.board-sunk{transition:none}.board-row.is-fresh{animation:none;background:#7ef0e047}.vault-backdrop{animation:none}.overlay:has(.result-win):before{animation:none;transform:translateY(0)}}.result [hidden]{display:none!important}.panel-title:focus,.result-title:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title-v2.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100%;padding:0;gap:0;background:none;animation:none}.title-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#07080e}.title-img{width:100%;height:100%;object-fit:cover;object-position:28% 62%;transform-origin:center center}.title-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07080ee0,#07080e8c 34%,#07080e1f 62%),linear-gradient(180deg,#07080e33,#07080eb8)}.title-light,.title-fog,.title-embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.title-light{background:radial-gradient(90px 70px at var(--lx, 60%) var(--ly, 70%),rgba(231,195,106,.28),transparent 70%);mix-blend-mode:screen}.title-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;max-width:640px;min-height:100%;padding:calc(24px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom))}.title-logo{width:min(460px,88vw);height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))}.title-tagline{margin:0;max-width:36ch;font-size:1.05rem;line-height:1.45}.menu{display:flex;flex-wrap:wrap;gap:8px}.menu-item{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#080a109e;color:var(--text);cursor:pointer}.menu-item.is-primary{background:var(--cyan-deep);border-color:#7ef0e073;color:var(--cyan)}.menu-item:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.title-info{margin:0;color:var(--muted);font-size:.84rem}.title-info[hidden]{display:none}.title-hint{margin:0;color:var(--muted);font-size:.78rem;max-width:52ch}@media (max-width: 700px){.title-hint{display:none}.title-content{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion: reduce){.title-img{transform:none!important}}.pick-icon{width:56px;height:56px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.vault-icons{display:flex;gap:6px;margin:6px 0 2px}.vault-icon{width:30px;height:30px;object-fit:contain;opacity:.9}.descent-slow{margin:0;max-width:44ch;color:var(--muted);font-size:.85rem}.descent-slow[hidden],.descent-skip[hidden],.record-nudge[hidden]{display:none}.descent-skip{margin-top:4px}.record-nudge{margin:0;color:var(--muted);font-size:.85rem}.floor-label:empty{display:none}body:has(#overlay>.panel,#overlay>.vault-view) .topbar{background:var(--bg);box-shadow:0 8px 12px -8px #000000b3}@media (max-width: 899px){.topbar{flex-wrap:wrap;row-gap:0}.floor-label{order:3;flex:1 0 100%;font-size:.78rem;margin-top:-6px}.stage-wrap{flex:1 1 auto;place-items:center}.hud{padding-top:6px}.hud-log{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}.hint-card{position:fixed;left:12px;right:12px;bottom:calc(160px + env(safe-area-inset-bottom));max-width:none;z-index:4}}@media (max-width: 899px) and (orientation: landscape) and (max-height: 520px){#app{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.topbar{grid-column:1 / -1;grid-row:1;flex-wrap:nowrap;padding-bottom:2px}.floor-label{order:0;flex:0 1 auto;margin:0}.stage-wrap{grid-column:1;grid-row:2;padding:0 8px 8px;place-items:center}.stage{width:min(100%,calc((100dvh - 80px) * 832 / 576))}.hud,.touch{grid-column:2;grid-row:2;width:auto;margin:0;padding:0 12px 8px 4px}.hud{align-self:start}.hud-stats{gap:2px 14px}#hud-name{flex-basis:100%}.hud-stats>*{white-space:nowrap}.hud-key{display:none}.hud-log{font-size:.8rem;-webkit-line-clamp:3;min-height:0}.touch{align-self:end;margin-top:0;gap:10px}.pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:4px}.pad-btn,.touch-actions .btn{min-width:46px;min-height:46px}.touch-actions{gap:6px}.hint-card{left:auto;right:8px;width:234px;bottom:128px;padding:6px 10px}.hint-body{font-size:.78rem}.creator-preview{position:static}.title-logo{width:auto;max-height:30dvh}.title-content{gap:8px;padding-top:12px;padding-bottom:12px}.title-hint{display:none}}