: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}.score-ico{flex:none;display:inline-block;width:24px;height:24px;background:linear-gradient(160deg,#ffe89a,#ffc61a 55%,#e8930d);clip-path:polygon(50% 0%,63% 35%,100% 37%,71% 60%,82% 96%,50% 75%,18% 96%,29% 60%,0% 37%,37% 35%);filter:drop-shadow(0 2px 0 rgba(160,90,0,.5));vertical-align:-5px}.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-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-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#7a8794}.skin-card.is-nudged .skin-tag{color:var(--ink)}.skin-card.is-selected{border-color:var(--grass)}.skin-card.is-selected .skin-tag{color:var(--grass-dark)}.skin-card.is-locked{opacity:.55}.skin-card.is-new{border-color:var(--gold);box-shadow:0 0 0 3px #ffd23f59}.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}.world-tab{display:none;position:absolute;inset:calc(var(--safe-t) + 8px) 12px calc(var(--safe-b) + 86px);flex-direction:column;gap:10px;z-index:5}.menu.is-world .world-tab{display:flex}.menu.is-world .menu-stage,.menu.is-world>.play-btn,.menu.is-world .menu-top{visibility:hidden}.world-stats{display:flex;align-items:stretch;gap:8px}.world-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:16px;background:#ffffffeb;box-shadow:0 4px #0b4a7847}.world-stat b{font-size:20px;line-height:1.1;color:var(--sky-2)}.world-stat small{font-size:11px;font-weight:700;color:#12253a8c}.world-share{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:64px;border:0;border-radius:16px;background:var(--gold);font-family:var(--font);font-weight:800;color:#7a4a00;cursor:pointer;box-shadow:0 4px #c9a12c}.world-share span{font-size:20px;line-height:1}.world-share small{font-size:11px}.world-stage{position:relative;flex:1;min-height:0}.world-globe{display:block;width:100%;height:100%;touch-action:none}.world-hint{position:absolute;left:0;right:0;bottom:2px;margin:0;text-align:center;font-size:12px;font-weight:700;color:#ffffff9e;pointer-events:none}.world-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "bar" "play";align-items:center;gap:8px;padding:12px 14px 20px;border-radius:22px;background:linear-gradient(#fff,#eaf6ff);box-shadow:0 6px #0b4a784d;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out}.world-card.is-open{opacity:1;transform:none;pointer-events:auto}.world-card-top{grid-area:top;min-width:0}.world-card-name{font-size:20px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-card-meta{font-size:12px;font-weight:700;color:#12253a8c}.world-card .country-bar{grid-area:bar;width:100%}.world-card .play-btn{grid-area:play;width:100%;margin:0;padding:12px 18px;font-size:17px;white-space:nowrap}.sheet-inner .play-btn{display:block;width:100%;margin:0}.share-preview{display:block;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto 12px;border-radius:20px;box-shadow:0 6px #0b4a7840}.share-name{display:block;margin-bottom:12px}.share-name input{width:100%;padding:12px 14px;border:3px solid rgba(11,74,120,.15);border-radius:16px;background:#fff;font-family:var(--font);font-size:17px;font-weight:700;color:var(--ink);text-align:center;user-select:text;-webkit-user-select:text}.share-name input:focus{outline:0;border-color:var(--sky-1)}.compare-table{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.compare-row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:12px;padding:10px 14px;border-radius:16px;background:#fff;box-shadow:0 3px #0b4a782e}.compare-row small{font-size:13px;font-weight:700;color:#12253a8c}.compare-row b{min-width:78px;font-size:18px;text-align:right}.compare-row .me{color:var(--sky-2)}.compare-row .them{color:#12253a73}.compare-row.is-winning .me:after{content:" ▲";font-size:12px;color:var(--grass-dark)}.compare-verdict{margin:0 0 12px;text-align:center;font-size:15px;font-weight:700;color:var(--ink)}.compare-gaps{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.compare-gaps>small{font-size:12px;font-weight:700;color:#12253a80}.compare-gap{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:14px;background:#ffffffa6;font-size:14px;font-weight:700}.compare-gap b{color:var(--sky-2);white-space:nowrap}.results-foot{display:flex;gap:8px;justify-content:center}.results-foot .ghost-btn{flex:1;max-width:180px}