:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050806;color:#f5fff8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell,.game-shell{position:relative;min-height:100vh;padding:14px;isolation:isolate}.game-shell{height:100dvh;min-height:520px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.background-fx{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(0,255,102,.22),transparent 26%),radial-gradient(circle at 82% 8%,rgba(255,65,190,.13),transparent 22%),linear-gradient(135deg,#040504,#111 48%,#03140d)}.starfield,.scanlines{position:absolute;inset:0;pointer-events:none}.starfield{opacity:.34;background-image:radial-gradient(#77fff4 1px,transparent 1px),radial-gradient(#a6ff32 1px,transparent 1px);background-position:0 0,18px 28px;background-size:64px 64px,92px 92px;animation:drift 28s linear infinite}.scanlines{opacity:.12;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(255,255,255,.08) 6px)}.topbar,.game-topbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;width:min(1180px,100%);margin:0 auto 18px;padding:9px;border:1px solid rgba(154,255,53,.22);border-radius:8px;background:#060807c7;box-shadow:0 14px 50px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.mini-user,.run-score{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:800}.brand span{width:9px;height:9px;border-radius:50%;background:#0f6;box-shadow:0 0 15px #0f6}nav{display:none;gap:18px;color:#aab6ad;font-size:.82rem}.mini-user{max-width:150px;overflow:hidden;padding:7px 10px;border-radius:999px;background:#ffffff0f;font-size:.78rem;white-space:nowrap}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#f5fff8;background:#ffffff12;cursor:pointer}.hero-panel{display:grid;grid-template-columns:1fr;gap:24px;width:min(1180px,100%);min-height:76vh;margin:0 auto;align-items:center;padding:clamp(28px,8vw,90px) 0 18px}.hero-copy{max-width:720px}.eyebrow{display:inline-flex;color:#9aff35;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(3rem,13vw,7.4rem);line-height:.86}h2{margin-bottom:12px;font-size:clamp(2rem,8vw,4.2rem);line-height:.92}h3{margin-bottom:8px;font-size:1.18rem}p{color:#b9c6bc;line-height:1.6}.hero-actions,.profile-form,.game-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.primary-btn,.ghost-btn,.play-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:8px;padding:0 18px;font-weight:900;cursor:pointer}.primary-btn,.play-btn{color:#031008;background:#0f6;box-shadow:0 0 24px #00ff6659}.ghost-btn{border:1px solid rgba(255,255,255,.18);color:#f5fff8;background:#ffffff12}.hero-stage,.avatar-chamber{position:relative;display:grid;min-height:320px;place-items:center;overflow:hidden;border:1px solid rgba(154,255,53,.22);border-radius:8px;background:linear-gradient(135deg,rgba(0,255,102,.18),transparent 42%),#ffffff0b}.stage-orbit{position:absolute;width:230px;height:230px;border:1px dashed rgba(154,255,53,.38);border-radius:50%;animation:spin 12s linear infinite}.floating-reel{position:absolute;display:grid;place-items:center;width:54px;height:64px;border:2px solid #00ff66;border-radius:7px;color:#0f6;background:#060806;box-shadow:0 0 22px #00ff6659;font-weight:950;font-size:1.6rem;animation:bob 2.8s ease-in-out infinite}.reel-a{left:10%;top:18%}.reel-b{right:14%;top:24%;animation-delay:-.5s}.reel-c{left:22%;bottom:14%;animation-delay:-1s}.ticker{overflow:hidden;width:min(1180px,100%);margin:10px auto 28px;border-block:1px solid rgba(255,255,255,.09);color:#daffe2;background:#0000003d}.ticker div{display:flex;width:max-content;animation:ticker 26s linear infinite}.ticker span{padding:11px 18px;color:#9aff35;font-weight:800;white-space:nowrap}.profile-grid,.game-section,.leaderboard{width:min(1180px,100%);margin:0 auto 48px}.profile-grid{display:grid;gap:16px}input{min-height:44px;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:0 14px;color:#f5fff8;background:#ffffff14}.avatar-chamber{min-height:280px}.avatar-chamber.is-hatching{animation:hatchFlash .7s linear}.crate-lid{position:absolute;top:24px;width:118px;height:78px;border:3px solid #ffb02f;border-radius:8px;background:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25% 50%,rgba(255,255,255,.12) 50% 75%,transparent 75%),#a65a1f;opacity:.65}.avatar-name{position:absolute;bottom:16px;padding:9px 12px;border-radius:999px;color:#061008;background:#0f6;font-weight:900}.mystery-avatar{display:grid;place-items:center;width:130px;height:130px;border:2px dashed #00ff66;border-radius:8px;color:#0f6;font-size:4rem;font-weight:950}.avatar-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.avatar-roster.compact{grid-template-columns:1fr}.avatar-roster button{display:flex;align-items:center;gap:8px;min-width:0;min-height:72px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f5fff8;background:#ffffff0f;cursor:pointer}.avatar-roster button.active{border-color:#0f6;box-shadow:inset 0 0 0 1px #0f6,0 0 20px #0f63}.hidden-pool{display:grid;place-items:center;min-height:58px;border:1px dashed rgba(154,255,53,.28);border-radius:8px;color:#9aff35;background:#00ff660d;font-weight:900}.game-grid{display:grid;gap:14px}.game-card{display:grid;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 38%),#ffffff0e;box-shadow:0 20px 80px #00000047}.cabinet-preview{position:relative;display:grid;place-items:center;min-height:145px;border-radius:8px;color:var(--accent);background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),#00000047;background-size:24px 24px}.cabinet-preview svg{width:44px;height:44px}.slot-row{position:absolute;bottom:14px;display:flex;gap:8px}.slot-row span{width:28px;height:34px;border:1px solid currentColor;border-radius:6px;box-shadow:0 0 15px currentColor}.game-stat,.score-pill{display:inline-flex;width:fit-content;border-radius:999px;padding:5px 9px;color:#061008;background:var(--accent);font-size:.72rem;font-weight:950}.score-pill{margin-top:10px;color:#f5fff8;background:#ffffff1a}.score-table{display:grid;gap:8px}.score-row{display:grid;grid-template-columns:42px 34px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0e}.score-row span:nth-child(4){grid-column:3;color:#aeb8b2;font-size:.82rem}.score-row b{grid-column:1 / -1;color:#9aff35}.rank{color:#ff4fc4;font-weight:950}footer{width:min(1180px,100%);margin:0 auto;padding:28px 0 42px;color:#94a09a;font-size:.9rem}.avatar-svg{display:block;flex:0 0 auto;overflow:visible;transform-origin:50% 100%;animation:avatarIdle 1.35s steps(2) infinite}.avatar-svg.tiny{width:28px;height:40px}.avatar-svg.small{width:54px;height:80px}.avatar-svg.hero{width:min(58vw,250px);height:auto}.avatar-svg.showcase{width:min(54vw,230px);height:auto}.avatar-svg.celebrate{animation:avatarCelebrate .9s ease-in-out infinite}.arm-left,.arm-right{transform:none}.game-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;overflow:hidden}.game-topbar{grid-template-columns:auto 1fr auto}.game-topbar h1{margin:3px 0 0;font-size:clamp(1.1rem,5vw,2rem);line-height:1.05}.portrait-game{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%;width:min(100%,520px);margin:0 auto}canvas{display:block;width:100%;height:100%;min-height:0;border:1px solid rgba(154,255,53,.24);border-radius:8px;background:#07070d;box-shadow:0 18px 80px #0000008c;touch-action:none}.game-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:8px;color:#c9d5cc;font-size:.84rem}.game-hud span{display:inline-flex;align-items:center;gap:6px;min-width:0}.mobile-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,520px);margin:0 auto}.mobile-controls button{min-height:42px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#f5fff8;background:#ffffff14;font-weight:900}.mobile-controls .wide{display:inline-flex;align-items:center;justify-content:center;gap:8px;grid-column:1 / -1;color:#031008;background:#ff4fc4}.game-actions{justify-content:center}@keyframes drift{to{transform:translate3d(-92px,64px,0)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes bob{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spriteIdle{50%{translate:0 -3px}}@keyframes avatarIdle{50%{transform:translateY(-4px)}}@keyframes avatarCelebrate{50%{transform:translateY(-8px) scale(1.02)}}@keyframes hatchFlash{0%,to{filter:brightness(1)}30%,70%{filter:brightness(2.4) saturate(1.5)}}@media(min-width:720px){.app-shell,.game-shell{padding:20px}nav{display:flex}.topbar{grid-template-columns:1fr auto auto auto}.hero-panel{grid-template-columns:1.05fr .95fr}.profile-grid{grid-template-columns:1fr 1fr;align-items:stretch}.avatar-roster{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.avatar-roster.compact{grid-template-columns:repeat(4,1fr)}.game-grid{grid-template-columns:repeat(3,1fr)}.game-card{align-content:space-between}.score-row{grid-template-columns:48px 34px 1fr 1.3fr 100px}.score-row span:nth-child(4),.score-row b{grid-column:auto}.portrait-game{width:min(100%,620px)}}@media(min-width:1040px){.profile-grid{grid-template-columns:1fr 390px 1fr}.avatar-roster{grid-column:auto;grid-template-columns:1fr}.avatar-roster.compact{grid-template-columns:1fr}}@media(max-width:360px){.app-shell{padding:9px}.topbar,.game-topbar{gap:6px;padding:7px}.brand{font-size:.78rem}.mini-user{max-width:104px;padding:6px 8px}.game-topbar h1{font-size:.98rem}.eyebrow{font-size:.58rem}.run-score{font-size:.74rem}.mobile-controls{gap:6px}.mobile-controls button{min-height:36px;font-size:.78rem}.game-actions .primary-btn,.game-actions .ghost-btn{min-height:38px;padding:0 12px;font-size:.78rem}.game-hud{font-size:.72rem;margin-top:5px}}