:root{--bg:#ffffff;--bg-subtle:#f7f7f5;--surface:#ffffff;--surface-muted:#eeeeec;--border:#ebebeb;--border-strong:#dcdcdc;--text:#21201f;--text-muted:#6b6a68;--text-faint:#a3a2a0;--brand:#f0431e;--brand-hover:#c03618;--brand-soft:#fcd6ce;--brand-soft-2:#fde8e4;--accent-warm:#ae1319;--success:#22a447;--danger:#d1361f;--radius-sm:8px;--radius:10px;--radius-lg:22px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(33,32,31,.04),0 8px 24px -12px rgba(33,32,31,.12);--fs-2xl:32px;--fs-xl:24px;--fs-lg:18px;--fs-md:16px;--fs-sm:14px;--fs-xs:12px;--font-sans:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--container-max:880px;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light;scrollbar-gutter:stable}html,body{max-width:100vw}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;overflow-x:clip}img,svg{display:block;max-width:100%}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}h1,h2,h3{font-weight:600;text-wrap:balance;letter-spacing:-.015em}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:var(--container-max);margin:0 auto}.stickyBar{position:sticky;top:0;z-index:20;background:#ffffffb8;backdrop-filter:blur(12px) brightness(1.1);-webkit-backdrop-filter:blur(12px) brightness(1.1);border-bottom:1px solid var(--border)}.bar{display:flex;align-items:center;gap:8px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top))}.logo{font-weight:800;font-size:var(--fs-md);letter-spacing:-.03em;flex-shrink:0}.logo span{color:var(--brand)}.barSpacer{flex:1;min-width:0}.devChip{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.devDot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.devChip.on{border-color:var(--brand);color:var(--text)}.devChip.on .devDot{background:var(--success)}#devName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28vw}.devChip .devLabel{display:none}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;flex-shrink:0;transition:background-color .15s,border-color .15s}.btn:hover{background:var(--bg-subtle)}.btn.brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn.brand:active{background:var(--brand-hover)}.btn.wide{width:100%;padding:14px;font-size:var(--fs-md)}main{padding:0 14px 60px}.sectionTitle{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:22px 0 10px}.gauges{display:grid;grid-template-columns:1fr;gap:0;margin-top:16px}.gauge{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:16px 2px;border:none;border-bottom:1px solid var(--border)}.gauge:last-child{border-bottom:none}.gauge .info{display:flex;flex-direction:column;gap:2px;min-width:0}.gauge .lbl{font-size:var(--fs-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.gauge .val{flex-shrink:0;font-size:96px;font-weight:800;font-style:italic;line-height:.9;letter-spacing:.01em}.gauge .val small{font-size:var(--fs-sm);font-weight:700;font-style:normal;color:var(--text-muted);margin-right:4px}.gauge .sub{font-size:var(--fs-xs);font-style:italic;color:var(--text-faint)}.gauge.live .val{color:var(--brand)}@media (min-width:480px){main{padding-left:20px;padding-right:20px}.sectionTitle{margin:26px 0 12px}}@media (min-width:640px){.gauges{grid-template-columns:repeat(2,1fr);column-gap:24px}.gauge .val{font-size:120px}.devChip .devLabel{display:inline}}.debugPanel{display:flex;align-items:center;gap:10px;margin-top:16px}.debugSlider{width:110px;flex-shrink:0}#debugForceVal{flex-shrink:0;min-width:44px;font-weight:700;color:var(--text-muted)}.console{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle)}.hint{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.65}.hint b{color:var(--text)}.scanning{display:flex;align-items:center;gap:9px;font-size:var(--fs-sm);color:var(--text-muted);margin-top:12px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tab{flex-shrink:0;padding:9px 16px;border-radius:var(--radius-pill);background:var(--bg-subtle);font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);transition:background-color .15s,color .15s}.tab.on{background:var(--brand);color:#fff}.leaderMe{font-size:var(--fs-sm);font-weight:700;font-style:italic;color:var(--brand);margin-bottom:10px}.logEmpty{padding:26px;text-align:center;color:var(--text-faint);font-size:var(--fs-sm)}.statusLine{margin-top:22px;font-size:var(--fs-xs);color:var(--text-faint);min-height:1.4em}.statusLine.err{color:var(--danger);font-weight:600}.statusLine.seal{color:var(--accent-warm);font-weight:600}.sheetBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#21201f33;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:sheetFadeIn .2s ease-out;display:none}.sheetBackdrop.open{display:block}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;display:flex;flex-direction:column;max-height:calc(100vh - 64px - env(safe-area-inset-top));max-height:calc(100dvh - 64px - env(safe-area-inset-top));background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -12px 32px -16px #21201f47;animation:sheetSlideUp .25s cubic-bezier(.32,.72,0,1);overscroll-behavior:contain;overflow:hidden}.sheetGrabber{position:sticky;top:0;display:flex;justify-content:center;padding:14px 0 12px;background:var(--bg);z-index:1;flex:0 0 auto;touch-action:none;cursor:grab}.sheetGrabber:active{cursor:grabbing}.sheetGrabberBar{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--border-strong)}.sheetClose{position:absolute;top:8px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-muted);color:var(--text);font-size:18px;line-height:1;z-index:2}.sheetScroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;padding:0 16px calc(20px + env(safe-area-inset-bottom))}.sheetFooter{flex:0 0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-subtle)}.sheetTitle{font-size:var(--fs-xl);font-weight:700;margin-bottom:6px}.sheetLead{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.55;margin-bottom:18px}@keyframes sheetFadeIn{0%{opacity:0}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.sheetBackdrop,.sheet{animation:none}}@media (min-width:640px){.sheetBackdrop.open{display:flex;align-items:center;justify-content:center}.sheet{position:relative;width:560px;max-height:88vh;border-radius:var(--radius-lg);box-shadow:0 24px 60px -20px #21201f59;animation:sheetPopIn .2s ease-out}.sheetGrabber{display:none}.sheetScroll{scrollbar-width:none;-ms-overflow-style:none;padding-top:24px}.sheetScroll::-webkit-scrollbar{display:none}@keyframes sheetPopIn{0%{opacity:0;transform:scale(.97)}}}.stack>*+*{margin-top:14px}.duelDur{display:flex;gap:8px}.duelDurBtn{flex:1;justify-content:center}.duelDurBtn.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft-2)}.duelCodeInput{text-transform:uppercase;letter-spacing:.08em;text-align:center}.duelCode{font-size:52px;font-weight:800;font-style:italic;letter-spacing:.05em;text-align:center;color:var(--brand)}.duelCountdown{font-size:130px;font-weight:800;font-style:italic;line-height:1;text-align:center;color:var(--brand)}.duelScore{display:flex;align-items:center;justify-content:center;gap:16px}.duelSide{flex:1;min-width:0;text-align:center}.duelSide .lbl{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duelSide .val{font-size:56px;font-weight:800;font-style:italic;line-height:1;margin-top:4px}.duelVs{flex-shrink:0;font-size:var(--fs-lg);font-weight:700;font-style:italic;color:var(--text-faint)}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}th{text-align:left;padding:0 8px 10px;font-size:var(--fs-xs);font-weight:600;color:var(--text-faint)}td{padding:11px 8px;border-top:1px solid var(--border)}td.pos{width:34px;font-weight:700;color:var(--text-faint)}td.num{text-align:right;font-weight:700}tr.me td{background:var(--brand-soft-2)}tr.me td.pos,tr.me td.num{color:var(--brand)}input[type=text]{width:100%;padding:14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-family:inherit;font-size:var(--fs-md);color:var(--text)}input[type=text]:focus{outline:none;border-color:var(--brand)}