.player{height:100dvh;padding-top:env(safe-area-inset-top);grid-template-rows:auto auto 1fr;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:10px;min-height:52px;padding:10px 14px;display:flex}.me{flex-direction:column;min-width:0;line-height:1.15;display:flex}.me-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.me-points{color:var(--accent);font-size:.8rem;font-weight:600}.round-label{margin-left:auto;font-size:.85rem;font-weight:600}.topbar .lang-toggle{flex:none}.timer{background:var(--paper-2);height:28px;position:relative;overflow:hidden}.timer-fill{background:color-mix(in srgb, var(--accent) 22%, var(--paper-2));transform-origin:0;transition:transform .2s linear;position:absolute;inset:0}.timer-text{text-align:center;font-size:.9rem;font-weight:700;line-height:28px;display:block;position:relative}.timer.urgent .timer-fill{background:color-mix(in srgb, var(--danger) 35%, var(--paper-2))}.timer.urgent .timer-text{color:var(--danger)}.topbar{grid-row:1}.timer{grid-row:2}.views{grid-row:3;min-height:0;position:relative}.views>[data-view]{height:100%}.join{padding:24px 20px calc(24px + env(safe-area-inset-bottom));place-items:center;display:grid;overflow-y:auto}.join-inner{text-align:center;width:min(380px,100%)}.join-pin{width:44px;color:var(--accent);margin-bottom:8px}.join .title{margin:0 0 6px;font-size:clamp(2rem,9vw,2.6rem)}.join .subtitle{margin:0 0 28px}.join .subtitle:empty{margin-bottom:20px}.join-form{text-align:left;gap:14px;display:grid}.join-form input{padding:.8em .9em;font-size:1.15rem}.join-btn{padding:.85em;font-size:1.1rem}.join-error{color:var(--danger);text-align:center;margin:0;font-weight:600}.center-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;display:flex}.center-view h1{margin:8px 0;font-size:clamp(1.7rem,8vw,2.3rem)}.center-view p{max-width:30ch;margin:4px 0}.pulse-dot{background:var(--accent);border-radius:50%;width:18px;height:18px;margin-bottom:12px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}50%{box-shadow:0 0 0 16px #0000}}.play{grid-template-rows:1fr auto;min-height:0;display:grid}.photo{all:unset;z-index:1000;aspect-ratio:4/3;cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:#1c1a18;border:3px solid #fff;border-radius:12px;width:min(44vw,200px);position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:0 2px 10px #0000004d}.photo:active{transform:scale(.97)}.photo img{object-fit:contain;width:100%;height:100%;display:block}.photo-zoom{color:#fff;background:#0000008c;border-radius:8px;place-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:grid;position:absolute;bottom:5px;right:5px}.map-wrap .leaflet-bar{border:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000040}.map-wrap .leaflet-bar a,.map-wrap .leaflet-touch .leaflet-bar a{width:46px;height:46px;color:var(--ink);font-size:26px;font-weight:400;line-height:46px}.map-wrap{min-height:0;position:relative}#map{position:absolute;inset:0}.action{padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);min-height:76px}.action>div{display:none}.action[data-mode=guess] .action-guess,.action[data-mode=status] .action-status,.action[data-mode=result] .action-result{display:flex}.action-guess{align-items:center;gap:12px}.hint{color:var(--ink-soft);flex:1;margin:0;font-size:.85rem;line-height:1.3}.lock-btn{flex:none;padding:.8em 1.3em;font-size:1.05rem}.action-status,.action-result{text-align:center;flex-direction:column;align-items:center;gap:2px}.status-title{font-size:1.1rem}.result-points{color:var(--accent);font-size:1.7rem}.result-caption{margin-top:2px;font-weight:600}.result-caption:empty{display:none}.standing .rank{color:var(--accent);margin:8px 0 4px;font-size:clamp(4.5rem,26vw,7rem);line-height:1}.standing-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.standing-total{font-weight:600}.rank-change{min-height:1.4em;font-weight:700}.rank-change.up{color:var(--ok)}.rank-change.down{color:var(--danger)}.podium-list{gap:8px;width:min(340px,100%);margin:18px 0 8px;padding:0;list-style:none;display:grid}.podium-list li{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.podium-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.podium-total{color:var(--ink-soft);font-weight:600}.medal{font-size:1.3rem}.lightbox{z-index:5000;cursor:zoom-out;touch-action:pinch-zoom;background:#141210f0;place-items:center;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100vw;max-height:100dvh}.leaflet-control-attribution{font-size:9px}.me{flex-direction:row;align-items:center;gap:8px}.me-avatar{font-size:1.7rem;line-height:1}.me-text{flex-direction:column;min-width:0;display:flex}.avatar-field{gap:.45em;display:grid}.field-label{color:var(--ink-soft);font-size:.875rem;font-weight:600}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.avatar-option{appearance:none;background:var(--card);aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;padding:0;font-size:clamp(18px,5.6vw,26px);line-height:1;transition:transform .1s,background .15s}.avatar-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.08)}.avatar-option:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent)}.lobby-avatar{all:unset;cursor:pointer;justify-items:center;gap:4px;margin-bottom:6px;display:grid}.lobby-avatar-emoji{background:var(--card);border:3px solid var(--accent);width:96px;height:96px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:54px;line-height:1;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop-in;display:grid}.lobby-avatar-change{color:var(--accent);text-underline-offset:3px;font-size:.85rem;font-weight:600;text-decoration:underline}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}}.avatar-sheet{z-index:6000;background:#1e1a1673;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:100%;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;gap:14px;animation:.25s ease-out both sheet-up;display:grid}.sheet-title{text-align:center;margin:0;font-size:1.1rem}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.standing-avatar{margin-top:10px;font-size:3.2rem;line-height:1}.podium-avatar{font-size:1.3rem;line-height:1}