:root,[data-theme=dark]{color-scheme:dark;--bg: #0f1124;--card: #1a1d36;--surface-2: #262a4c;--surface-3: #323765;--input-bg: #2c3158;--seg-active: #383e6e;--text: #f2f4fb;--muted: #9aa1c0;--border: rgba(154, 161, 205, .16);--accent: #00a8e8;--accent-strong: #4fc3ff;--accent-soft: rgba(38, 164, 232, .16);--link: #4fc3ff;--green: #22c46e;--green-strong: #43dd8b;--green-soft: rgba(34, 196, 110, .16);--amber: #ffb648;--amber-strong: #ffc56e;--amber-soft: rgba(255, 182, 72, .15);--danger: #ff5c77;--danger-strong: #ff7d92;--danger-soft: rgba(255, 92, 119, .15);--gold: #ffd23f;--gold-strong: #ffdd66;--gold-soft: rgba(255, 210, 63, .14);--on-accent: #ffffff;--nav-bg: rgba(15, 17, 36, .86);--backdrop: rgba(5, 6, 16, .6);--shadow-card: none;--shadow-float: 0 12px 32px rgba(0, 0, 0, .45);--radius: 18px;--radius-sm: 13px;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--nav-height: 64px}[data-theme=light]{color-scheme:light;--bg: #f4f5f9;--card: #ffffff;--surface-2: #eef0f6;--surface-3: #e2e5f0;--input-bg: #ffffff;--seg-active: #ffffff;--text: #1b1d2e;--muted: #686f8c;--border: rgba(27, 29, 46, .1);--accent: #009de0;--accent-strong: #0080c4;--accent-soft: rgba(0, 157, 224, .12);--link: #0084c9;--green: #16a559;--green-strong: #0e8a49;--green-soft: rgba(22, 165, 89, .13);--amber: #ef8d00;--amber-strong: #c26a00;--amber-soft: rgba(239, 141, 0, .13);--danger: #e5325b;--danger-strong: #c81f47;--danger-soft: rgba(229, 50, 91, .12);--gold: #f4c21d;--gold-strong: #8a6d00;--gold-soft: rgba(244, 194, 29, .18);--on-accent: #ffffff;--nav-bg: rgba(255, 255, 255, .92);--backdrop: rgba(20, 22, 40, .45);--shadow-card: 0 1px 3px rgba(18, 25, 64, .05), 0 6px 20px rgba(18, 25, 64, .06);--shadow-float: 0 16px 40px rgba(18, 25, 64, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0;letter-spacing:-.01em}p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#root{max-width:640px;margin:0 auto;min-height:100dvh}.page{padding:16px 16px calc(var(--nav-height) + 24px + env(safe-area-inset-bottom));animation:page-in .32s ease backwards}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-title{font-size:28px;font-weight:800;letter-spacing:-.02em}.page-subtitle{color:var(--muted);font-size:15px;margin-top:3px;margin-bottom:16px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:14px}.card.clickable{transition:transform .15s ease,background-color .15s ease;cursor:pointer}.card.clickable:active{transform:scale(.98);background:var(--surface-2)}.winner-card{background:linear-gradient(140deg,var(--gold-soft),var(--card) 70%);border-color:var(--gold-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 22px;border-radius:999px;border:none;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.01em;cursor:pointer;background:var(--amber-soft);border:1.5px solid var(--amber);color:var(--amber-strong);transition:transform .15s ease,filter .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96);filter:brightness(1.1)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:transparent}.btn.sunny{background:var(--green);color:var(--on-accent);border-color:transparent}.btn.danger{background:var(--danger);color:var(--on-accent);border-color:transparent}.btn.ghost{background:transparent;border:1.5px solid var(--border);color:var(--muted)}.btn.small{min-height:38px;padding:4px 16px;font-size:14px}.btn.block{display:flex;width:100%}.field{display:flex;flex-direction:column;gap:5px}.field label{font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--muted)}.field .hint{font-size:12.5px;color:var(--muted)}.input,select.input,textarea.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);min-height:48px;padding:10px 14px;font-size:16px;outline:none;width:100%;transition:border-color .15s ease,background-color .15s ease}.input::placeholder{color:var(--muted);opacity:.7}textarea.input{resize:vertical;line-height:1.45}.time-input,input.time-input{font-family:var(--font-display);font-weight:700;font-size:24px;text-align:center;letter-spacing:1.5px}.input:focus{border-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;background:var(--surface-2);color:var(--text);padding:9px 15px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.chip:active{transform:scale(.95)}.chip.on{background:var(--accent);color:var(--on-accent)}.chip.static{cursor:default;background:var(--surface-2);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green-strong)}.badge.orange{background:var(--amber-soft);color:var(--amber-strong)}.badge.blue{background:var(--accent-soft);color:var(--accent-strong)}.badge.berry{background:var(--danger-soft);color:var(--danger-strong)}.badge.gold{background:var(--gold-soft);color:var(--gold-strong)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:14px;background:var(--surface-2);color:var(--muted);flex-shrink:0}.rank-badge.rank-1{background:#ffd23f;color:#6e5500}.rank-badge.rank-2{background:#d7dce5;color:#49536b}.rank-badge.rank-3{background:#e8a36c;color:#653a12}.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:640px;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;z-index:50}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:var(--muted);-webkit-tap-highlight-color:transparent;min-width:0;padding:0 2px}.bottom-nav a .nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav a .nav-icon{display:inline-flex;line-height:1;transition:color .2s ease}.bottom-nav a .nav-icon svg{width:22px;height:22px}@media(max-width:400px){.bottom-nav a{font-size:9.5px;letter-spacing:-.01em}.bottom-nav a .nav-icon svg{width:20px;height:20px}}.bottom-nav a:not(.active){opacity:.5}.bottom-nav a.active{color:var(--accent-strong);opacity:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.logo{font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:-.01em;color:var(--text);display:inline-flex;align-items:center;gap:8px}.logo .disc{display:inline-block;border-radius:9px;animation:wobble 4s ease-in-out infinite}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);cursor:pointer;flex-shrink:0}.icon-btn:hover{background:var(--card-hover, var(--border))}.badge svg,.btn svg,.chip svg{flex-shrink:0}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg) translateY(-2px)}}.game-card{position:relative;overflow:hidden;min-height:108px;padding:12px 14px 12px calc(25% + 14px)}.game-thumb{position:absolute;top:0;left:0;height:100%;width:25%;object-fit:cover;background:var(--surface-2)}.game-card h3{font-size:17px;font-weight:700}.author-card{display:flex;align-items:center;gap:16px;padding:16px}.author-photo{flex:none;width:84px;height:84px;border-radius:18px;object-fit:cover;background:var(--surface-2);box-shadow:0 2px 8px #0000001f}.author-card h3{font-size:17px;font-weight:700;margin:2px 0 6px}.author-card .hint{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.author-bio{font-size:13.5px;line-height:1.5;color:var(--muted)}.meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.meta-line{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:4px;margin-top:8px;color:var(--muted);font-size:13.5px;font-weight:600}.meta-line span{display:inline-flex;align-items:center;gap:5px}.meta-line svg{width:14px;height:14px;opacity:.8;flex-shrink:0}.fact-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;color:var(--muted);font-size:14px;font-weight:600}.fact-list span{display:inline-flex;align-items:center;gap:9px}.fact-list svg{width:16px;height:16px;opacity:.8;flex-shrink:0}.stars{color:var(--amber);display:inline-flex;align-items:center;gap:1px;font-size:14px}.hero-img{width:100%;aspect-ratio:8/5;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-card)}.tabs{display:flex;background:var(--surface-2);border-radius:999px;padding:4px;gap:4px}.tabs button{flex:1;border:none;background:transparent;border-radius:999px;min-height:40px;font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--muted);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.tabs button.on{background:var(--seg-active);color:var(--text);box-shadow:0 1px 4px #0a0c1e2e}.lb-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border)}.lb-row:last-child{border-bottom:none}.lb-row .pos{font-size:20px;width:36px;text-align:center;flex-shrink:0}.lb-row .name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .pts{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--accent-strong)}.lb-row.first{background:linear-gradient(90deg,var(--gold-soft),transparent);border-radius:var(--radius-sm)}.code-display{font-family:var(--font-display);font-weight:800;font-size:34px;letter-spacing:8px;text-align:center;background:var(--accent-soft);border-radius:var(--radius);padding:14px;color:var(--accent-strong)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s ease}.dialog{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:18px 16px 16px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;animation:dialog-in .18s cubic-bezier(.2,.9,.3,1.1)}@keyframes dialog-in{0%{transform:scale(.92) translateY(8px);opacity:0}}.dialog h3{font-size:18px}.dialog-message{font-size:14.5px;line-height:1.5;color:var(--muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:100;animation:fade-in .2s ease;display:flex;align-items:flex-end;justify-content:center}@keyframes fade-in{0%{opacity:0}}.sheet{background:var(--bg);width:100%;max-width:640px;max-height:88dvh;overflow-y:auto;border-radius:24px 24px 0 0;border-top:1px solid var(--border);box-shadow:var(--shadow-float);padding:10px 16px calc(20px + env(safe-area-inset-bottom));animation:sheet-up .26s cubic-bezier(.2,.9,.3,1.05)}[data-theme=dark] .sheet{background:var(--card)}[data-theme=dark] .sheet .card{background:var(--surface-2)}@keyframes sheet-up{0%{transform:translateY(40%);opacity:.5}}.sheet-handle{width:44px;height:5px;border-radius:99px;background:var(--surface-3);margin:4px auto 12px}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty .big{margin-bottom:8px;display:flex;justify-content:center;color:var(--accent)}.empty .big svg{width:48px;height:48px}.spinner{width:34px;height:34px;margin:40px auto;border-radius:50%;border:4px solid var(--surface-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--surface-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton.skeleton-thumb{position:absolute;top:0;left:0;height:100%;width:25%;border-radius:0}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}.skeleton{animation:skeleton-pulse 1.6s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}}.error-text{color:var(--danger-strong);font-weight:700;font-size:14px}.success-text{color:var(--green-strong);font-weight:700;font-size:14px}.divider{border:none;border-top:1px solid var(--border);margin:6px 0}.section-title{font-size:19px;margin-top:8px}.prose{line-height:1.55;white-space:pre-wrap}.map-container{height:320px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow:hidden;z-index:0;background:var(--surface-2)}.map-container-sm{height:220px}[data-theme=dark] .map-container .leaflet-tile{filter:invert(1) hue-rotate(190deg) brightness(.92) contrast(.9) saturate(.5)}[data-theme=dark] .leaflet-container{background:var(--surface-2)}[data-theme=dark] .leaflet-control-attribution,[data-theme=dark] .leaflet-bar a{background:var(--card)!important;color:var(--muted)!important;border-color:var(--border)!important}.toggle{position:relative;width:52px;height:30px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-3);border-radius:999px;transition:.2s;cursor:pointer}.toggle .slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #00000040}.toggle input:checked+.slider{background:var(--accent)}.toggle input:checked+.slider:before{transform:translate(22px)}.approval-box{margin:0 12px 12px;padding:12px;background:var(--amber-soft);border:1px solid var(--amber-soft);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:10px}.approval-who{display:flex;align-items:center;gap:6px;font-size:14.5px;color:var(--text)}.approval-who svg{flex-shrink:0;color:var(--amber-strong)}.approval-value{font-family:var(--font-display);font-weight:800;font-size:32px;text-align:center;color:var(--amber-strong);line-height:1.1}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.stagger>*{animation:page-in .35s ease backwards}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}@media(min-width:640px){.page{padding-top:24px}}.counter-others{display:flex;flex-wrap:wrap;gap:8px;max-height:108px;overflow-y:auto;padding:2px}.counter-other{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:72px;flex:1 1 72px;max-width:130px;padding:8px 10px;border-radius:14px;background:var(--card);border:1.5px solid var(--border);color:var(--text);cursor:pointer}.counter-other .name{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter-other .score{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.counter-other.turn{border-color:var(--amber);background:var(--amber-soft)}.counter-other.reached{border-color:var(--green);background:var(--green-soft)}.counter-presets{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 12px 28px #0000002e;overflow:hidden}.counter-preset{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:11px 14px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;font:inherit;color:inherit}.counter-preset:last-child{border-bottom:none}.counter-preset:hover,.counter-preset:focus-visible{background:var(--amber-soft)}.counter-self{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:28px 16px;border-radius:24px;background:var(--card);border:2px solid var(--border);cursor:pointer;text-align:center}.counter-self.turn{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.counter-self.reached{border-color:var(--green)}.counter-self .score{font-size:clamp(64px,26vw,130px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.counter-turn-pill{align-self:center;padding:5px 14px;border-radius:999px;background:var(--amber-soft);color:var(--amber-strong);font-weight:700;font-size:14px}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad-key{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(40px,6.6dvh,58px);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .1s ease,transform .1s ease}.numpad-key:active{background:var(--surface-3);transform:scale(.97)}.numpad-value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.page.counter-live{padding-bottom:calc(var(--nav-height) + 10px + env(safe-area-inset-bottom))}.page.counter-live .counter-self{padding:clamp(6px,1.2dvh,18px) 16px;gap:2px}.page.counter-live .counter-self .score{font-size:clamp(32px,8dvh,72px)}.page.counter-live .counter-others{max-height:clamp(56px,9dvh,92px)}.page.counter-live .counter-other{padding:5px 9px}.page.counter-live .counter-other .score{font-size:19px}.page.counter-live .quick-entry{padding:10px}.page.counter-live .numpad{gap:6px}.counter-qr{display:block;margin:0 auto;border-radius:12px;background:#fff;padding:10px}.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;text-transform:lowercase}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}