.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop-orb{opacity:.5;will-change:transform;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.backdrop-orb--1{background:radial-gradient(circle,#0b5cff47,#0000 65%);animation:22s ease-in-out infinite alternate orb-drift-1;top:-25vmax;left:-20vmax}.backdrop-orb--2{background:radial-gradient(circle,#cdf23e38,#0000 65%);animation:26s ease-in-out infinite alternate orb-drift-2;bottom:-30vmax;right:-25vmax}.backdrop-orb--3{background:radial-gradient(circle,#021d4840,#0000 65%);width:40vmax;height:40vmax;animation:30s ease-in-out infinite alternate orb-drift-3;top:30%;left:40%}.backdrop-lines{background-image:linear-gradient(var(--grid-line) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--grid-line) 1.5px, transparent 1.5px);background-size:120px 120px;animation:40s linear infinite lines-drift;position:absolute;inset:-120px;-webkit-mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%)}.backdrop-ball{background:radial-gradient(circle at 35% 30%, #efffa6, var(--ball) 55%, #9cc212);opacity:.55;border-radius:50%;width:12px;height:12px;animation:18s linear infinite ball-rise;position:absolute;bottom:-30px}.backdrop-ball--0{animation-delay:0s;left:8%}.backdrop-ball--1{width:8px;height:8px;animation-duration:22s;animation-delay:-6s;left:30%}.backdrop-ball--2{animation-duration:20s;animation-delay:-12s;left:55%}.backdrop-ball--3{width:9px;height:9px;animation-duration:24s;animation-delay:-3s;left:78%}.backdrop-ball--4{width:7px;height:7px;animation-delay:-15s;left:92%}@keyframes orb-drift-1{to{transform:translate(18vmax,14vmax)scale(1.15)}}@keyframes orb-drift-2{to{transform:translate(-16vmax,-12vmax)scale(1.2)}}@keyframes orb-drift-3{to{transform:translate(-20vmax,10vmax)scale(.85)}}@keyframes lines-drift{to{transform:translate(120px,120px)}}@keyframes ball-rise{0%{opacity:0;transform:translate(0)}10%{opacity:.55}50%{transform:translate(30px,-55vh)}90%{opacity:.4}to{opacity:0;transform:translate(-20px,-110vh)}}.brand-mark{background:var(--navy);border-radius:12px;flex-shrink:0;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 14px -4px #021d4899,inset 0 0 0 1px #ffffff1a}.brand-mark img{width:100%;height:100%;display:block}.brand-mark:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:5s ease-in-out 2s infinite brand-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes brand-shine{0%,75%{transform:translate(-120%)}to{transform:translate(120%)}}.nav{display:flex}.nav-tab{color:var(--muted);transition:color .2s var(--ease);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.nav-tab>:not(.nav-pill){position:relative}.nav-tab:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.nav-pill{border-radius:inherit;position:absolute}.nav-icon{place-items:center;display:inline-grid}.nav--top{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;gap:2px;padding:4px;display:none}.nav--top .nav-tab{border-radius:999px;gap:7px;height:40px;padding:0 16px;font-size:.95rem}.nav--top .nav-tab--active{color:var(--brand-ink)}.nav--top .nav-pill{background:var(--brand);inset:0;box-shadow:0 4px 12px -4px #0b5cff99}.nav--bottom{z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.6)blur(14px);justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.nav--bottom .nav-tab{border-radius:16px;flex-direction:column;flex:1;gap:3px;max-width:140px;height:56px;font-size:.75rem}.nav--bottom .nav-tab--active{color:var(--brand)}.nav--bottom .nav-pill{background:var(--brand-soft);inset:2px 10px}@media (width>=640px){.nav--top{display:flex}.nav--bottom{display:none}}.topbar{z-index:20;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.6)blur(14px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.brand{min-width:0;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand svg{flex-shrink:0}.brand-name{font:800 1.35rem/1 var(--font-display);letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.scroll-progress{background:linear-gradient(90deg, var(--ball), var(--brand));transform-origin:0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.status{background:var(--surface-2);height:36px;box-shadow:inset 0 0 0 1px var(--border);color:var(--muted);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.status-dot{background:var(--faint);border-radius:50%;width:9px;height:9px}.status--live{color:var(--up)}.status--live .status-dot{background:var(--up);animation:2s ease-out infinite status-pulse}.status--connecting .status-dot{background:var(--gold)}.status--offline{color:var(--down)}.status--offline .status-dot{background:var(--down)}@keyframes status-pulse{0%{box-shadow:0 0 #10b98199}70%,to{box-shadow:0 0 0 8px #10b98100}}@media (width>=640px) and (width<=819px){.brand-name{display:none}}.intro{z-index:100;background:radial-gradient(80% 60% at 50% 40%, #0a3a8c 0%, var(--navy) 60%, #010f28 100%);color:#fff;text-align:center;cursor:pointer;perspective:600px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.intro-glow{background:radial-gradient(circle,#cdf23e59,#0b5cff33 45%,#0000 70%);border-radius:50%;width:360px;height:360px;margin:-240px 0 0 -180px;animation:1.6s ease-in-out infinite intro-glow-pulse;position:absolute;top:50%;left:50%}.intro-ring{border:3px solid var(--ball);border-radius:50%;width:220px;height:220px;margin:-170px 0 0 -110px;position:absolute;top:50%;left:50%}.intro-helmet{filter:drop-shadow(0 0 24px #cdf23e73);width:min(42vw,170px);height:auto;position:relative}.intro-title{font:800 clamp(2.2rem, 10vw, 3.6rem)/1 var(--font-display);letter-spacing:.04em;margin:18px 0 0;position:relative}.intro-tagline{color:var(--ball);font:700 clamp(.85rem, 3.8vw, 1.15rem)/1 var(--font-display);letter-spacing:.42em;margin:4px 0 0;position:relative}.intro-letter{transform-origin:50% 100%;display:inline-block}.intro-skip{bottom:calc(28px + env(safe-area-inset-bottom));letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:600;position:absolute}@keyframes intro-glow-pulse{50%{opacity:.8;transform:scale(1.08)}}.avatar{object-fit:cover;color:#fff;width:44px;height:44px;font:800 1.05rem/1 var(--font-display);letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff2e, var(--shadow-sm);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.avatar--sm{border-radius:12px;width:40px;height:40px;font-size:.95rem}.avatar--lg{border-radius:18px;width:56px;height:56px;font-size:1.35rem}@media (width>=640px){.avatar--md{border-radius:16px;width:52px;height:52px;font-size:1.25rem}}.result-banner-region{z-index:45;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;top:74px;left:0;right:0}.result-banner{background:radial-gradient(120% 120% at 0% 0%, #0b5cff80, transparent 60%), var(--navy);color:#fff;width:100%;max-width:480px;font:inherit;text-align:left;cursor:pointer;pointer-events:auto;perspective:400px;border:1.5px solid #cdf23e99;border-radius:20px;flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 44px -16px #0009,0 0 0 4px #cdf23e1f}.result-banner-label{color:var(--ball);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:inline-flex}.result-banner-body{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.rb-team{opacity:.7;align-items:center;gap:8px;min-width:0;font-size:.88rem;font-weight:650;line-height:1.2;display:flex}.rb-team--right{text-align:right;justify-content:flex-end}.rb-team--won{opacity:1;font-weight:800}.rb-score{background:var(--ball);color:var(--ball-ink);font:800 1.6rem/1 var(--font-display);font-variant-numeric:tabular-nums;border-radius:12px;padding:6px 12px;display:inline-block}.rb-levelup{color:var(--ball);background:#cdf23e2e;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.rb-timer{background:var(--ball);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0}.info-grid{perspective:900px;grid-template-columns:1fr;gap:12px;display:grid}.info-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);color:inherit;transform-origin:50% 0;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.info-label{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:inline-flex}.info-when{background:radial-gradient(100% 120% at 100% 0%, #cdf23e2e, transparent 55%), var(--surface)}.info-date{font:800 1.7rem/1.05 var(--font-display);text-transform:uppercase;margin-top:4px}.info-time{color:var(--muted);font:700 1.2rem/1.2 var(--font-display);letter-spacing:.04em}.countdown{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:12px;display:grid}.countdown-box{background:var(--navy);color:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:8px 0 6px;display:flex;box-shadow:inset 0 -3px #00000040}.countdown-value{height:1.9rem;font:800 1.9rem/1 var(--font-display);font-variant-numeric:tabular-nums;display:block;position:relative;overflow:hidden}.countdown-value span{display:block}.countdown-unit{color:var(--ball);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:800}.info-live{background:var(--ball);color:var(--ball-ink);border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-weight:800;animation:1.6s ease-in-out infinite live-bump;display:inline-flex}.info-live-dot{background:#e11d48;border-radius:50%;width:9px;height:9px;animation:1.4s ease-out infinite status-pulse}.info-finished{color:var(--muted);margin-top:10px;font-weight:700}.info-action{background:var(--brand-soft);width:100%;min-height:48px;color:var(--brand);transition:transform .15s var(--ease);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-weight:800;text-decoration:none;display:inline-flex}.info-action:active{transform:scale(.97)}.info-where{cursor:pointer}.info-where:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.info-venue{font:800 1.45rem/1.1 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere}.info-address{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}.info-action--map{background:var(--brand);color:#fff;box-shadow:0 10px 20px -10px #0b5cffcc}.info-action--map svg{animation:2s ease-in-out infinite nav-nudge}.mini-map{width:100%;height:auto;margin-bottom:10px;overflow:visible}.map-bg{fill:var(--map-bg)}.map-block{fill:var(--map-block)}.map-park{fill:#16a34a38}.map-road{fill:none;stroke:var(--map-road);stroke-width:9px;stroke-linecap:round}.map-road--minor{stroke-width:5px}.map-route{fill:none;stroke:var(--brand);stroke-width:3.5px;stroke-dasharray:6 7;stroke-linecap:round;animation:1s linear infinite route-march}.map-you{fill:var(--brand);stroke:#fff;stroke-width:3px}.map-pin{fill:#e11d48;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 4px 4px #0000004d)}.map-pin-dot{fill:#fff}.map-pin-wrap g{animation:2.4s ease-in-out 1.6s infinite pin-bob}.map-ripple{fill:none;stroke:#e11d48;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:2s ease-out 1s infinite pin-ripple}.map-ripple--2{animation-delay:2s}@keyframes route-march{to{stroke-dashoffset:-26px}}@keyframes pin-ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(4.5)}}@keyframes pin-bob{50%{translate:0 -4px}}@keyframes nav-nudge{50%{transform:translate(2px,-2px)rotate(8deg)}}@keyframes live-bump{50%{transform:scale(1.05)}}@media (width>=640px){.info-grid{grid-template-columns:1fr 1fr}.info-grid--single{grid-template-columns:1fr}.info-card{padding:20px}}.info-panel{flex-direction:column;gap:14px;display:flex}.info-fieldset{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;margin:0;padding:16px;display:flex}.info-fieldset legend{color:var(--brand);font:800 1.2rem/1 var(--font-display);text-transform:uppercase;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.info-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info-fieldset .sheet-label{align-items:center;gap:4px;display:inline-flex}.info-fieldset input[type=date],.info-fieldset input[type=time]{min-width:0;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.info-fieldset input[type=date],.info-fieldset input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial}}.info-nextday{color:var(--brand);align-items:center;gap:6px;margin:-2px 2px 0;font-size:.85rem;font-weight:700;display:inline-flex}.info-help{color:var(--muted);margin:-4px 2px 0;font-size:.85rem}.info-locate{width:100%}.info-locating{animation:1s linear infinite locating-spin}.info-preview{border:2px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:14px;display:flex}.info-preview-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:inline-flex}.info-preview .info-card{pointer-events:none}@keyframes locating-spin{to{transform:rotate(360deg)}}.board-skeleton{flex-direction:column;gap:10px;display:flex}.skeleton-card{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);height:82px;box-shadow:inset 0 0 0 1.5px var(--border);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton}.board-offline{border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;display:flex}.board-offline strong{color:var(--text);font-size:1.1rem}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.move{min-width:34px;height:20px;font:700 .78rem/1 var(--font-body);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:1px;padding:0 6px 0 3px;display:inline-flex}.move--up{background:var(--up-bg);color:var(--up);animation:move-pop .6s var(--ease) both, move-up-nudge 2.4s ease-in-out .6s infinite}.move--down{background:var(--down-bg);color:var(--down);animation:move-pop .6s var(--ease) both, move-down-nudge 2.4s ease-in-out .6s infinite}@keyframes move-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes move-up-nudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-3px)}}@keyframes move-down-nudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(3px)}}.move--same{color:var(--faint);padding:0}.rank-wrap{display:inline-grid;position:relative}.rank{border:1.5px solid var(--border);background:var(--surface-2);width:40px;height:40px;color:var(--muted);font:800 1.3rem/1 var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.rank--tier-1,.rank--tier-2,.rank--tier-3{box-shadow:inset 0 -3px 0 #00000024, 0 4px 10px -3px var(--rank-glow);border:none}.rank--tier-1{--rank-glow:#e9a700b3;background:radial-gradient(circle at 32% 26%, #fff6c4 0%, var(--gold-2) 38%, var(--gold) 100%);color:#5b3d00}.rank--tier-2{--rank-glow:#788aa499;background:radial-gradient(circle at 32% 26%, #fff 0%, var(--silver-2) 40%, var(--silver) 100%);color:#2a3444}.rank--tier-3{--rank-glow:#c26a2c99;background:radial-gradient(circle at 32% 26%, #ffe3c9 0%, var(--bronze-2) 40%, var(--bronze) 100%);color:#4a2204}.rank--tier-1:after{content:"";animation:rank-shine 5s var(--ease) 1.2s infinite;background:linear-gradient(115deg,#0000 35%,#ffffffbf 50%,#0000 65%);position:absolute;inset:-20%;transform:translate(-120%)}.rank-crown{z-index:1;color:var(--gold);fill:var(--gold-2);filter:drop-shadow(0 1px 1px #0003);animation:.7s cubic-bezier(.3,1.6,.5,1) both crown-drop,2.8s ease-in-out .7s infinite crown-bob;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-12deg)}@keyframes crown-drop{0%{opacity:0;transform:translate(-50%,-24px)rotate(-40deg)}}@keyframes crown-bob{50%{transform:translate(-50%,-3px)rotate(-4deg)}}@keyframes rank-shine{0%,70%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@media (width>=640px){.rank{width:46px;height:46px;font-size:1.5rem}}.card{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);color:inherit;font:inherit;text-align:left;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 14px 10px;display:grid;position:relative}.card--tier-1{background:linear-gradient(120deg, var(--gold-tint) 0%, var(--surface) 75%) padding-box, conic-gradient(from var(--spin), var(--gold-2), #fff6c4, var(--gold), var(--ball), var(--gold-2)) border-box;box-shadow:0 14px 32px -18px #e9a700bf, var(--shadow-sm);border-color:#0000;animation:4s linear infinite leader-border,2.6s ease-in-out infinite leader-glow}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes leader-border{to{--spin:360deg}}@keyframes leader-glow{50%{box-shadow:0 16px 40px -14px #e9a700f2, var(--shadow-sm)}}.card--tier-2{border-color:var(--silver-border);background:linear-gradient(120deg, var(--silver-tint) 0%, var(--surface) 75%)}.card--tier-3{border-color:var(--bronze-border);background:linear-gradient(120deg, var(--bronze-tint) 0%, var(--surface) 75%)}.card--tier-1:before,.card--tier-2:before,.card--tier-3:before{content:"";background:var(--accent-bar);border-radius:0 4px 4px 0;width:4px;position:absolute;top:12px;bottom:12px;left:-1.5px}.card--tier-1:before{--accent-bar:linear-gradient(var(--gold-2), var(--gold))}.card--tier-2:before{--accent-bar:linear-gradient(var(--silver-2), var(--silver))}.card--tier-3:before{--accent-bar:linear-gradient(var(--bronze-2), var(--bronze))}.card-rank{flex-direction:column;align-items:center;gap:6px;width:44px;display:flex}.card-info{flex-direction:column;gap:3px;min-width:0;display:flex}.card-name{font:700 1.05rem/1.2 var(--font-body);letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-players{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem;line-height:1.3}.card-stats{color:var(--faint);font-size:.78rem;font-weight:700}.card-amp{color:var(--faint)}.card-score{flex-direction:column;align-items:flex-end;min-width:48px;display:flex}.score{font:800 2.1rem/.95 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;display:inline-block}.card--tier-1 .score{color:var(--gold-ink)}.score-unit{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.card--editable{cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:auto auto minmax(0,1fr) auto auto}@media (width<=419px){.card--editable{grid-template-columns:auto auto minmax(0,1fr) auto}.card-edit{display:none!important}}.card-edit{background:var(--brand-soft);width:32px;height:32px;color:var(--brand);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.card--editable:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}}.card--editable:active{transform:scale(.985)}.card--editable:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.card--fresh{z-index:2}.card-flash{border-radius:inherit;pointer-events:none;animation:card-flash 1.6s var(--ease) forwards;position:absolute;inset:-1.5px}.score--pop{animation:score-pop .7s var(--ease)}@keyframes card-flash{0%{box-shadow:0 0 0 0 var(--ball), inset 0 0 0 2px var(--ball);background:#cdf23e47}35%{box-shadow:0 0 0 6px #cdf23e73, inset 0 0 0 2px var(--ball)}to{background:0 0;box-shadow:0 0 0 12px #cdf23e00,inset 0 0 0 2px #0000}}@keyframes score-pop{0%{transform:scale(1)}30%{color:var(--brand);transform:scale(1.35)}to{transform:scale(1)}}@media (width>=640px){.card{gap:16px;padding:16px 22px 16px 14px}.card-rank{width:50px}.card-name{font-size:1.2rem}.card-players{font-size:.95rem}.score{font-size:2.7rem}}.board{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.board-item{scroll-margin:90px 0 24px;position:relative}.board-empty{border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center;flex-direction:column;gap:4px;padding:40px 20px;display:flex}.board-empty strong{color:var(--text);font-size:1.1rem}@media (width>=640px){.board{gap:12px}}.pin{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;margin:32px auto 0;padding:32px 24px 28px;display:flex}.pin-emblem{animation:4s ease-in-out infinite pin-float;display:inline-block;position:relative}.pin-emblem img{border-radius:24px;display:block;box-shadow:0 14px 30px -10px #021d48b3,0 0 0 6px #cdf23e26}.pin-lock{border:3px solid var(--surface);background:var(--ball);width:34px;height:34px;color:var(--ball-ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-8px;right:-8px}@keyframes pin-float{50%{transform:translateY(-6px)}}.pin-title{font:800 2rem/1 var(--font-display);text-transform:uppercase;margin:16px 0 4px}.pin-text{color:var(--muted);margin:0 0 20px}.pin-input{border:2px solid var(--border);background:var(--surface-2);width:100%;height:64px;color:var(--text);font:800 2rem/1 var(--font-display);letter-spacing:.4em;text-align:center;border-radius:18px}.pin-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.pin-input--error{border-color:var(--down);animation:pin-shake .4s var(--ease)}.pin-error{color:var(--down);margin:8px 0 0;font-size:.9rem;font-weight:600}.pin-submit{width:100%;margin-top:16px}.pin-back{min-height:44px;color:var(--muted);align-items:center;margin-top:8px;font-size:.9rem;font-weight:600;display:inline-flex}@keyframes pin-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);background:#040e2480;position:fixed;inset:0}.sheet-wrap{z-index:51;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:520px;max-height:94dvh;padding:8px 20px calc(20px + env(safe-area-inset-bottom));background:var(--surface);pointer-events:auto;border-radius:26px 26px 0 0;overflow-y:auto;box-shadow:0 -12px 40px -12px #00000059}.sheet-grabber{background:var(--border);border-radius:999px;width:44px;height:5px;margin:0 auto 14px;display:block}.sheet-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.sheet-team{flex:1;min-width:0}.sheet-title{font:800 1.6rem/1.05 var(--font-display);letter-spacing:.01em;overflow-wrap:anywhere;margin:0}.sheet-players{color:var(--muted);margin:3px 0 0;font-size:.92rem}.sheet-label{letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;font-weight:800;display:block}.sheet-label span{color:var(--muted);letter-spacing:0;text-transform:none;font-weight:600}.sheet-error{background:var(--down-bg);color:var(--down);border-radius:12px;margin:14px 0 0;padding:10px 14px;font-size:.9rem;font-weight:600}.sheet-actions{grid-template-columns:1fr 2fr;gap:10px;margin-top:18px;display:grid}.sheet-secondary{order:-1}.icon-btn{background:var(--surface-2);width:44px;height:44px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}@media (width>=640px){.sheet-wrap{align-items:center;padding:24px}.sheet{box-shadow:var(--shadow-lg);border-radius:26px;padding:26px 28px 28px}.sheet-grabber{display:none}}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.result-side{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.result-name{overflow-wrap:anywhere;min-height:2.4em;font-weight:750;line-height:1.2}.result-stepper{flex-direction:column;gap:6px;width:100%;max-width:140px;display:flex}.result-btn{background:var(--brand-soft);height:52px;color:var(--brand);cursor:pointer;transition:transform .12s var(--ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;place-items:center;display:grid}.result-btn:active:not(:disabled){transform:scale(.94)}.result-btn:disabled{opacity:.4;cursor:default}.result-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.result-input{border:2px solid var(--border);background:var(--surface-2);width:100%;height:76px;color:var(--text);font:800 3.2rem/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;border-radius:18px}.result-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.result-preview{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.result-presets{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.result-swap{color:var(--brand);place-items:center;display:grid}.match{border:1.5px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;text-align:left;border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.match-side{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;transition:opacity .2s;display:flex}.match-side--right{flex-direction:column-reverse}.match-side--lost{opacity:.55}.match-side--won .match-name{font-weight:800}.match-name{overflow-wrap:break-word;min-width:0;font-size:.9rem;font-weight:650;line-height:1.2}.match-score{background:var(--surface-2);min-width:64px;height:40px;font:800 1.5rem/1 var(--font-display);font-variant-numeric:tabular-nums;perspective:300px;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.match-score-inner{align-items:center;gap:6px;display:inline-flex}.match-vs{animation:2s ease-in-out infinite vs-pulse}@keyframes vs-pulse{50%{opacity:.45;transform:scale(.92)}}.match-action--add{animation:2.2s ease-in-out infinite add-glow}@keyframes add-glow{50%{box-shadow:0 0 0 4px #0b5cff40}}.match-score--final{color:#fff;background:#0b1a30;box-shadow:inset 0 0 0 1px #ffffff1f}.match-score .is-win{color:var(--ball)}.match-dash{opacity:.5}.match-vs{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.match--editable{cursor:pointer;transition:transform .15s var(--ease), border-color .15s;-webkit-tap-highlight-color:transparent}.match--editable:active{transform:scale(.985)}.match--editable:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (hover:hover){.match--editable:hover{border-color:var(--brand)}}.match-action{background:var(--surface-2);height:40px;color:var(--muted);border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.match-action--add{background:var(--brand);color:var(--brand-ink)}@media (width>=640px){.match-side{text-align:left;flex-direction:row;gap:10px}.match-side--right{text-align:right;flex-direction:row;justify-content:flex-end}.match{gap:14px;padding:14px 16px}.match-name{font-size:1rem}.match-score{min-width:78px;height:44px;font-size:1.7rem}}.schedule{flex-direction:column;gap:14px;display:flex}.schedule-empty{border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center;padding:28px 20px}.cycle-progress{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:14px 16px}.cycle-progress-text{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.cycle-progress-text strong{font:800 1.35rem/1 var(--font-display);text-transform:uppercase}.cycle-progress-text span{color:var(--muted);font-size:.85rem;font-weight:600}.cycle-bar{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.cycle-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--court-2));height:100%;display:block}.rounds{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.round{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);padding:14px}.round--now{background:linear-gradient(var(--surface), var(--surface)) padding-box, conic-gradient(from var(--spin-now), var(--brand), var(--ball), var(--court-2), var(--brand)) border-box;border-color:#0000;animation:3.5s linear infinite now-border,2.4s ease-in-out infinite now-glow;box-shadow:0 14px 32px -20px #0b5cffb3}@property --spin-now{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes now-border{to{--spin-now:360deg}}@keyframes now-glow{50%{box-shadow:0 18px 40px -16px #0b5cffe6}}.round--done{opacity:.92}.round-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.round-title{font:800 1.3rem/1 var(--font-display);text-transform:uppercase;margin:0}.round-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:.75rem;font-weight:800;display:inline-flex}.round-chip--now{background:var(--ball);color:var(--ball-ink)}.round-chip--done{background:var(--up-bg);color:var(--up)}.round-chip--upcoming{background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}.round-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite round-pulse}.round-matches{flex-direction:column;gap:8px;display:flex}.round-rest{color:var(--muted);align-items:center;gap:6px;margin:10px 2px 0;font-size:.85rem;font-weight:600;display:flex}.schedule-repeat{color:var(--muted);align-items:center;gap:8px;margin:0;padding:0 4px;font-size:.85rem;display:flex}.schedule-repeat svg{flex-shrink:0}.cycle-done{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface)}.cycle-done summary{min-height:52px;color:var(--up);cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-weight:700;list-style:none;display:flex}.cycle-done summary::-webkit-details-marker{display:none}.cycle-chevron{color:var(--faint);transition:transform .2s var(--ease);margin-left:auto}.cycle-done[open] .cycle-chevron{transform:rotate(180deg)}.cycle-done .rounds{padding:0 12px 12px}@keyframes round-pulse{50%{opacity:.35}}.stepper{grid-template-columns:64px minmax(0,1fr) 64px;gap:10px;display:grid}.stepper-btn{background:var(--brand-soft);height:76px;color:var(--brand);cursor:pointer;transition:transform .12s var(--ease), background .15s;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;place-items:center;display:grid}.stepper-btn:active:not(:disabled){transform:scale(.94)}.stepper-btn:disabled{opacity:.4;cursor:default}.stepper-input{border:2px solid var(--border);background:var(--surface-2);width:100%;min-width:0;height:76px;color:var(--text);font:800 3.2rem/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;border-radius:20px;transition:border-color .15s,box-shadow .15s}.stepper-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.stepper-input--invalid,.stepper-input--invalid:focus{border-color:var(--down)}.quick{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;margin-top:12px;display:grid}.quick-chip{border:1.5px solid var(--border);background:var(--surface);height:46px;color:var(--text);font:800 1.2rem/1 var(--font-display);cursor:pointer;transition:transform .12s var(--ease), border-color .15s;-webkit-tap-highlight-color:transparent;border-radius:14px}.quick-chip:active{border-color:var(--brand);transform:scale(.95)}.preview{background:var(--surface-2);border-radius:14px;align-items:center;gap:8px;min-height:52px;margin-top:16px;padding:10px 14px;display:flex}.preview-label{color:var(--muted);margin-right:auto;font-size:.85rem;font-weight:700}.preview-rank{font:800 1.4rem/1 var(--font-display);color:var(--muted)}.preview-rank--new{color:var(--text)}.preview-arrow{color:var(--faint)}.preview-error{color:var(--down);font-size:.9rem;font-weight:600}.team-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;min-width:0;display:flex}.field--wide{grid-column:1/-1}.field-input{border:2px solid var(--border);background:var(--surface-2);width:100%;min-width:0;height:54px;color:var(--text);border-radius:16px;padding:0 14px;font-size:1.05rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.field-input::placeholder{color:var(--faint);font-weight:500}.field-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.swatches{border:none;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;display:flex}.swatches legend{padding:0}.swatch{color:#fff;cursor:pointer;width:44px;height:44px;transition:transform .12s var(--ease);-webkit-tap-highlight-color:transparent;border:3px solid #0000;border-radius:14px;place-items:center;display:grid}.swatch--active{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.swatch:active{transform:scale(.92)}.swatch:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.team-actions{grid-template-columns:1fr 1fr}.team-actions .btn{white-space:nowrap;padding:0 12px}.team-added{background:var(--up-bg);color:var(--up);border-radius:12px;align-items:center;gap:8px;margin:-8px 0 16px;padding:10px 14px;font-size:.9rem;font-weight:700;display:flex}.team-added svg{flex-shrink:0}.teams-add{width:100%;min-height:58px;margin-top:4px;font-size:1.05rem}.teams-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.team-row{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:64px;box-shadow:var(--shadow-sm);color:inherit;text-align:left;cursor:pointer;transition:transform .15s var(--ease), border-color .15s;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:10px 12px;display:flex}.team-row:active{transform:scale(.985)}.team-row:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (hover:hover){.team-row:hover{border-color:var(--brand)}}.team-row-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.team-row-text strong{overflow-wrap:anywhere;font-size:1rem}.team-row-text span{color:var(--muted);font-size:.85rem}.team-row-score{color:var(--muted);font:700 1.05rem/1 var(--font-display);text-transform:uppercase;flex-shrink:0}.team-row-chevron{color:var(--faint);flex-shrink:0}.teams-empty{border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center;padding:28px 20px}.toast-region{right:0;bottom:calc(12px + var(--bottom-nav));z-index:60;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;left:0}.toast{background:var(--toast-bg);color:#fff;pointer-events:auto;border-radius:18px;align-items:center;gap:12px;width:100%;max-width:460px;padding:12px 12px 12px 16px;display:flex;box-shadow:0 18px 40px -12px #00000073}.toast-icon{color:var(--ball);flex-shrink:0}.toast--error .toast-icon{color:#fb7185}.toast-text{flex-direction:column;flex:1;min-width:0;font-size:.9rem;line-height:1.3;display:flex}.toast-text strong{overflow-wrap:anywhere}.toast-text span{color:#ffffffb3}.toast-undo{height:44px;color:var(--ball);font:inherit;cursor:pointer;background:#ffffff1f;border:none;border-radius:12px;flex-shrink:0;padding:0 16px;font-weight:800}.desk{border-radius:var(--radius-lg);background:radial-gradient(90% 120% at 100% 0%, #cdf23e47, transparent 60%), var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:20px;display:flex}.desk-eyebrow{background:var(--ball);color:var(--ball-ink);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}.desk-title{font:800 2.2rem/1 var(--font-display);text-transform:uppercase;margin:10px 0 4px}.desk-hint{color:var(--muted);margin:0}.desk-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.segment{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;display:grid}.segment-btn{height:48px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.segment-btn>:not(.segment-pill){position:relative}.segment-btn--active{color:var(--text)}.segment-pill{border-radius:inherit;background:var(--surface);box-shadow:var(--shadow);position:absolute;inset:0}.segment-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.admin-empty{border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center;padding:28px 20px}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.danger{border:1.5px dashed var(--border);border-radius:var(--radius);padding:18px 20px 20px}.danger-title{align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.danger-text{color:var(--muted);margin:6px 0 14px;font-size:.9rem}.danger-actions{gap:10px;display:grid}@media (width>=640px){.desk{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:26px 28px}.desk-actions{grid-auto-flow:column;min-width:240px}.danger-actions{grid-auto-flow:column;justify-content:start}}.admin-note{color:var(--muted);margin:-4px 2px 12px;font-size:.9rem}@media (width<=479px){.segment-btn{flex-direction:column;gap:2px;height:56px;font-size:.78rem}}.rally{pointer-events:none;position:absolute;inset:0}.rally>span{will-change:transform;position:absolute;top:0;left:0}.rally-player{width:0;height:0}.rally-body{background:#ffffff2e;border:2px solid #ffffffd9;border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 6px #0000004d}.rally-player--right .rally-body{background:#cdf23e33;border-color:#cdf23ee6}.rally-racket{transform-origin:0;width:16px;height:6px;position:absolute;top:-3px;left:4px}.rally-player--right .rally-racket{left:-4px;transform:scaleX(-1)}.rally-racket:before{content:"";background:#ffffffbf;border-radius:2px;width:7px;height:2px;position:absolute;top:2px;left:0}.rally-racket:after{content:"";background:#ffffffd9;border-radius:50% 50% 45% 45%;width:10px;height:10px;position:absolute;top:-2px;left:6px}.rally-player--right .rally-racket:after{background:#cdf23ee6}.rally-ball{width:0;height:0}.rally-ball:before{content:"";background:radial-gradient(circle at 35% 30%, #f4ffc2, var(--ball) 55%, #9cc212);border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px;box-shadow:0 0 10px #cdf23ed9}.rally-shadow:before{content:"";filter:blur(1.5px);background:#000000e6;border-radius:50%;width:12px;height:8px;position:absolute;top:-4px;left:-6px}.rally-ring,.rally-glass{opacity:0}.rally-ring:before{content:"";border:2px solid var(--ball);border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:-8px}.rally-glass:before{content:"";background:#fff;border-radius:4px;width:4px;height:36px;position:absolute;top:-18px;left:-2px;box-shadow:0 0 14px #fff}@media (width>=640px){.rally-body{width:20px;height:20px;top:-10px;left:-10px}.rally-ball:before{width:14px;height:14px;top:-7px;left:-7px}}.hero{isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(90% 80% at 85% 20%, #0b5cff8c, transparent 60%), linear-gradient(135deg, var(--court-1) 0%, var(--navy-2) 55%, var(--court-2) 100%);min-height:190px;box-shadow:var(--shadow-lg);color:#fff;perspective:800px;align-items:center;padding:26px 22px 24px;display:flex;position:relative;overflow:hidden}.hero-shine{z-index:3;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff24 50%,#0000 65%);animation:6s ease-in-out 1.6s infinite hero-shine;position:absolute;inset:0;transform:translate(-100%)}.hero-court{z-index:-1;position:absolute;inset:12px}.court-line{background:#fff3;position:absolute}.line-top,.line-bottom,.line-center{transform-origin:0;height:2px}.line-left,.line-right,.line-service-l,.line-service-r,.line-net{transform-origin:top;width:2px}.line-top{top:0;left:0;right:0}.line-bottom{bottom:0;left:0;right:0}.line-left{top:0;bottom:0;left:0}.line-right{top:0;bottom:0;right:0}.line-service-l{top:0;bottom:0;left:30.5%}.line-service-r{top:0;bottom:0;left:69.5%}.line-center{top:50%;left:30.5%;right:30.5%}.line-net{background:repeating-linear-gradient(#ffffff73 0 4px,#0000 4px 8px);width:3px;top:-12px;bottom:-12px;left:50%}.hero-emblem{z-index:0;width:150px;height:150px;transform-style:preserve-3d;place-items:center;margin-top:-75px;display:grid;position:absolute;top:50%;right:6px}.hero-helmet{filter:drop-shadow(0 8px 18px #00000059)drop-shadow(0 0 14px #cdf23e59);width:78px;height:auto;animation:4.5s ease-in-out infinite helmet-float;position:relative}.hero-glow{background:radial-gradient(circle,#cdf23e59,#0b5cff40 45%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite glow-pulse;position:absolute;inset:12%}.hero-ring{border:2px dashed #cdf23e8c;border-radius:50%;animation:18s linear infinite ring-spin;position:absolute;inset:6%}.hero-content{z-index:1;flex-direction:column;align-items:flex-start;max-width:calc(100% - 120px);display:flex;position:relative}.hero-title{font:800 clamp(2.7rem, 13vw, 4.8rem)/.9 var(--font-display);text-shadow:0 4px 18px #000a2873;text-transform:uppercase;flex-wrap:wrap;column-gap:.25em;margin:0;display:flex}.hero-word{padding-bottom:.04em;display:inline-flex;overflow:hidden}.hero-letter{transform-origin:0 100%;display:inline-block}.hero-tagline{background:linear-gradient(90deg, var(--ball), #fff 40%, var(--ball) 60%, #fff);color:#0000;font:700 .95rem/1.2 var(--font-display);letter-spacing:.2em;text-transform:uppercase;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;margin:10px 0 0;animation:4s linear infinite tagline-shimmer}.hero-map-link{z-index:4;border-radius:inherit;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.hero-map-link:focus-visible{outline:3px solid var(--ball);outline-offset:-3px}.hero-map-pin{-webkit-backdrop-filter:blur(6px);height:32px;color:var(--ball);letter-spacing:.04em;background:#021d488c;border-radius:999px;align-items:center;gap:5px;padding:0 12px 0 10px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:inset 0 0 0 1.5px #cdf23e99}.hero-map-pin:before{content:"";border-radius:inherit;animation:2.4s ease-out 1.8s infinite map-pin-pulse;position:absolute;inset:0;box-shadow:0 0 #cdf23e8c}.hero-map-pin svg{animation:2.4s ease-in-out 1.8s infinite map-pin-bob}@media (hover:hover){.hero-map-link:hover .hero-map-pin{background:var(--ball);color:var(--ball-ink)}.hero:has(.hero-map-link:hover) .court-line{background:#cdf23e73}}@keyframes map-pin-pulse{0%{box-shadow:0 0 #cdf23e8c}70%,to{box-shadow:0 0 0 10px #cdf23e00}}@keyframes map-pin-bob{0%,60%,to{transform:translateY(0)}75%{transform:translateY(-3px)}}@keyframes hero-shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes helmet-float{50%{transform:translateY(-8px)rotate(-2deg)}}@keyframes glow-pulse{50%{opacity:.7;transform:scale(1.15)}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes tagline-shimmer{to{background-position:-250% 0}}@media (width>=640px){.hero{min-height:240px;padding:36px 40px 32px}.hero-emblem{width:220px;height:220px;margin-top:-110px;right:36px}.hero-helmet{width:118px}.hero-content{max-width:calc(100% - 240px)}.hero-tagline{letter-spacing:.32em;font-size:1.15rem}}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.stat{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);grid-template-areas:"icon""value""label";justify-items:start;gap:2px;padding:12px;display:grid}.stat-icon{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:10px;grid-area:icon;place-items:center;margin-bottom:6px;display:grid}.stat-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;grid-area:label;font-size:.72rem;font-weight:700}.stat-value{max-width:100%;font:800 1.45rem/1.05 var(--font-display);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;grid-area:value;margin:0;overflow:hidden}@media (width>=640px){.stats{gap:12px}.stat{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon value""icon label";column-gap:12px;padding:14px 16px}.stat-icon{border-radius:12px;width:42px;height:42px;margin:0}.stat-value{font-size:1.7rem}}.lguide{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:14px;display:flex}.lguide-scale{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.lguide-band{background:linear-gradient(180deg, var(--band), color-mix(in srgb, var(--band) 70%, #000));box-shadow:0 6px 14px -8px var(--band);color:#fff;transform-origin:bottom;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;display:flex}.lguide-band strong{font:800 1.35rem/1 var(--font-display)}.lguide-band span{opacity:.9;font-size:.66rem;font-weight:700}.lguide-text{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}.lguide-text svg{color:var(--up);vertical-align:-3px;margin-right:6px}.lguide-text b{color:var(--text)}.level{border:1.5px solid color-mix(in srgb, var(--band) 55%, transparent);background:color-mix(in srgb, var(--band) 14%, var(--surface));font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;display:inline-flex}.level-letter{background:var(--band);min-width:28px;height:28px;box-shadow:0 3px 8px -2px color-mix(in srgb, var(--band) 70%, transparent);color:#fff;font:800 1rem/1 var(--font-display);border-radius:999px;place-items:center;padding:0 5px;display:grid}.level-number{color:var(--text);font:800 1.25rem/1 var(--font-display)}.level--sm .level-letter{min-width:22px;height:22px;font-size:.85rem}.level--sm .level-number{font-size:1rem}.pcard{border:1.5px solid var(--border);border-radius:var(--radius);background:linear-gradient(100deg, color-mix(in srgb, var(--band) 10%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 14px 12px;display:grid;position:relative}.pcard:before{content:"";background:var(--band);border-radius:0 4px 4px 0;width:4px;position:absolute;top:12px;bottom:12px;left:-1.5px}.pcard--tier-1{border-color:var(--gold-border);box-shadow:0 14px 32px -18px #e9a700b3, var(--shadow-sm)}.pcard-avatar{width:44px;height:44px;box-shadow:inset 0 0 0 2px #ffffff40, var(--shadow-sm);color:#fff;font:800 1.3rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.pcard-info{flex-direction:column;gap:3px;min-width:0;display:flex}.pcard-name{overflow-wrap:anywhere;font-size:1.05rem;font-weight:800;line-height:1.15}.pcard-meta{color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.25}.pcard-progress{background:var(--surface-2);border-radius:999px;height:6px;margin-top:4px;display:block;position:relative;overflow:hidden}.pcard-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--band) 60%, #fff), var(--band));transform-origin:0;position:absolute;inset:0}.pcard-progress:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:3.2s ease-in-out 1s infinite progress-glint;position:absolute;inset:0;transform:translate(-100%)}.pcard-next{color:var(--faint);font-size:.7rem;font-weight:700}.pcard-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pcard-points{color:var(--muted);font:800 .95rem/1 var(--font-display);text-transform:uppercase}@keyframes progress-glint{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width>=640px){.pcard{gap:16px;padding:16px 20px 16px 14px}.pcard-avatar{width:52px;height:52px;font-size:1.5rem}.pcard-name{font-size:1.2rem}.pcard-meta{font-size:.9rem}}.psort{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);border-radius:18px;grid-template-columns:1fr 1fr;gap:4px;padding:5px;display:grid}.psort-btn{height:44px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:14px;font-weight:700;position:relative}.psort-btn>span:not(.psort-pill){position:relative}.psort-btn--active{color:var(--text)}.psort-pill{border-radius:inherit;background:var(--surface);box-shadow:var(--shadow);position:absolute;inset:0}.psort-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}:root{--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--bg:#eef3fa;--surface:#fff;--surface-2:#f3f6fb;--border:#dde5f0;--text:#0b1a30;--muted:#5a6a82;--faint:#9aa8bb;--topbar-bg:#ffffffd1;--toast-bg:#0b1a30;--grid-line:#021d480f;--map-bg:#e6eef8;--map-block:#d3deec;--map-road:#fff;--navy:#021d48;--navy-2:#06327a;--brand:#0b5cff;--brand-ink:#fff;--brand-soft:#e3ecff;--court-1:#021d48;--court-2:#0b4fd6;--ball:#cdf23e;--ball-ink:#243000;--up:#0a8f5f;--up-bg:#d9f6e8;--down:#e11d48;--down-bg:#ffe4ea;--gold:#e9a700;--gold-2:#ffd34d;--gold-ink:#8a5a00;--gold-tint:#fff5d1;--gold-border:#f1d27a;--silver:#8492a8;--silver-2:#d5dde8;--silver-tint:#eef2f8;--silver-border:#cbd5e3;--bronze:#c26a2c;--bronze-2:#f0a86e;--bronze-tint:#fdeee2;--bronze-border:#edc39f;--radius-lg:24px;--radius:18px;--shadow-sm:0 1px 2px #0b1a300d, 0 2px 6px #0b1a300a;--shadow:0 10px 24px -12px #0b1a3033, 0 2px 6px #0b1a300d;--shadow-lg:0 24px 50px -22px #0a3cb48c;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#030b1c;--surface:#0f1b2e;--surface-2:#15233a;--border:#22324c;--text:#eaf1fb;--muted:#93a3ba;--faint:#5c6d86;--topbar-bg:#07101fcc;--toast-bg:#1c2d49;--grid-line:#ffffff09;--map-bg:#0b1a33;--map-block:#13284a;--map-road:#2a4470;--brand:#3d7fff;--brand-soft:#3d7fff29;--court-1:#021d48;--court-2:#0a45c0;--up:#34d399;--up-bg:#34d39924;--down:#fb7185;--down-bg:#fb718524;--gold-ink:#ffd34d;--gold-tint:#e9a70029;--gold-border:#e9a70080;--silver-tint:#a0b0c81f;--silver-border:#a0b0c866;--bronze-tint:#c26a2c29;--bronze-border:#c26a2c80;--shadow-sm:0 1px 2px #0000004d;--shadow:0 12px 28px -14px #0009;--shadow-lg:0 24px 50px -22px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}button,input{font:inherit}.app{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.container{width:min(100% - 32px,780px);margin-inline:auto}.main{flex:1;padding:16px 0 40px}.page{flex-direction:column;gap:16px;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:10px 2px 12px;display:flex}.section-title{font:800 1.6rem/1 var(--font-display);letter-spacing:.01em;text-transform:uppercase;animation:title-in .5s var(--ease) both;margin:0;padding-bottom:6px;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--ball), var(--brand));transform-origin:0;width:42px;height:4px;animation:underline-in .7s var(--ease) .2s both;border-radius:4px;position:absolute;bottom:0;left:0}.section-meta{animation:title-in .5s var(--ease) .1s both}@keyframes title-in{0%{opacity:0;transform:translate(-12px)}}@keyframes underline-in{0%{transform:scaleX(0)}}.section-meta{color:var(--muted);font-size:.85rem;font-weight:600}:root{--bottom-nav:calc(69px + env(safe-area-inset-bottom))}.footer{padding:8px 0 calc(24px + var(--bottom-nav));color:var(--faint);letter-spacing:.04em;text-align:center;justify-content:center;align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:flex}.footer-logo{opacity:.8;border-radius:8px}.btn{cursor:pointer;min-height:52px;transition:transform .12s var(--ease), background .15s, box-shadow .15s, opacity .15s;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:1rem;font-weight:700;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.icon-btn:focus-visible,.stepper-btn:focus-visible,.quick-chip:focus-visible,.toast-undo:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.btn--primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 8px 18px -8px #0b5cffb3}.btn--soft{background:var(--brand-soft);color:var(--brand)}.btn--ghost{border-color:var(--border);background:var(--surface);color:var(--text)}.btn--danger{border-color:var(--down-bg);background:var(--down-bg);color:var(--down)}@media (width>=640px){:root{--bottom-nav:env(safe-area-inset-bottom)}.main{padding-top:24px}.page{gap:20px}.section-title{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}