:root{--sky-1: #4fc3ff;--sky-2: #0b7fe0;--ink: #12253a;--paper: #ffffff;--grass: #5ed94c;--grass-dark: #3aa92c;--gold: #ffd23f;--font: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--sky-2);font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}.screen{position:absolute;inset:0;display:flex;flex-direction:column}.menu{background:radial-gradient(120% 90% at 50% 0%,var(--sky-1) 0%,var(--sky-2) 100%);padding:calc(var(--safe-t) + 14px) 16px calc(var(--safe-b) + 10px);align-items:center;gap:12px}.menu-top{display:flex;align-items:center;width:100%;gap:10px}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 18px 7px 8px;border-radius:999px;background:#1b3fa8;color:#fff;font-weight:800;font-size:18px;box-shadow:inset 0 -3px #00000040}.pill-icon,.chip-icon{font-size:22px;line-height:1}.coin-ico{flex:none;display:inline-block;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffe89a,#ffc61a 45%,#e8930d);border:2px solid #b96c06;box-shadow:inset 0 -2px #a05a0073;vertical-align:-5px}.coin-ico.sm{width:14px;height:14px;border-width:1.5px;margin-right:4px;vertical-align:-2px}.icon-btn,.arrow-btn{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;text-align:center;font-family:var(--font)}.arrow-btn{padding-bottom:2px}.icon-btn{padding-top:4px}.icon-btn{width:46px;height:46px;border:0;border-radius:50%;background:#ffffffeb;font-size:22px;cursor:pointer;box-shadow:0 4px #0b4a7859}.icon-btn:active{transform:translateY(2px);box-shadow:0 2px #0b4a7859}.menu-stage{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}.country-badge{display:flex;flex-direction:column;align-items:center;gap:6px}.country-name{font-size:clamp(26px,7vw,38px);font-weight:800;color:#fff;text-shadow:0 3px 0 rgba(11,74,120,.45);letter-spacing:.5px}.country-bar{position:relative;width:min(74vw,320px);height:44px;border-radius:999px;background:#2b3a9e;border:4px solid #fff;box-shadow:0 5px #0b4a784d;overflow:visible;display:flex;align-items:center}.country-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px 0 0 999px;background:linear-gradient(#6a7280,#454b57);transition:width .35s ease,border-radius .2s ease}.country-bar-fill.is-full{border-radius:999px}.country-bar-label{position:relative;width:100%;text-align:center;font-size:22px;font-weight:800;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.35)}.country-flag{position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:30px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.art-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.country-art{width:min(94vw,480px);height:min(40vh,320px);max-height:42vh}.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;background:#ffffffe6;color:var(--sky-2);font-size:34px;font-weight:800;cursor:pointer;box-shadow:0 4px #0b4a7859;z-index:2}.arrow-btn:first-child{left:2px}.arrow-btn:last-child{right:2px}.play-btn{width:min(78vw,340px);padding:18px 0;border:0;border-radius:22px;background:linear-gradient(var(--grass),var(--grass-dark));color:#fff;font-family:var(--font);font-size:30px;font-weight:800;letter-spacing:1px;cursor:pointer;box-shadow:inset 0 -6px #0000002e,0 7px #2b8420,0 12px 18px #00000040;text-shadow:0 2px 0 rgba(0,0,0,.2)}.play-btn:active{transform:translateY(4px);box-shadow:inset 0 -4px #0000002e,0 3px #2b8420}.menu-nav{display:flex;gap:24px;padding-top:4px}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:78px;padding:8px 0;border:0;border-radius:16px;background:#ffffffe6;font-family:var(--font);font-weight:800;color:var(--sky-2);cursor:pointer;box-shadow:0 4px #0b4a784d}.nav-btn span{font-size:24px;line-height:1}.nav-btn small{font-size:12px}.nav-btn.is-active{background:var(--gold);color:#7a4a00}.sheet{position:fixed;inset:0;z-index:20;display:none;align-items:flex-end;background:#0828468c;backdrop-filter:blur(3px)}.sheet.is-open{display:flex}.sheet-inner{width:100%;max-height:78vh;overflow-y:auto;padding:16px 16px calc(var(--safe-b) + 20px);background:linear-gradient(#f3fbff,#dcefff);border-radius:26px 26px 0 0;animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(24px);opacity:.4}}.sheet.shake .sheet-inner{animation:shake .35s}@keyframes shake{25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.sheet-head{display:flex;align-items:center;margin-bottom:12px}.sheet-head h2{flex:1;margin:0;font-size:26px;color:var(--sky-2)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.skin-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;border:3px solid transparent;border-radius:18px;background:#fff;font-family:var(--font);cursor:pointer;box-shadow:0 3px #0b4a7833}.skin-card canvas{width:66px;height:66px}.skin-name{font-size:12px;font-weight:800;color:var(--ink)}.skin-price{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#7a8794}.skin-card.is-selected{border-color:var(--grass)}.skin-card.is-selected .skin-price{color:var(--grass-dark)}.skin-card.is-locked{opacity:.55}.settings-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;font-size:18px;font-weight:700}.settings-row span{flex:1}.settings-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:52px;height:30px;border-radius:999px;background:#c6d3dd;position:relative;transition:background .18s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 2px 3px #00000040}.settings-row input:checked~.switch{background:var(--grass)}.settings-row input:checked~.switch:after{transform:translate(22px)}.danger-btn,.ghost-btn{width:100%;padding:14px;border:0;border-radius:16px;background:#ffffffd9;font-family:var(--font);font-size:16px;font-weight:800;color:#d0363a;cursor:pointer}.ghost-btn{color:var(--sky-2);background:#ffffffbf}.danger-btn+.danger-btn{margin-top:8px}.danger-btn.is-armed{background:#d0363a;color:#fff}.settings-note{margin:10px 2px 0;font-size:12px;line-height:1.4;color:#12253a9e}.game{background:#37dcf0}.stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;padding:calc(var(--safe-t) + 10px) 12px calc(var(--safe-b) + 10px)}.hud-top{display:flex;justify-content:center}.progress{position:relative;width:min(86vw,520px);height:34px;border-radius:999px;background:#2f2f8f;border:3px solid #fff;box-shadow:0 3px 6px #0003;overflow:visible}.progress-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(#b9c2cf,#8b95a5);transition:width .2s linear}.progress-label{position:absolute;inset:0;display:flex;align-items:center;padding-left:12px;font-size:19px;font-weight:800;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.45)}.best-mark{position:absolute;top:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.best-mark i{width:0;height:0;border:7px solid transparent;border-bottom-color:var(--gold);margin-top:-1px}.best-mark span{font-size:12px;font-weight:800;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.35)}.hud-left{position:absolute;left:12px;top:calc(var(--safe-t) + 60px);display:flex;flex-direction:column;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-width:108px;padding:6px 16px 6px 8px;border-radius:999px;background:#fffffff2;font-size:20px;font-weight:800;box-shadow:0 3px 5px #0000002e}.hud-right{position:absolute;right:0;top:calc(var(--safe-t) + 58px);display:flex;flex-direction:column;gap:8px;align-items:flex-end}.lb-row{display:flex;align-items:center}.lb-badge{width:34px;height:34px;border-radius:50%;border:3px solid #fff;display:grid;place-items:center;font-size:15px;font-weight:800;color:var(--ink);z-index:2;box-shadow:0 2px 4px #00000040}.lb-bar{min-width:118px;margin-left:-12px;padding:5px 12px 5px 20px;border-radius:0 6px 6px 0;display:flex;justify-content:flex-end}.lb-pct{font-size:19px;font-weight:800;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.4)}.lb-self .lb-badge{color:#7a4a00}.minimap{position:absolute;left:10px;bottom:calc(var(--safe-b) + 12px);width:min(34vw,170px);height:min(24vw,120px);filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));opacity:.92}.results{align-items:center;justify-content:center;background:#08284699;backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease;z-index:30;pointer-events:auto}.results.is-in{opacity:1}.results-card{width:min(88vw,400px);padding:20px;border-radius:28px;background:linear-gradient(#f6fcff,#d9eeff);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 16px 40px #00000059;transform:translateY(12px);transition:transform .25s ease}.results.is-in .results-card{transform:none}.results-title{margin:0;font-size:34px;color:var(--sky-2);text-shadow:0 3px 0 rgba(11,74,120,.18)}.results-card.is-win .results-title{color:#e8a400}.results-art{width:260px;height:170px}.results-headline{display:flex;flex-direction:column;align-items:center}.results-headline b{font-size:40px;line-height:1;color:var(--ink)}.results-headline small{font-size:15px;color:#5b7286;font-weight:700}.results-stats{display:flex;gap:10px;width:100%}.stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:16px;background:#ffffffd9}.stat span{font-size:20px;line-height:1.1}.stat b{font-size:20px}.stat small{font-size:11px;color:#6b8296;font-weight:700;text-transform:uppercase}