:root{--accent: #2ee6d6;--ink: #eaf3f6;--muted: #8aa0ab;--glass: rgba(12, 18, 26, .58);--stroke: rgba(255, 255, 255, .09);--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--font: ui-sans-serif, -apple-system, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05060d;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 8%,transparent 42%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(0,0,0,.35),transparent 22%,transparent 72%,rgba(0,0,0,.5));z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.brand{position:fixed;top:22px;left:24px;z-index:3;display:flex;align-items:center;gap:12px;pointer-events:none}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:26px}.brand-mark span{width:5px;border-radius:1.5px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:bars 3.6s ease-in-out infinite}.brand-mark span:nth-child(1){height:40%;animation-delay:0s}.brand-mark span:nth-child(2){height:100%;animation-delay:.25s}.brand-mark span:nth-child(3){height:66%;animation-delay:.5s}.brand-mark span:nth-child(4){height:28%;animation-delay:.75s}@keyframes bars{0%,to{transform:scaleY(1);opacity:.85}50%{transform:scaleY(.55);opacity:1}}.brand h1{margin:0;font-size:19px;font-weight:650;letter-spacing:-.02em}.brand p{margin:2px 0 0;font-size:11.5px;color:var(--muted);letter-spacing:.01em}.panel{position:fixed;top:88px;left:24px;z-index:3;width:268px;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.row{display:flex;gap:8px}.search input{flex:1;min-width:0;height:38px;padding:0 12px;font:inherit;font-size:14px;color:var(--ink);background:#ffffff0d;border:1px solid var(--stroke);border-radius:10px;outline:none;transition:border-color .18s,box-shadow .18s}.search input::placeholder{color:#64757f}.search input:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.go{width:38px;height:38px;display:grid;place-items:center;color:#04121a;background:var(--accent);border:0;border-radius:10px;cursor:pointer;transition:transform .15s,filter .15s}.go:hover{filter:brightness(1.12)}.go:active{transform:scale(.94)}.go[disabled]{opacity:.5;cursor:progress}select{width:100%;height:34px;padding:0 10px;font:inherit;font-size:13px;color:var(--ink);background:#ffffff0d;border:1px solid var(--stroke);border-radius:10px;outline:none;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}select option{background:#0b1119;color:var(--ink)}.themes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.themes button{padding:6px 4px;font:inherit;font-size:11px;letter-spacing:.01em;color:var(--muted);background:#ffffff0a;border:1px solid var(--stroke);border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.themes button:hover{color:var(--ink)}.themes button[aria-pressed=true]{color:#04121a;font-weight:600;background:var(--accent);border-color:transparent}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 0;padding-top:11px;border-top:1px solid var(--stroke)}.stats[hidden]{display:none}.stats div{min-width:0}.stats dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.stats dd{margin:3px 0 0;font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg{margin:0;font-size:12px;line-height:1.45;color:#ff9b9b}.msg.info{color:var(--muted)}.actions{position:fixed;right:24px;bottom:24px;z-index:3;display:flex;gap:8px}.actions button{padding:9px 14px;font:inherit;font-size:12px;font-weight:550;letter-spacing:.03em;color:var(--ink);background:var(--glass);border:1px solid var(--stroke);border-radius:10px;cursor:pointer;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transition:color .15s,border-color .15s,transform .12s}.actions button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.actions button:active{transform:translateY(1px)}.actions button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--glass))}.ghlink{position:fixed;top:24px;right:24px;z-index:3;color:var(--muted);transition:color .18s,transform .18s}.ghlink:hover{color:var(--ink);transform:translateY(-1px)}.hint{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:3;font-size:11.5px;letter-spacing:.05em;color:var(--muted);pointer-events:none;opacity:.8;transition:opacity .6s}.hint.gone{opacity:0}.tooltip{position:fixed;z-index:5;padding:7px 10px;font-size:12px;line-height:1.35;color:var(--ink);background:#080d14e6;border:1px solid var(--stroke);border-radius:9px;box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;backdrop-filter:blur(10px)}.tooltip b{color:var(--accent);font-family:var(--mono)}.tooltip span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.tooltip .who{font-family:var(--mono);color:color-mix(in srgb,var(--accent) 78%,var(--ink))}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%) translateY(8px);z-index:6;padding:10px 16px;font-size:13px;color:var(--ink);background:#080d14eb;border:1px solid var(--stroke);border-radius:11px;box-shadow:var(--shadow);opacity:0;transition:opacity .22s,transform .22s;backdrop-filter:blur(10px)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.board{position:fixed;top:88px;right:24px;z-index:3;width:314px;max-height:calc(100vh - 180px);padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.board[hidden]{display:none}.board-head{display:flex;align-items:center;gap:8px}.board-head h2{flex:1;margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.board-period{width:auto;min-width:124px;height:28px;font-size:12px;background-position:calc(100% - 14px) 12px,calc(100% - 9px) 12px}.board-add{display:flex;gap:6px}.board-add input{flex:1;min-width:0;height:32px;padding:0 10px;font:inherit;font-size:13px;color:var(--ink);background:#ffffff0d;border:1px solid var(--stroke);border-radius:9px;outline:none;transition:border-color .18s}.board-add input::placeholder{color:#64757f}.board-add input:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.board-add button{width:32px;height:32px;font:inherit;font-size:18px;line-height:1;color:#04121a;background:var(--accent);border:0;border-radius:9px;cursor:pointer;transition:filter .15s}.board-add button:hover{filter:brightness(1.12)}.board-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;overflow-y:auto;overscroll-behavior:contain}.brow{position:relative;display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid transparent;border-radius:9px;cursor:pointer;overflow:hidden;transition:background .15s,border-color .15s}.brow:hover{background:#ffffff0d}.brow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.brow.active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.brow.loading,.brow.error{cursor:default}.brow.error .sub{color:#ff9b9b}.brow .bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 30%,transparent),transparent);pointer-events:none}.brow .rank{position:relative;flex:none;width:15px;font-family:var(--mono);font-size:12px;text-align:right;color:var(--muted)}.brow:first-child .rank{color:var(--accent)}.brow .avatar{position:relative;flex:none;width:24px;height:24px;border-radius:50%;background:#ffffff12}.brow .who{position:relative;flex:1;min-width:0}.brow .name,.brow .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brow .name{font-size:13px}.brow .sub{margin-top:1px;font-size:10.5px;color:var(--muted)}.brow .value{position:relative;flex:none;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.brow .rm{position:relative;flex:none;width:18px;height:18px;padding:0;font:inherit;font-size:15px;line-height:1;color:#5d6d77;background:none;border:0;border-radius:5px;cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.brow:hover .rm,.brow:focus-within .rm{opacity:1}.brow .rm:hover{color:#ff9b9b}.board-note{margin:0;min-height:13px;font-size:11px;line-height:1.4;color:var(--muted)}.versus{position:fixed;top:88px;right:24px;z-index:3;width:314px;padding:14px;display:flex;flex-direction:column;gap:11px;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.versus[hidden]{display:none}.vs-x{width:22px;height:22px;padding:0;font:inherit;font-size:17px;line-height:1;color:#5d6d77;background:none;border:0;border-radius:6px;cursor:pointer;transition:color .15s}.vs-x:hover{color:var(--ink)}.vs-form{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.vs-form input{min-width:0;height:32px;padding:0 10px;font:inherit;font-size:13px;color:var(--ink);background:#ffffff0d;border:1px solid var(--stroke);border-radius:9px;outline:none;transition:border-color .18s}.vs-form input::placeholder{color:#64757f}.vs-form input:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.vs-mid{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.vs-go{grid-column:1 / -1;height:32px;font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.03em;color:#04121a;background:var(--accent);border:0;border-radius:9px;cursor:pointer;transition:filter .15s}.vs-go:hover{filter:brightness(1.12)}.vs-go:disabled{opacity:.55;cursor:default}.vs-table{width:100%;border-collapse:collapse;table-layout:fixed}.vs-table[hidden]{display:none}.vs-table th{padding:0 0 6px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-table th:first-child{width:38%;text-align:left}.vs-table td{padding:5px 0;border-top:1px solid var(--stroke);font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted);white-space:nowrap}.vs-table td:first-child{font-family:var(--font);overflow:hidden;text-align:left;text-overflow:ellipsis}.vs-table td.win{color:var(--accent);font-weight:600}.tags{position:fixed;inset:0;z-index:2;pointer-events:none}.tags[hidden]{display:none}.tag{position:absolute;left:0;top:0;padding:3px 10px;font-family:var(--mono);font-size:11.5px;white-space:nowrap;color:var(--ink);background:#060a1299;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translate(-9999px,-9999px);will-change:transform}.tag b{color:var(--accent);font-weight:600}@media (max-width: 760px){.brand{top:16px;left:16px}.brand p{display:none}.ghlink{top:18px;right:16px}.panel{inset:auto 12px 76px;width:auto;padding:12px;gap:9px}.stats{grid-template-columns:repeat(4,1fr);gap:6px}.stats dd{font-size:13px}.stats dt{font-size:9px}.board{top:58px;left:12px;right:12px;width:auto;max-height:42vh;padding:12px;gap:9px}.brow .rm{opacity:1}.versus{top:58px;left:12px;right:12px;width:auto;padding:12px;gap:9px}.tag{font-size:10.5px;padding:2px 8px}.actions{left:12px;right:12px;bottom:16px;justify-content:space-between}.actions button{flex:1;padding:10px 4px;text-align:center}.hint{display:none}.toast{bottom:auto;top:76px}}@media (prefers-reduced-motion: reduce){.brand-mark span{animation:none}}