:root{color-scheme:dark;--bg0: #060916;--bg1: #071a33;--panel: rgba(10, 16, 32, .62);--panel2: rgba(10, 16, 32, .5);--border: rgba(235, 245, 255, .14);--text: rgba(245, 248, 255, .92);--muted: rgba(245, 248, 255, .64);--shadow: rgba(0, 0, 0, .38);--accent: #8bb8ff;--good: #77f3c6;--warn: #ffd36e;--bad: #ff6b86;--radius: 16px;--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 700px at 18% 12%,rgba(139,184,255,.18),transparent 60%),radial-gradient(1100px 800px at 85% 0%,rgba(119,243,198,.12),transparent 56%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow:hidden}.app{position:fixed;inset:0}.scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.hud{position:absolute;top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;width:min(640px,calc(100vw - 12px));max-height:calc(100vh - 12px);border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,var(--panel),var(--panel2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px var(--shadow);-webkit-user-select:none;user-select:none}.btn{appearance:none;border:1px solid rgba(235,245,255,.16);background:#ffffff12;color:var(--text);border-radius:10px;padding:8px 10px;font-weight:900;font-size:11px;line-height:1.1;letter-spacing:-.02em;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{background:#ffffff1a;border-color:#ebf5ff38}.btn:active{transform:translateY(1px)}.btn--primary{background:#8bb8ff29;border-color:#8bb8ff4d}.btn--compact{padding:4px 6px}.board{margin:0;padding:4px;width:100%;display:grid;gap:2px;list-style:none;border-radius:10px;border:1px solid rgba(235,245,255,.12);background:#00000024;overflow:auto}.board li{display:grid;grid-template-columns:auto auto auto;gap:4px;align-items:baseline;font-size:11px;line-height:1.25;white-space:nowrap}.board__team{font-weight:900}.board__rank{color:#f5f8ffc7;font-variant-numeric:tabular-nums}.board__dist{color:var(--muted);font-variant-numeric:tabular-nums;justify-self:end}.toast{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));padding:10px 12px;border-radius:14px;border:1px solid rgba(235,245,255,.12);background:#00000052;color:#f5f8ffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #0006;max-width:min(520px,calc(100vw - 32px));font-size:13px;line-height:1.35;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translateY(0)}.results{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(900px 620px at 18% 12%,rgba(255,211,110,.12),transparent 62%),radial-gradient(900px 700px at 82% 0%,rgba(139,184,255,.12),transparent 58%),#00000085;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.results__panel{width:min(1120px,calc(100vw - 36px));max-height:calc(100vh - 36px);display:grid;grid-template-rows:auto 1fr;gap:14px;padding:18px;border-radius:22px;border:1px solid rgba(235,245,255,.14);background:linear-gradient(180deg,#0a1020e0,#0a1020ad);box-shadow:0 40px 120px #0000008c;overflow:hidden}.results__header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.results__titles{display:grid;gap:4px}.results__title{font-weight:1000;font-size:clamp(32px,5vw,72px);letter-spacing:-.04em;line-height:1.05}.results__meta{color:#f5f8ffad;font-size:clamp(12px,1.6vw,15px);line-height:1.25}.results__actions{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.results__list{margin:0;padding:0 4px 0 0;list-style:none;display:grid;gap:10px;overflow:auto}.results__row{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;border:1px solid rgba(235,245,255,.12);background:#00000024}.results__row--gold{border-color:#ffd36e47;background:linear-gradient(90deg,#ffd36e2e,#0000001f)}.results__row--silver{border-color:#ebf5ff38;background:linear-gradient(90deg,#ebf5ff24,#0000001f)}.results__row--bronze{border-color:#ffa33a3d;background:linear-gradient(90deg,#ffa33a29,#0000001f)}.results__rank{display:grid;place-items:center}.rankchip,.medal{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;font-weight:1000;font-size:22px;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.rankchip{border:1px solid rgba(235,245,255,.16);background:#ffffff0f;color:#f5f8ffeb}.medal{color:#000000d1;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px #ffffff1f,0 14px 28px #00000059}.medal--gold{background:radial-gradient(circle at 28% 26%,#ffffffd9,#ffe191f2 30%,#d49510eb 74%)}.medal--silver{background:radial-gradient(circle at 28% 26%,#ffffffe6,#e8ecf4eb 34%,#929caae6 76%)}.medal--bronze{background:radial-gradient(circle at 28% 26%,#ffffffd9,#ffcbaae6 34%,#a75a2ce6 76%)}.results__main{display:grid;gap:2px}.results__team{font-weight:1000;font-size:clamp(20px,2.9vw,34px);letter-spacing:-.03em;line-height:1.05}.results__sub{color:#f5f8ffa6;font-size:13px;line-height:1.15}.results__right{display:grid;justify-items:end;gap:2px}.results__time{font-weight:1000;font-size:clamp(20px,2.8vw,34px);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.results__gap{color:#f5f8ff9e;font-size:13px;font-variant-numeric:tabular-nums}.camdebug{width:100%;padding:6px;border-radius:12px;border:1px solid rgba(235,245,255,.12);background:#0000001f;display:grid;gap:6px}.camdebug__header{display:flex;align-items:center;justify-content:space-between}.camdebug__title{font-weight:900;font-size:11px;letter-spacing:-.02em;color:#f5f8ffc7}.camdebug__buttons{display:flex;flex-wrap:wrap;gap:4px}.camdebug__help{font-size:10px;line-height:1.25;color:#f5f8ff99}.camdebug__content{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.camdebug__left{display:grid;gap:8px;align-content:start}.camdebug__sticks{display:grid;grid-template-columns:112px 112px;gap:8px;align-items:start}.camdebug__lift{display:flex;flex-wrap:wrap;gap:6px}.joy{width:112px;height:112px;position:relative;border-radius:999px;border:1px solid rgba(235,245,255,.14);background:radial-gradient(circle at 50% 40%,#ffffff0f,#00000024 68%);box-shadow:inset 0 0 0 1px #0003;touch-action:none}.joy:before,.joy:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff14}.joy:before{width:70%;height:1px}.joy:after{width:1px;height:70%}.joy__label{position:absolute;left:50%;top:7px;transform:translate(-50%);font-weight:1000;font-size:10px;letter-spacing:-.02em;color:#f5f8ff8c;pointer-events:none;-webkit-user-select:none;user-select:none}.joy__knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:999px;border:1px solid rgba(139,184,255,.28);background:radial-gradient(circle at 35% 30%,#ffffff38,#8bb8ff2e);box-shadow:0 10px 24px #00000059;transform:translate(-50%,-50%)}.joy--move .joy__knob{border-color:#77f3c647;background:radial-gradient(circle at 35% 30%,#ffffff38,#77f3c629)}.camdebug__sliders{display:grid;gap:6px}.camdebug__slider{display:grid;grid-template-columns:48px 1fr;gap:6px;align-items:center;font-size:10px;color:#f5f8ffb8}.camdebug__slider input[type=range]{width:100%}.camdebug__readout{width:100%;min-height:120px;resize:vertical;padding:8px;border-radius:12px;border:1px solid rgba(235,245,255,.14);background:#00000038;color:#f5f8ffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;line-height:1.35}@media(max-width:420px){.camdebug__content,.camdebug__sticks{grid-template-columns:1fr}.joy{width:100%;max-width:220px;height:auto;aspect-ratio:1;justify-self:start}.results__panel{width:min(1120px,calc(100vw - 18px));max-height:calc(100vh - 18px);padding:14px}.results__row{grid-template-columns:66px 1fr;grid-template-rows:auto auto;align-items:start}.results__rank{grid-row:span 2}.results__right{justify-items:start}}@media(prefers-reduced-motion:reduce){.btn,.toast{transition:none}}
