:root{font-family:Trebuchet MS,Gill Sans,sans-serif;color:#f5f7ff;background:#050913;--menu-bg-image: none;--bg-motion-duration: 18s;--bg-motion-scale: 1.08;--bg-motion-x: 12px;--bg-motion-y: 8px}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 20% 15%,rgba(245,158,11,.24),transparent 32%),radial-gradient(circle at 90% 85%,rgba(56,189,248,.16),transparent 36%),linear-gradient(180deg,#060b17,#0a1330 55%,#121d3d)}#app{position:relative}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}#ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.ui-screen{display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;isolation:isolate;--screen-bg: none;--screen-bg-pos: center;--screen-bg-size: cover;--screen-bg-repeat: no-repeat;--screen-bg-filter: none;--screen-bg-duration: var(--bg-motion-duration);--screen-bg-scale: var(--bg-motion-scale);--screen-bg-x: var(--bg-motion-x);--screen-bg-y: var(--bg-motion-y)}.ui-screen:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:var(--screen-bg);background-position:var(--screen-bg-pos);background-size:var(--screen-bg-size);background-repeat:var(--screen-bg-repeat);filter:var(--screen-bg-filter);transform:translateZ(0) scale(var(--screen-bg-scale));animation:background-drift var(--screen-bg-duration) ease-in-out infinite alternate;z-index:0;pointer-events:none}.ui-screen>*{position:relative;z-index:1}#ui.state-gameplay:before{content:none}.ui-screen.state-splash{--screen-bg: radial-gradient(circle at 18% 16%, rgba(251, 191, 36, .22), transparent 34%), radial-gradient(circle at 84% 78%, rgba(250, 204, 21, .16), transparent 38%), linear-gradient(180deg, #fffef2 0%, #fffbe2 52%, #fff7d1 100%);--screen-bg-filter: saturate(.92)}.ui-screen.state-menu{--screen-bg: linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .1) 45%, rgba(0, 0, 0, .52) 100%), var(--menu-bg-image);--screen-bg-pos: center;--screen-bg-size: cover;--screen-bg-repeat: no-repeat;--screen-bg-filter: saturate(.84)}.ui-screen.state-about{--screen-bg: radial-gradient(circle at 18% 14%, rgba(250, 204, 21, .14), transparent 36%), linear-gradient(180deg, rgba(2, 6, 23, .75), rgba(2, 6, 23, .88)), var(--menu-bg-image);--screen-bg-pos: center;--screen-bg-size: cover;--screen-bg-repeat: no-repeat;--screen-bg-filter: saturate(.78)}.ui-screen.state-leaderboard{--screen-bg: linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .1) 45%, rgba(0, 0, 0, .52) 100%), var(--menu-bg-image);--screen-bg-pos: center;--screen-bg-size: cover;--screen-bg-repeat: no-repeat;--screen-bg-filter: saturate(.84);align-items:flex-start;justify-content:flex-start;overflow-y:hidden;overflow-x:hidden}.ui-screen.state-logo,.ui-screen.state-settings{--screen-bg: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .14) 45%, rgba(0, 0, 0, .5) 100%), var(--menu-bg-image);--screen-bg-pos: center;--screen-bg-size: cover;--screen-bg-repeat: no-repeat;--screen-bg-filter: saturate(.82)}.ui-screen.state-gameover{padding:0;align-items:stretch;justify-content:stretch;--screen-bg: none}.ui-screen.state-gameover:before{content:none}@keyframes background-drift{0%{transform:translate3d(calc(var(--screen-bg-x) * -1),calc(var(--screen-bg-y) * -1),0) scale(var(--screen-bg-scale))}50%{transform:translateZ(0) scale(calc(var(--screen-bg-scale) + .01))}to{transform:translate3d(var(--screen-bg-x),var(--screen-bg-y),0) scale(var(--screen-bg-scale))}}.lb-screen{width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0 8px 20px;box-sizing:border-box}.screen.lb-screen{width:100%}.lb-header-image{width:min(99vw,720px);max-width:100%;display:block;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.7)) drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:menu-logo-float 3s ease-in-out infinite alternate}.lb-helper{margin:0;color:#ffecbceb;font-size:.86rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.lb-canvas-wrap{width:min(99vw,720px);max-width:100%;display:flex;justify-content:center;margin-top:-12px}#lb-canvas{display:block;max-width:100%;height:auto;filter:drop-shadow(0 10px 36px rgba(0,0,0,.85))}.lb-back-btn{display:block;width:min(90%,300px);margin-top:18px;padding:14px 32px;background:linear-gradient(180deg,#ffb030,#e05800);border:3px solid #b03800;border-radius:50px;color:#fff;font-size:clamp(1rem,5vw,1.3rem);font-weight:900;letter-spacing:.08em;text-shadow:0 2px 4px rgba(0,0,0,.5);cursor:pointer;box-shadow:0 6px 24px #00000080,inset 0 2px #ffc86459;transition:opacity .15s ease,transform .1s ease}.lb-back-btn:hover{opacity:.85;transform:translateY(-1px)}.lb-back-btn:active{opacity:.7;transform:translateY(1px)}.lb-secondary-btn{display:block;width:min(90%,300px);margin-top:6px;padding:12px 22px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border:2px solid #1e40af;border-radius:50px;color:#eef6ff;font-size:clamp(.88rem,4vw,1rem);font-weight:900;letter-spacing:.06em;cursor:pointer;box-shadow:0 6px 18px #00000073;transition:opacity .15s ease,transform .1s ease}.lb-secondary-btn:hover{opacity:.9;transform:translateY(-1px)}.lb-secondary-btn:active{opacity:.74;transform:translateY(1px)}.lb-clear-link{background:none;border:none;cursor:pointer;color:#ffc36e6b;font-size:.74rem;font-weight:600;letter-spacing:.05em;text-decoration:underline;text-underline-offset:3px;padding:4px 8px;transition:color .15s ease}.lb-clear-link:hover{color:#ff6e5ad9}.screen{pointer-events:auto;width:min(92vw,520px)}.splash{width:100%;text-align:center}.splash-brand-image{width:min(92vw,540px);display:block;margin:0 auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(133,77,14,.18));animation:splash-logo-slide .72s cubic-bezier(.2,.82,.28,1) both,splash-logo-drift 1.8s ease-in-out .76s infinite alternate}.splash-logo{color:#0f172a;font-size:clamp(2.5rem,7vw,4rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 8px 20px rgba(15,23,42,.18)}.splash-subtitle{margin-top:8px;color:#334155;font-size:clamp(1.1rem,3vw,1.4rem);letter-spacing:.12em}@keyframes splash-logo-slide{0%{opacity:0;transform:translateY(-42px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-logo-drift{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.screen.menu{max-width:520px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:40px;height:100%;gap:0}.menu-logo-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding-top:28px}.menu-logo-image{width:min(86vw,410px);max-height:min(34vh,280px);height:auto;object-fit:contain;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.7)) drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:menu-logo-float 3s ease-in-out infinite alternate}@keyframes menu-logo-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:min(90vw,360px);margin-bottom:16px}.menu-btn{width:100%;padding:17px 24px;border-radius:999px;font:inherit;font-size:clamp(1.1rem,4vw,1.25rem);font-weight:900;letter-spacing:.04em;cursor:pointer;transition:transform .12s ease,filter .12s ease}.menu-btn:active{transform:scale(.96) translateY(2px);filter:brightness(.88)}.menu-btn-play{color:#431407;background:linear-gradient(180deg,#fb923c,#f97316 45%,#ea580c);border:3px solid #9a3412;border-bottom-width:6px;box-shadow:0 6px 20px #ea580c8c,inset 0 1px #ffdca073;text-shadow:0 1px 0 rgba(255,200,100,.4)}.menu-btn-play:hover{filter:brightness(1.08)}.menu-btn-scores{color:#fff;background:linear-gradient(180deg,#60a5fa,#3b82f6 45%,#2563eb);border:3px solid #1d4ed8;border-bottom-width:6px;box-shadow:0 6px 20px #2563eb80,inset 0 1px #c8dcff59;text-shadow:0 1px 2px rgba(0,0,0,.35)}.menu-btn-scores:hover{filter:brightness(1.08)}.menu-btn-compete{color:#052e16;background:linear-gradient(180deg,#34d399,#10b981 45%,#059669);border:3px solid #065f46;border-bottom-width:6px;box-shadow:0 6px 20px #04785780,inset 0 1px #d1fae56b;text-shadow:0 1px 0 rgba(167,243,208,.45);font-size:clamp(.96rem,3.6vw,1.08rem)}.menu-btn-compete:hover{filter:brightness(1.08)}.menu-btn-secondary{color:#e2e8f0;background:linear-gradient(180deg,#64748b,#475569 45%,#334155);border:3px solid #1e293b;border-bottom-width:6px;box-shadow:0 6px 20px #0006,inset 0 1px #ffffff1f;text-shadow:0 1px 2px rgba(0,0,0,.45)}.menu-btn-secondary:hover{filter:brightness(1.08)}.menu-audio-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(90vw,360px)}.menu-audio-btn{padding:9px 14px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:#00000073;color:#ffffffd1;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-audio-btn:hover{background:#ffffff24;color:#fff}.menu-audio-btn strong{color:#fbbf24}.panel-actions{display:grid;gap:10px}.ui-button{width:100%;border:0;border-radius:14px;padding:12px 14px;font:inherit;font-size:1rem;font-weight:700;color:#e5e7eb;background:linear-gradient(180deg,#334155f2,#1e293be6);box-shadow:0 8px 14px #02061759;cursor:pointer;transition:transform .12s ease,filter .12s ease}.ui-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.ui-button:active{transform:translateY(1px)}.ui-button.primary{color:#1f2937;background:linear-gradient(180deg,#f59e0b,#d97706)}.ui-button.warning{background:linear-gradient(180deg,#dc2626,#b91c1c)}.ui-button.small{width:auto;padding:6px 10px;font-size:.85rem}.panel{background:linear-gradient(170deg,#0f172af2,#1e293be0);border:1px solid rgba(148,163,184,.35);border-radius:20px;padding:18px;box-shadow:0 18px 30px #0006}.panel h2{margin:0 0 12px;font-size:1.5rem}.auth-screen{max-width:min(92vw,520px)}.auth-copy{margin:0 0 14px;color:#e2e8f0eb;font-size:.92rem}.auth-session-card{display:grid;gap:2px;margin-bottom:14px;padding:12px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172a9e}.auth-session-card strong{color:#fef3c7;font-size:1rem}.auth-session-card span{color:#e2e8f0d1;font-size:.88rem}.auth-message{margin:14px 0 0;min-height:1.1rem;font-size:.86rem;line-height:1.35}.auth-message.tone-info{color:#e2e8f0e6}.auth-message.tone-success{color:#86efac}.auth-message.tone-error{color:#fca5a5}.auth-links-row{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.auth-links-sep{color:#94a3b8d9;font-size:.88rem}.auth-link-btn{border:none;background:none;padding:0;color:#fde68aeb;font:inherit;font-size:.88rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-link-btn:hover{color:#fef3c7}.about-screen{width:min(96vw,760px);height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;padding:clamp(28px,8vh,64px) clamp(8px,2vw,18px) clamp(18px,5vh,36px)}.about-logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin-top:4px}.about-logo-image{width:min(92vw,560px);max-height:240px;object-fit:contain;display:block;filter:drop-shadow(0 12px 26px rgba(0,0,0,.65)) drop-shadow(0 4px 8px rgba(0,0,0,.45))}.about-logo-fallback{color:#fef9c3;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 18px rgba(252,211,77,.6),0 8px 22px rgba(0,0,0,.6)}.about-content{width:100%;max-width:720px;display:grid;gap:12px;justify-items:center;text-align:center}.about-kicker{display:inline-flex;align-items:center;align-self:center;color:#fde68aeb;font-size:clamp(.72rem,2.4vw,.9rem);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.about-screen h2{margin:0;font-size:clamp(2rem,8vw,3.4rem);line-height:.95;letter-spacing:.03em;color:#fef9c3;text-shadow:0 0 18px rgba(252,211,77,.62),0 8px 24px rgba(0,0,0,.56)}.about-copy{display:grid;gap:12px;max-width:min(92vw,62ch);justify-items:center}.about-line{margin:0;color:#f1f5f9f2;font-size:clamp(1rem,3.2vw,1.2rem);line-height:1.52;text-wrap:pretty;text-shadow:0 2px 10px rgba(0,0,0,.62),0 0 2px rgba(0,0,0,.6)}.about-link{color:#fcd34d;font-weight:900;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-shadow:0 0 12px rgba(252,211,77,.84),0 2px 8px rgba(0,0,0,.7)}.about-back-btn{align-self:center;width:min(90vw,320px);border:2px solid rgba(252,211,77,.72);border-radius:999px;padding:12px 22px;font:inherit;font-size:clamp(1rem,3.8vw,1.14rem);font-weight:900;letter-spacing:.06em;color:#fff8df;background:linear-gradient(135deg,#92400ef5,#451a03f5);box-shadow:0 0 0 1px #fcd34d59,0 12px 24px #00000080,inset 0 1px #ffdc7833;cursor:pointer;transition:transform .12s ease,filter .12s ease}.about-back-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.about-back-btn:active{transform:translateY(1px)}.field,.field-inline{display:grid;gap:8px;margin-bottom:14px}.field input{border:1px solid rgba(148,163,184,.4);border-radius:12px;background:#0f172ab8;color:#f8fafc;padding:10px;font:inherit}.field-inline{align-items:center;grid-template-columns:1fr auto}.score-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;max-height:min(45vh,360px);overflow-y:auto}.score-row,.score-empty{display:grid;grid-template-columns:54px 1fr auto auto;align-items:center;gap:8px;background:#33415580;border-radius:11px;padding:8px 10px}.score-empty{grid-template-columns:1fr;color:#cbd5e1}.position,.level,.points{font-weight:700;color:#e2e8f0}.player{color:#fde68a;font-weight:600}#ui.state-gameplay{pointer-events:none}.logo-screen{width:100%;text-align:center}.game-logo-image{width:min(80vw,420px);max-height:52vh;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(2,6,23,.45))}.game-logo-fallback{display:none;color:#f59e0b;font-size:clamp(2rem,8vw,3.4rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hud-frame{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;padding:12px;overflow:hidden;--level-transition-duration: 3.1s;--lt-gold: #fcd34d;--lt-gold-glow: rgba(252, 211, 77, .72);--lt-dark: rgba(2, 4, 18, .97)}.level-transition-shutter{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;pointer-events:none;z-index:3}.level-shutter-panel{position:absolute;left:0;width:100%}.level-shutter-panel.top{top:0;right:0;bottom:0;left:0;height:100%;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 0%,rgba(2,4,18,0) 35%,rgba(2,4,18,.72) 65%,rgba(2,4,18,.97) 100%);transform:scale(2.8)}.level-shutter-panel.bottom{top:-3px;height:6px;background:linear-gradient(90deg,transparent 0%,rgba(252,211,77,0) 4%,rgba(252,211,77,1) 30%,#fff 50%,rgba(252,211,77,1) 70%,rgba(252,211,77,0) 96%,transparent 100%);box-shadow:0 0 18px 6px #fcd34dcc,0 0 40px 16px #fcd34d59;transform:translateY(-4px);border-radius:0}.hud-frame.hud-level-transition-active .level-transition-shutter{animation:hud-level-shutter-layer var(--level-transition-duration) cubic-bezier(.4,0,.2,1)}.hud-frame.hud-level-transition-active .level-shutter-panel.top{animation:hud-level-vignette var(--level-transition-duration) cubic-bezier(.4,0,.2,1)}.hud-frame.hud-level-transition-active .level-shutter-panel.bottom{animation:hud-level-scanline var(--level-transition-duration) cubic-bezier(.25,.46,.45,.94)}.level-transition-fireworks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:0}.hud-coin-fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;overflow:hidden}.hud-coin-float-label{position:absolute;transform:translate(-50%,-50%);--coin-label-color: #ffd24d;--coin-label-glow: rgba(255, 196, 77, .95);--coin-label-outline: rgba(80, 38, 4, .98);--coin-label-bg: rgba(24, 12, 2, .82);--coin-label-border: rgba(255, 196, 77, .64);color:var(--coin-label-color);font-size:clamp(.84rem,2.6vw,1.06rem);font-weight:900;letter-spacing:.03em;padding:3px 10px;border-radius:999px;border:1px solid var(--coin-label-border);background:var(--coin-label-bg);-webkit-text-stroke:.9px var(--coin-label-outline);paint-order:stroke fill;font-variant-numeric:tabular-nums;text-shadow:0 0 12px var(--coin-label-glow),0 2px 10px rgba(0,0,0,.76),0 0 0 rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #ffffff1f,0 4px 12px #00000073;animation:hud-coin-float-label 1.4s linear forwards;white-space:nowrap}.hud-coin-float-label.critical{color:#fff8d4;text-shadow:0 0 14px rgba(255,245,200,.98),0 0 28px rgba(255,255,255,.45),0 2px 10px rgba(0,0,0,.76)}.hud-coin-fly{position:absolute;--coin-light: #fff7cc;--coin-mid: #fbbf24;--coin-dark: #b45309;--coin-border: rgba(120, 53, 15, .75);--coin-glow: rgba(251, 191, 36, .82);width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,var(--coin-light) 0%,var(--coin-mid) 58%,var(--coin-dark) 100%);border:1px solid var(--coin-border);box-shadow:inset 0 1px 1px #ffffff80,0 0 12px var(--coin-glow);animation:hud-coin-fly-to-gold 1.2s cubic-bezier(.2,.88,.28,1) forwards}.level-transition-firework{position:absolute;width:var(--burst-size, 6px);height:var(--burst-size, 6px);border-radius:999px;background:var(--burst-color, #ffd166);box-shadow:0 0 6px 2px #ffffffe6,0 0 18px 6px var(--burst-color, #ffd166),0 0 32px 10px #fff3;opacity:0}.level-transition-firework.star{border-radius:2px;box-shadow:0 0 0 1px #ffffffe6,0 calc(var(--burst-size, 6px) * -1.6) 0 0 var(--burst-color, #ffd166),0 calc(var(--burst-size, 6px) * 1.6) 0 0 var(--burst-color, #ffd166),calc(var(--burst-size, 6px) * -1.6) 0 0 0 var(--burst-color, #ffd166),calc(var(--burst-size, 6px) * 1.6) 0 0 0 var(--burst-color, #ffd166),0 0 20px 8px #ffffff59}.level-transition-firework.ring{transform-origin:center;border-radius:999px}.hud-frame.hud-level-transition-active .level-transition-fireworks{animation:hud-level-fireworks-layer var(--level-transition-duration) ease-in-out}.hud-frame.hud-level-transition-active .level-transition-firework{animation:hud-level-firework-spark 1.3s cubic-bezier(.16,1,.3,1) forwards}.hud-frame.hud-level-transition-active .level-transition-firework.star{animation:hud-level-firework-star 1.6s cubic-bezier(.16,1,.3,1) forwards}.hud-frame.hud-level-transition-active .level-transition-firework.ring{animation:hud-level-firework-ring .9s cubic-bezier(0,.6,.2,1) forwards}.level-transition-banner{position:absolute;top:11%;left:50%;transform:translate(-50%);display:grid;gap:10px;max-width:min(90vw,520px);width:min(92vw,560px);padding:18px 22px;border-radius:20px;border:1px solid rgba(250,204,21,.9);background:linear-gradient(160deg,#782e08f7,#2a1004fa 60%,#080a1efa);box-shadow:0 0 0 1px #fcd34d40,0 24px 48px #000000b3,0 0 60px #fcd34d2e,inset 0 1px #ffffff1f,inset 0 0 32px #fcd34d12;opacity:0;z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.level-transition-celebration{display:grid;gap:4px;opacity:0}.level-transition-congrats{font-size:clamp(.84rem,2.7vw,1.06rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fef9c3;text-shadow:0 0 12px rgba(253,230,138,.9),0 0 28px rgba(251,191,36,.5),0 2px 6px rgba(0,0,0,.6)}.level-transition-summary{font-size:clamp(.74rem,2.35vw,.9rem);color:#fef3c7d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}.level-transition-copy{display:grid;gap:4px;opacity:0}.level-transition-label{font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fde68abf}.level-transition-divider{height:1px;border-radius:999px;background:linear-gradient(90deg,#facc1500,#facc15e6 40%,#fffffff2,#facc15e6 60%,#facc1500);box-shadow:0 0 10px 2px #fcd34d66}#level-transition-out-title,#level-transition-in-title{display:block;font-size:clamp(.95rem,3.4vw,1.34rem);font-weight:900;line-height:1.18;letter-spacing:.04em;color:#fffdf5;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff14;text-shadow:0 2px 12px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;clip-path:inset(0 100% 0 0)}.level-transition-copy-out #level-transition-out-title{border-color:#fbbf24d9;background:linear-gradient(135deg,#facc1547,#b4530959);box-shadow:inset 0 0 0 1px #fcd34d80,0 0 24px #f59e0b80,0 0 48px #f59e0b33;text-shadow:0 0 16px rgba(252,211,77,.9),0 0 32px rgba(251,191,36,.5),0 2px 8px rgba(0,0,0,.5)}.level-transition-copy-in #level-transition-in-title{border-color:#38bdf8d9;background:linear-gradient(135deg,#38bdf847,#1e40af5c);box-shadow:inset 0 0 0 1px #67e8f98c,0 0 28px #0ea5e999,0 0 54px #0ea5e940;text-shadow:0 0 16px rgba(103,232,249,.95),-3px 0 8px rgba(220,38,38,.55),3px 0 8px rgba(56,189,248,.55),0 2px 8px rgba(0,0,0,.5)}.level-transition-move{font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fde68ae0;opacity:0;text-shadow:0 0 10px rgba(252,211,77,.6)}.hud-frame.hud-level-transition-active .level-transition-banner{animation:hud-level-transition-banner var(--level-transition-duration) cubic-bezier(.16,1,.3,1)}.hud-frame.hud-level-transition-active .level-transition-celebration{animation:hud-level-transition-celebration var(--level-transition-duration) ease-in-out}.hud-frame.hud-level-transition-active .level-transition-copy-out{animation:hud-level-transition-copy-out var(--level-transition-duration) ease-in-out}.hud-frame.hud-level-transition-active .level-transition-copy-in{animation:hud-level-transition-copy-in var(--level-transition-duration) ease-in-out}.hud-frame.hud-level-transition-active .level-transition-copy-out #level-transition-out-title{animation:hud-level-transition-out-title var(--level-transition-duration) ease-in-out,hud-level-clip-out var(--level-transition-duration) cubic-bezier(.16,1,.3,1)}.hud-frame.hud-level-transition-active .level-transition-copy-in #level-transition-in-title{animation:hud-level-transition-in-title var(--level-transition-duration) ease-in-out,hud-level-clip-in var(--level-transition-duration) cubic-bezier(.16,1,.3,1),hud-level-chromatic-in var(--level-transition-duration) ease-out}.hud-frame.hud-level-transition-active .level-transition-move{animation:hud-level-transition-move var(--level-transition-duration) ease-in-out}.demo-badge{align-self:center;border-radius:999px;border:1px solid rgba(252,211,77,.65);background:#78350fb8;padding:6px 14px;color:#fcd34d;font-size:.75rem;font-weight:800;letter-spacing:.08em}.hud-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;overflow:hidden;position:relative;z-index:3}.hud-top>*{min-width:0}.hud-stat{position:relative;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:10px;background:#0f172ab8;border:1px solid rgba(148,163,184,.3);white-space:nowrap;min-width:0;overflow:hidden}.hud-stat-label{font-size:.72rem;color:#d1d5db;white-space:nowrap}.hud-stat strong{color:#fbbf24;font-size:.9rem;white-space:nowrap}.hud-stat-arrows{width:100%;justify-content:center;gap:14px;--hud-arrows-warning-duration: .62s}.hud-stat-arrows:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;opacity:0;pointer-events:none}.hud-arrows-value{display:inline-flex;align-items:center;justify-content:center;min-width:1.6ch}.hud-stat-arrows .hud-stat-label{display:none}.hud-stat-arrows strong{font-size:.9rem}#hud-arrows.hud-arrows-gain{animation:hud-arrows-gain .62s cubic-bezier(.22,.82,.2,1)}.hud-stat-arrows.hud-arrows-burst{animation:hud-arrows-burst .56s ease-out}.hud-stat-arrows.hud-arrows-low:after{animation:hud-arrows-low-warning var(--hud-arrows-warning-duration) steps(1,end) infinite}.hud-stat-arrows.hud-arrows-low .hud-arrows-value{animation:hud-arrows-low-value var(--hud-arrows-warning-duration) steps(1,end) infinite}.hud-stat-arrows.hud-arrows-low #hud-arrows{color:#ffe4e6}.hud-arrows-spark{position:absolute;width:7px;height:7px;border-radius:999px;pointer-events:none;background:radial-gradient(circle,#fef3c7,#facc15 60%,#f59e0b00);box-shadow:0 0 12px #fde68af2;animation-name:hud-arrows-spark;animation-timing-function:ease-out;animation-fill-mode:forwards}.hud-stat-gold.hud-gold-burst{animation:hud-gold-burst .56s ease-out}#hud-gold.hud-gold-gain{animation:hud-gold-gain .68s cubic-bezier(.22,.82,.2,1)}@keyframes hud-arrows-burst{0%{border-color:#94a3b84d;box-shadow:none}35%{border-color:#facc15e6;box-shadow:0 0 0 1px #facc158c,0 0 18px #facc1561}to{border-color:#94a3b84d;box-shadow:none}}@keyframes hud-arrows-gain{0%{transform:scale(1);color:#fbbf24;text-shadow:none}40%{transform:scale(1.42);color:#fde68a;text-shadow:0 0 18px rgba(253,230,138,.95)}75%{transform:scale(1.16);color:#fef08a;text-shadow:0 0 12px rgba(250,204,21,.75)}to{transform:scale(1);color:#fbbf24;text-shadow:none}}@keyframes hud-arrows-low-warning{0%,49%{opacity:0;border:1px solid rgba(239,68,68,0);box-shadow:none}50%,to{opacity:1;border:1px solid rgba(248,113,113,.92);box-shadow:inset 0 0 14px #7f1d1d6b,0 0 0 1px #f871718f,0 0 22px #ef444475}}@keyframes hud-arrows-low-value{0%,49%{opacity:.72;transform:scale(.99);text-shadow:none}50%,to{opacity:1;transform:scale(1.1);text-shadow:0 0 15px rgba(251,113,133,.95)}}@keyframes hud-arrows-spark{0%{transform:translate(0) scale(.95);opacity:.95}to{transform:translate(calc((var(--spark-dx, .5) - .5) * 48px),-36px) scale(.2);opacity:0}}@keyframes hud-coin-float-label{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,calc(-50% - var(--coin-rise, 70px) * .12)) scale(1.03)}55%{opacity:.88;transform:translate(-50%,calc(-50% - var(--coin-rise, 70px) * .62)) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - var(--coin-rise, 70px))) scale(.92)}}@keyframes hud-coin-fly-to-gold{0%{opacity:0;transform:translate(-50%,-50%) scale(.32)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}38%{opacity:1;transform:translate(calc(-50% + var(--coin-drop-x, 0px)),calc(-50% + var(--coin-drop, 44px))) scale(1.03)}74%{opacity:1;transform:translate(calc(-50% + var(--coin-dx, 0px) * .48),calc(-50% + var(--coin-dy, 0px) * .28 - var(--coin-drop, 44px) * .72)) scale(1.04)}to{opacity:0;transform:translate(calc(-50% + var(--coin-dx, 0px)),calc(-50% + var(--coin-dy, 0px))) scale(.42)}}@keyframes hud-gold-burst{0%{border-color:#94a3b84d;box-shadow:none}35%{border-color:#facc15e0;box-shadow:0 0 0 1px #facc1580,0 0 18px #facc1559}to{border-color:#94a3b84d;box-shadow:none}}@keyframes hud-gold-gain{0%{transform:scale(1);color:#fbbf24;text-shadow:none}40%{transform:scale(1.36);color:#fef08a;text-shadow:0 0 16px rgba(253,230,138,.95)}75%{transform:scale(1.12);color:#fde68a;text-shadow:0 0 10px rgba(250,204,21,.72)}to{transform:scale(1);color:#fbbf24;text-shadow:none}}@keyframes hud-level-shutter-layer{0%{opacity:0}10%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes hud-level-vignette{0%{transform:scale(2.8);opacity:0}14%{transform:scale(1);opacity:1}84%{transform:scale(1);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes hud-level-scanline{0%{transform:translateY(-4px);opacity:0}8%{transform:translateY(0);opacity:1}60%{transform:translateY(110vh);opacity:1}80%{transform:translateY(110vh);opacity:0}to{transform:translateY(110vh);opacity:0}}@keyframes hud-level-transition-banner{0%{opacity:0;transform:translate(-50%,-42px) scale(.82)}12%{opacity:1;transform:translate(-50%,4px) scale(1.04)}17%{opacity:1;transform:translate(-50%,-3px) scale(1.01)}22%{opacity:1;transform:translate(-50%,2px) scale(1)}82%{opacity:1;transform:translate(-50%,6px) scale(1)}to{opacity:0;transform:translate(-50%,22px) scale(.94)}}@keyframes hud-level-transition-celebration{0%{opacity:0;transform:translateY(-14px) scale(.88)}14%{opacity:1;transform:translateY(0) scale(1.06)}22%{opacity:1;transform:translateY(0) scale(1)}38%{opacity:1;transform:translateY(0) scale(1)}52%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:0;transform:translateY(10px) scale(.95)}}@keyframes hud-level-transition-copy-out{0%{opacity:0;transform:translateY(-12px)}30%{opacity:1;transform:translateY(0)}52%{opacity:1;transform:translateY(0)}64%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(12px)}}@keyframes hud-level-transition-copy-in{0%{opacity:0;transform:translateY(14px)}54%{opacity:0;transform:translateY(14px)}70%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes hud-level-transition-out-title{0%{opacity:0;transform:translate(-22px) scale(.88);filter:brightness(.8)}30%{opacity:1;transform:translate(0) scale(1.12);filter:brightness(1.28)}50%{opacity:1;transform:translate(0) scale(1.02);filter:brightness(1.06)}62%{opacity:0;transform:translate(22px) scale(.91);filter:brightness(.9)}to{opacity:0;transform:translate(26px) scale(.88);filter:brightness(.88)}}@keyframes hud-level-transition-in-title{0%{opacity:0;transform:translate(-20px) scale(.88);filter:brightness(.8)}54%{opacity:0;transform:translate(-18px) scale(.88);filter:brightness(.8)}70%{opacity:1;transform:translate(0) scale(1.18);filter:brightness(1.32)}86%{opacity:1;transform:translate(0) scale(1.02);filter:brightness(1.06)}to{opacity:0;transform:translate(18px) scale(.93);filter:brightness(.92)}}@keyframes hud-level-clip-out{0%{clip-path:inset(0 100% 0 0)}28%{clip-path:inset(0 0% 0 0)}54%{clip-path:inset(0 0% 0 0)}64%{clip-path:inset(0 0% 0 100%)}to{clip-path:inset(0 0% 0 100%)}}@keyframes hud-level-clip-in{0%{clip-path:inset(0 100% 0 0)}52%{clip-path:inset(0 100% 0 0)}74%{clip-path:inset(0 0% 0 0)}88%{clip-path:inset(0 0% 0 0)}to{clip-path:inset(0 0% 0 100%)}}@keyframes hud-level-chromatic-in{0%{text-shadow:-8px 0 rgba(220,38,38,.9),8px 0 rgba(56,189,248,.9),0 0 16px rgba(103,232,249,.95),0 2px 8px rgba(0,0,0,.5)}52%{text-shadow:-8px 0 rgba(220,38,38,.9),8px 0 rgba(56,189,248,.9),0 0 16px rgba(103,232,249,.95),0 2px 8px rgba(0,0,0,.5)}70%{text-shadow:-3px 0 rgba(220,38,38,.55),3px 0 rgba(56,189,248,.55),0 0 24px rgba(103,232,249,1),0 2px 8px rgba(0,0,0,.5)}84%{text-shadow:0 0 rgba(220,38,38,0),0 0 rgba(56,189,248,0),0 0 16px rgba(103,232,249,.95),0 2px 8px rgba(0,0,0,.5)}to{text-shadow:0 0 rgba(220,38,38,0),0 0 rgba(56,189,248,0),0 0 16px rgba(103,232,249,.95),0 2px 8px rgba(0,0,0,.5)}}@keyframes hud-level-transition-move{0%{opacity:0;transform:translate(-36px);letter-spacing:.04em}62%{opacity:0;transform:translate(-24px)}76%{opacity:1;transform:translate(0);letter-spacing:.12em}90%{opacity:1;transform:translate(10px);letter-spacing:.13em}to{opacity:0;transform:translate(28px);letter-spacing:.14em}}@keyframes hud-level-fireworks-layer{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes hud-level-firework-spark{0%{opacity:0;transform:translate(0) scale(.05)}12%{opacity:1;transform:translate(0) scale(1.1)}60%{opacity:.85}to{opacity:0;transform:translate(var(--burst-x, 0),calc(var(--burst-y, 120px) * -1)) scale(.08)}}@keyframes hud-level-firework-star{0%{opacity:0;transform:translate(0) scale(.05) rotate(0)}10%{opacity:1;transform:translate(0) scale(1.4) rotate(0)}50%{opacity:.9}to{opacity:0;transform:translate(var(--burst-x, 0),calc(var(--burst-y, 100px) * -1)) scale(.1) rotate(90deg)}}@keyframes hud-level-firework-ring{0%{opacity:0;transform:translate(0) scale(.1)}8%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--ring-dx, 0)) translateY(var(--ring-dy, 0)) scale(.05)}}.hud-stat-gold{width:100%;justify-content:center}.hud-stat-gold .hud-stat-label{display:none}.hud-stat-gold strong{font-size:.82rem}.hud-stat-level{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:4px;min-width:0;overflow:hidden}.hud-level-prefix{flex:0 0 auto;font-size:.68rem;color:#d1d5db}#hud-level-name{display:inline-block;flex:1 1 auto;min-width:0;font-size:.72rem;color:#fef3c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-icon-arrow{position:relative;width:28px;height:2px;border-radius:999px;background:linear-gradient(90deg,#f8fafc,#e2e8f0 68%,#cbd5e1);flex:0 0 auto;margin-right:2px}.hud-icon-arrow:before{content:"";position:absolute;left:-8px;top:-3px;width:9px;height:8px;background:linear-gradient(135deg,transparent 45%,#e2e8f0 46%,#e2e8f0 56%,transparent 57%),linear-gradient(45deg,transparent 45%,#cbd5e1 46%,#cbd5e1 56%,transparent 57%)}.hud-icon-arrow:after{content:"";position:absolute;right:-9px;top:-5px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #f59e0b;filter:drop-shadow(0 0 1px rgba(120,53,15,.45))}.hud-icon-gold{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fde68a,#fbbf24 58%,#d97706);border:1px solid rgba(120,53,15,.6);box-shadow:inset 0 1px 1px #ffffff59}.hud-audio-controls{margin-top:8px;display:flex;justify-content:flex-end;gap:8px;position:relative;z-index:3}#btn-hud-music,#btn-hud-sfx{pointer-events:auto}.power-wrapper{position:absolute;left:14px;bottom:84px;width:22px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}.power-label{font-size:.56rem;line-height:1;letter-spacing:.04em;color:#e2e8f0b8;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);-webkit-user-select:none;user-select:none}.power-bar{width:9px;height:132px;border-radius:999px;position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.46);background:#0f172a80;box-shadow:inset 0 0 0 1px #0f172a40,0 0 8px #94a3b833}.power-fill{position:absolute;left:0;bottom:0;width:100%;height:0;background:linear-gradient(180deg,#ef4444,#f59e0b 52%,#22c55e);transition:height .08s linear;border-radius:inherit;min-height:0}.gameover-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;height:100%;min-width:100%;min-height:100%;padding:0;margin:0;overflow:hidden;background:#1a3010}.go-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/apps/games/bowtarget/assets/images/backgrounds/backround_level_1.png);background-size:cover;background-position:center top;z-index:0;filter:blur(2px) brightness(.72);--screen-bg-x: 10px;--screen-bg-y: 6px;--screen-bg-scale: 1.08;animation:background-drift 15s ease-in-out infinite alternate}.go-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000002e,#0000001f 35%,#0000008c 75%,#000000b8);pointer-events:none;z-index:1}.go-art-wrap{position:relative;z-index:2;margin-bottom:20px;transform-origin:50% -20%;animation:go-board-drop .65s cubic-bezier(.22,1.3,.36,1) .05s both}.gameover-art{width:min(96vw,500px);max-height:none;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.9)) drop-shadow(0 6px 14px rgba(0,0,0,.75))}.go-pills{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;width:min(90vw,360px);margin-bottom:22px;animation:go-pills-in .5s cubic-bezier(.16,1,.3,1) .4s both}.go-pill{display:flex;align-items:center;gap:12px;padding:13px 20px;border-radius:999px;border:3px solid #c8890c;box-shadow:0 0 0 1px #ffd25040,0 6px 20px #0009,inset 0 1px #ffdc782e}.go-pill-score{background:linear-gradient(135deg,#5c2e08,#3d1c04 60%,#2a1203)}.go-pill-best{background:linear-gradient(135deg,#0a3a78,#062960 60%,#041a40);border-color:#2563eb;box-shadow:0 0 0 1px #60a5fa40,0 6px 20px #0009,inset 0 1px #93c5fd26}.go-pill-icon{font-size:1.6rem;line-height:1;flex-shrink:0}.go-pill-label{font-size:clamp(.95rem,3.5vw,1.15rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.6);flex:1}.go-pill-value{font-size:clamp(1.5rem,6vw,2rem);font-weight:900;color:#fff;letter-spacing:.02em;text-shadow:0 0 16px rgba(255,220,100,.7),0 2px 6px rgba(0,0,0,.7)}.go-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;animation:go-actions-in .45s ease .65s both}.go-rank-btn{padding:13px 36px;border-radius:999px;border:3px solid #c8890c;background:linear-gradient(135deg,#92400e,#78350f 60%,#451f00);box-shadow:0 0 0 1px #ffd25033,0 6px 20px #0000008c,inset 0 1px #ffdc7833;color:#fde68a;font-size:clamp(.9rem,3vw,1rem);font-weight:900;letter-spacing:.06em;cursor:pointer;width:min(90vw,340px);transition:transform .12s ease,filter .12s ease}.go-rank-btn:active{transform:scale(.96);filter:brightness(.88)}.go-retry-btn{padding:15px 36px;border-radius:999px;border:3px solid #16a34a;background:linear-gradient(135deg,#22c55e,#16a34a 60%,#15803d);box-shadow:0 0 0 1px #86efac40,0 6px 20px #0000008c,inset 0 1px #bbf7d040;color:#fff;font-size:clamp(1rem,3.5vw,1.15rem);font-weight:900;letter-spacing:.04em;cursor:pointer;width:min(90vw,340px);transition:transform .12s ease,filter .12s ease}.go-retry-btn:active{transform:scale(.96);filter:brightness(.9)}.go-menu-link{background:none;border:none;cursor:pointer;color:#fff9;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;padding:4px 8px;transition:color .15s ease}.go-menu-link:hover{color:#ffffffe6}@keyframes go-board-drop{0%{opacity:0;transform:translateY(-90px) rotate(-5deg) scale(.88)}50%{opacity:1;transform:translateY(12px) rotate(1.5deg) scale(1.02)}68%{transform:translateY(-6px) rotate(-.6deg) scale(.99)}82%{transform:translateY(4px) rotate(.3deg) scale(1)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes go-pills-in{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes go-actions-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes go-vignette-pulse{0%{opacity:.6}to{opacity:1}}.top-name-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 15%,rgba(251,191,36,.22),transparent 52%),radial-gradient(circle at 16% 90%,rgba(59,130,246,.16),transparent 54%),#010410d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:top-name-dialog-overlay-in .16s ease-out both}.pwa-install-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:31;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 15%,rgba(56,189,248,.2),transparent 52%),radial-gradient(circle at 16% 90%,rgba(251,191,36,.15),transparent 54%),#010410d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:pwa-install-dialog-overlay-in .16s ease-out both}.pwa-install-dialog{width:min(92vw,436px);border-radius:24px;border:1px solid rgba(125,211,252,.45);background:linear-gradient(145deg,#071221fa,#040d1afa 54%,#020812fa);box-shadow:0 26px 52px #0000009e,0 0 0 1px #7dd3fc1f inset,0 1px #e0f2fe29 inset,0 -1px #07598559 inset;padding:24px 22px 20px;display:flex;flex-direction:column;gap:14px;animation:pwa-install-dialog-in .19s cubic-bezier(.16,1,.3,1) both}.pwa-install-dialog-header{display:flex;flex-direction:column;gap:7px}.pwa-install-dialog-kicker{align-self:flex-start;border:1px solid rgba(125,211,252,.45);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#bae6fd;background:linear-gradient(120deg,#38bdf838,#0ea5e929)}.pwa-install-dialog h2,#pwa-install-dialog-title{margin:0;font-size:clamp(1.12rem,3.4vw,1.44rem);font-weight:900;letter-spacing:.02em;color:#f0f9ff;text-shadow:0 3px 12px rgba(0,0,0,.5),0 0 16px rgba(56,189,248,.2)}.pwa-install-dialog-copy{margin:0;color:#e0f2fee0;font-size:.92rem;line-height:1.42}.pwa-install-dialog-actions{margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pwa-install-dialog-btn{border:0;border-radius:999px;padding:10px 16px;font-size:.86rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .11s ease,filter .11s ease,box-shadow .11s ease}.pwa-install-dialog-btn.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7 55%,#0369a1);color:#f0f9ff;box-shadow:0 10px 18px #0284c759,0 0 0 1px #e0f2fe2e inset}.pwa-install-dialog-btn.secondary{background:linear-gradient(135deg,#475569,#334155 58%,#1e293b);color:#e2e8f0;box-shadow:0 10px 18px #0f172a6b,0 0 0 1px #e2e8f01f inset}.pwa-install-dialog-btn:hover{filter:brightness(1.06)}.pwa-install-dialog-btn:active{transform:scale(.96);filter:brightness(.9)}.top-name-dialog{width:min(92vw,436px);border-radius:24px;border:1px solid rgba(255,214,114,.6);background:linear-gradient(145deg,#23160afa,#140c05fa 54%,#0e0803fa);box-shadow:0 26px 52px #0000009e,0 0 0 1px #ffd6722e inset,0 1px #ffeec138 inset,0 -1px #2d1c0ccc inset;padding:24px 22px 20px;display:flex;flex-direction:column;gap:14px;animation:top-name-dialog-in .19s cubic-bezier(.16,1,.3,1) both}.top-name-dialog-header{display:flex;flex-direction:column;gap:7px}.top-name-dialog-kicker{align-self:flex-start;border:1px solid rgba(255,217,128,.42);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffe5a6;background:linear-gradient(120deg,#ffc83d3d,#ef8c2038)}.top-name-dialog h2,#top-name-dialog-title{margin:0;font-size:clamp(1.12rem,3.4vw,1.44rem);font-weight:900;letter-spacing:.02em;color:#fff5db;text-shadow:0 3px 12px rgba(0,0,0,.5),0 0 16px rgba(251,191,36,.2)}.top-name-dialog-copy{margin:0;color:#ffefc9eb;font-size:.92rem;line-height:1.42}.top-name-dialog-form{display:flex;flex-direction:column;gap:8px}.top-name-dialog-label{font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#ffd989f0}.top-name-dialog-input-wrap{position:relative}.top-name-dialog-input{width:100%;border:1px solid rgba(255,203,90,.58);border-radius:13px;background:linear-gradient(180deg,#070503db,#050402eb);color:#fff8e0;padding:12px 74px 12px 12px;font-size:1rem;font-weight:800;letter-spacing:.02em;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.top-name-dialog-input::placeholder{color:#ffe5b161}.top-name-dialog-input:focus{border-color:#ffe59a;box-shadow:0 0 0 3px #fbbf243d;background:#080603f5}.top-name-dialog-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#ffde96d1}.top-name-dialog-hint{margin:0;font-size:.77rem;color:#ffe0a6b8}.top-name-dialog-error{min-height:1.1em;margin:0;color:#fca5a5;font-size:.8rem;font-weight:700}.top-name-dialog-actions{margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.top-name-dialog-btn{border:0;border-radius:999px;padding:10px 16px;font-size:.86rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .11s ease,filter .11s ease,box-shadow .11s ease}.top-name-dialog-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a 55%,#166534);color:#effff4;box-shadow:0 10px 18px #16a34a59,0 0 0 1px #dcfce733 inset}.top-name-dialog-btn.secondary{background:linear-gradient(135deg,#475569,#334155 58%,#1e293b);color:#e2e8f0;box-shadow:0 10px 18px #0f172a6b,0 0 0 1px #e2e8f01f inset}.top-name-dialog-btn:hover{filter:brightness(1.06)}.top-name-dialog-btn:active{transform:scale(.96);filter:brightness(.9)}@keyframes top-name-dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes top-name-dialog-in{0%{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pwa-install-dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes pwa-install-dialog-in{0%{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}#orientation-blocker{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;align-items:center;justify-content:center;padding:20px;background:#020617ed}.orientation-card{max-width:460px;text-align:center;border:1px solid rgba(148,163,184,.4);border-radius:18px;background:#0f172af5;padding:18px}.orientation-card h2{margin:0 0 6px;color:#f59e0b}.orientation-card p{margin:0;color:#e2e8f0}.orientation-blocked #orientation-blocker{display:flex}.orientation-blocked #ui,.orientation-blocked #game-canvas{filter:blur(2px) brightness(.65);pointer-events:none}@media (max-width: 480px){.hud-frame{padding:10px}.hud-top{gap:3px}.hud-stat{gap:3px;padding:5px 8px}.hud-stat-label{font-size:.58rem}.hud-stat-arrows strong{font-size:.82rem}.hud-stat-arrows{gap:9px}.hud-stat-gold strong{font-size:.72rem}.hud-level-prefix{font-size:.6rem}#hud-level-name{font-size:.64rem}.hud-audio-controls{justify-content:center}.power-wrapper{left:6px;bottom:66px;width:18px}.power-label{font-size:.5rem}.power-bar{width:6px;height:96px}.level-transition-banner{top:14%;gap:7px;padding:10px 12px}.level-transition-congrats{font-size:.74rem}.level-transition-summary{font-size:.65rem}.level-transition-label{font-size:.6rem}#level-transition-out-title,#level-transition-in-title{font-size:.82rem;padding:6px 9px}.level-transition-move{font-size:.6rem}.about-screen{padding:24px 4px 16px;gap:10px}.about-logo-image{width:min(92vw,420px);max-height:170px}.about-copy{gap:10px}.about-line{font-size:.98rem;line-height:1.45}.about-back-btn{width:min(92vw,300px);padding:11px 18px;font-size:1rem}.menu-logo-image{margin-bottom:16px}}