.account-panel{margin:1.25rem 0;padding:1rem;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:1rem;background:color-mix(in srgb,currentColor 4%,transparent)}.account-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account-summary h2,.account-summary p{margin:.2rem 0}.account-eyebrow{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.account-details{border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);margin-top:1rem;padding-top:1rem}.account-actions,.sync-decision{display:flex;flex-wrap:wrap;gap:.6rem}.sync-decision{margin-top:1rem;padding:.8rem;border:2px solid currentColor;border-radius:.7rem}.sync-decision p,.sync-decision small{flex-basis:100%;margin:.2rem 0}.google-button{min-height:44px;max-width:360px}.device-list{list-style:none;padding:0}.device-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.account-error{color:#b42318;font-weight:700}.account-notice{padding:.75rem;border-radius:.6rem;background:color-mix(in srgb,#d88fa1 18%,transparent)}.sync-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;flex-basis:100%;margin:.2rem 0;padding-left:1.2rem}@media(max-width:520px){.account-summary,.device-list li{align-items:stretch;flex-direction:column}.account-summary>button,.account-actions button{width:100%}}.run-history{display:grid;gap:.65rem}.run-history article{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface)}.run-history span{color:var(--muted)}.collection-progress,.collection-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.collection-progress b{padding:.65rem .8rem;border:1px solid var(--line);border-radius:.7rem}.collection-tabs button{flex:1 1 9rem}.collection-tabs small{display:block;margin-top:.2rem}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.movement-tutorial{top:4.5rem;width:max-content;max-width:calc(100% - 1rem)}.run-history article{display:grid}.panel{width:min(100% - 1rem,1120px)}.cards{grid-template-columns:1fr}.collection-tabs button{flex-basis:calc(50% - .65rem)}}.vampire-glyph{display:block;flex:0 0 auto;filter:drop-shadow(0 0 8px #a777e855)}.collection-icons{display:flex;gap:.45rem;overflow:hidden;margin:.5rem 0 1rem;padding:.55rem;border:1px solid var(--line);border-radius:.8rem;background:#100c1b}.modal button:not(:last-child):before{float:left;margin-right:.55rem;color:#ffd166;content:"✦";font-size:1.15rem}.modal .evolution:before{content:"✹"}.boss-hud{z-index:16!important;border-width:2px!important;border-color:#ffcf68!important;background:linear-gradient(90deg,#170d1af2,#381124ed,#170d1af2)!important;box-shadow:0 0 24px #ff4f8744;text-transform:uppercase;letter-spacing:.06em}.boss-hud progress{height:16px!important}@media(prefers-reduced-motion:reduce){.vampire-glyph{filter:none}}:root{color-scheme:dark;--bg:#0d0b14;--surface:#171225;--soft:#231a35;--line:#483862;--text:#f7f2ff;--muted:#bdb2ce;--accent:#a777e8;--hot:#ff725e;--mint:#6fe7c8;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0;background:radial-gradient(circle at 78% 4%,#34214c 0,transparent 34rem),var(--bg)}button,input{font:inherit}button{min-height:44px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:.8rem;color:var(--text);background:var(--surface);font-weight:750;cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.primary{border-color:var(--accent);background:linear-gradient(135deg,#8050bd,#a777e8);font-weight:900}.app-shell{min-height:100dvh}.app-shell>header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:.7rem max(1rem,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:#120e1ddd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.7rem;border:0;background:transparent}.brand span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--accent);font-size:1.25rem;font-weight:950}.menu,.panel{width:min(1120px,calc(100% - 2rem));margin:auto;padding:clamp(2rem,6vw,5.5rem) 0}.hero{max-width:800px;padding:clamp(2rem,6vw,5rem) 0}.eyebrow{margin:0 0 .4rem;color:var(--hot);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1{max-width:850px;margin:.2rem 0 1rem;font-size:clamp(2.8rem,9vw,7.2rem);line-height:.9;letter-spacing:-.055em}h2{margin:.2rem 0 .8rem}.hero p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:clamp(1rem,2vw,1.3rem);line-height:1.55}.hero button{margin:.5rem .5rem 0 0}.menu-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.menu-grid button{display:grid;gap:.4rem;min-height:120px;text-align:left;background:linear-gradient(145deg,var(--surface),var(--soft))}.menu-grid b{font-size:1.2rem}.menu-grid span,.panel p{color:var(--muted)}.panel h1{font-size:clamp(2.4rem,7vw,5rem)}.cards article,.panel dl>div,.import-preview{padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.panel dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.panel dt{color:var(--muted)}.panel dd{margin:.4rem 0 0;font-size:1.4rem;font-weight:900}.center{text-align:center}.center button{margin:.5rem}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.settings label{display:flex;align-items:center;gap:.8rem;min-height:56px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);font-weight:750}.settings input{width:22px;height:22px}.save-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.import-preview{flex-basis:100%}.run{position:relative;height:calc(100dvh - 62px);overflow:hidden}.game-host{width:100%;height:100%}.game-host canvas{display:block}.hud{position:absolute;z-index:5;top:.8rem;left:50%;display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:1rem;background:#120e1de8;transform:translate(-50%);white-space:nowrap}.hud span{color:var(--muted);font-size:.78rem}.hud b{color:var(--text)}.debug{position:absolute;right:.7rem;bottom:.7rem;padding:.5rem;border-radius:.5rem;background:#000b;font:12px monospace}.modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:1rem;background:#08050dcc}.modal section{width:min(620px,100%);padding:2rem;border:1px solid var(--line);border-radius:1.4rem;background:var(--surface)}.modal button{display:grid;width:100%;margin:.6rem 0;text-align:left}.modal button span{color:var(--muted)}.toast{position:fixed;z-index:50;right:1rem;bottom:1rem;max-width:min(440px,calc(100% - 2rem));padding:1rem;border:1px solid var(--hot);border-radius:.8rem;background:var(--surface)}footer{padding:2rem;text-align:center;color:var(--muted);font-size:.8rem}.loading{display:grid;min-height:100dvh;place-items:center}@media(max-width:760px){.menu-grid,.cards{grid-template-columns:1fr}.panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.settings{grid-template-columns:1fr}.hud{top:auto;right:.5rem;bottom:.5rem;left:.5rem;flex-wrap:wrap;transform:none}.hud span{flex:1}.run{height:calc(100dvh - 62px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.play{min-width:min(360px,100%);min-height:64px;font-size:1.2rem;letter-spacing:.08em}.selected{margin-top:1rem}.locked{filter:saturate(.25);opacity:.68}.modal small{margin-top:.35rem;color:var(--mint);font-weight:800}.modal .evolution{border-color:#ffe687;background:linear-gradient(135deg,#412d59,#755337);box-shadow:0 0 28px #ffd86d33}.boss-hud{position:absolute;z-index:6;top:5rem;left:50%;display:grid;width:min(620px,calc(100% - 2rem));gap:.35rem;padding:.65rem 1rem;border:1px solid #ff5b91;border-radius:1rem;background:#170d1ae8;transform:translate(-50%);text-align:center}.boss-hud progress{width:100%;height:14px;accent-color:#ff4f87}.volume-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.volume-settings label{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);font-weight:750}.volume-settings input{width:100%}.panel>h2{margin-top:2.5rem}.cards article{transition:transform .15s,border-color .15s}.cards article:hover{border-color:var(--accent);transform:translateY(-2px)}@media(max-width:760px){.volume-settings{grid-template-columns:1fr}.boss-hud{top:4.5rem}.hero{padding-top:2rem}}@media(prefers-reduced-motion:reduce){.cards article:hover{transform:none}}.movement-tutorial{position:absolute;z-index:6;top:5.5rem;left:50%;display:grid;gap:.25rem;padding:.8rem 1rem;border:1px solid var(--accent);border-radius:.8rem;background:#120e1de8;transform:translate(-50%);text-align:center}.movement-tutorial span{color:var(--muted);font-size:.85rem}@media(max-width:760px){.movement-tutorial{top:4.5rem;width:max-content;max-width:calc(100% - 1rem)}}