@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1216;--surface:#171b22;--surface-2:#1e232b;--text:#e6e8ec;--muted:#8c94a0;--border:#262c35;--border-strong:#353d49;--accent:#3b82f6;--accent-hover:#5b95f7;--accent-text:#fff;--accent-soft:#3b82f624;--danger:#ef4444;--danger-soft:#ef444424;--warn:#f59e0b;--ok:#22c55e;--turn:#172035;--turn-border:#3b82f6;--l1:#ef4444;--l2:#3b82f6;--l3:#f59e0b;--l4:#22c55e;--radius:10px;--radius-sm:8px;--shadow:0 1px 2px #00000059, 0 8px 24px -14px #0009;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--logo-tile:#111827}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--surface:#fff;--surface-2:#f8f9fb;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#fff;--accent-soft:#2563eb1a;--danger:#dc2626;--danger-soft:#dc262614;--warn:#d97706;--ok:#16a34a;--turn:#eff6ff;--turn-border:#2563eb;--l1:#dc2626;--l2:#2563eb;--l3:#d97706;--l4:#16a34a;--shadow:0 1px 2px #0000000d, 0 8px 24px -14px #0000001f}*{box-sizing:border-box}html,body{color:var(--text);font:15px/1.45 var(--font);margin:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--accent)}button{font:inherit}h1,h2,h3{letter-spacing:-.01em}.btn,.list-tabs button,.tabs button{touch-action:manipulation}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;align-items:center;gap:.4em;padding:.55em 1em;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.big{justify-content:center;width:100%;padding:.8em 1.4em;font-size:1.1em}.btn.sm{padding:.3em .7em;font-size:.9em}.btn.discord{color:#fff;background:#5865f2;border-color:#5865f2}.btn.discord:hover:not(:disabled){background:#4752c4;border-color:#4752c4}.icon-btn{border:1px solid var(--border-strong);background:var(--surface-2);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1em;line-height:1;display:inline-flex}.icon-btn:hover{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.muted{color:var(--muted)}.small{font-size:.85em}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.end{justify-content:flex-end}.row.center{justify-content:center}.grow{flex:1}.mt{margin-top:1rem}.mb{margin-bottom:1rem}.narrow{max-width:560px}.short{width:8em}input:not([type=checkbox]),select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit}select{padding:.35em .5em}input[type=text],input[type=date],input[type=number]{padding:.45em .6em}.avatar{background:var(--border);object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.avatar.lg{width:64px;height:64px}.badge{border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;padding:.15em .6em;font-size:.72em;font-weight:600;display:inline-block}.badge.you{border-color:var(--accent);color:var(--accent)}.badge.turn{border-color:var(--turn-border);color:var(--accent);background:var(--turn)}.badge.off{border-color:var(--danger);color:var(--danger)}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.topbar{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:5;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.topbar .brand{white-space:nowrap;color:var(--text);align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:flex}.topbar .brand img{background:var(--logo-tile);border-radius:50%;width:34px;height:34px;padding:2px}.topbar nav{flex-wrap:wrap;gap:.25rem;display:flex}.topbar nav a{white-space:nowrap;color:var(--muted);border-radius:999px;padding:.35em .75em;font-weight:500;text-decoration:none}.topbar nav a:hover{color:var(--text)}.topbar nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar .user{align-items:center;gap:.5rem;display:flex}@media (width<=640px){.topbar{flex-wrap:wrap;gap:.5rem;padding:.45rem .6rem}.topbar .brand span,.topbar .user{display:none}.topbar nav{flex-basis:100%;order:10;gap:.35rem}.topbar nav a{padding:.3em .7em;font-size:.9em}.topbar nav:has(>a:only-child){display:none}select.lang{max-width:7.5em}}.page{max-width:1360px;margin:0 auto;padding:1rem}.center{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding:1rem;display:flex}.center .card{width:100%;max-width:480px}.center h1{margin:.6rem 0 .3rem;font-size:1.5em}.logo{width:200px;max-width:60%;height:auto;margin:.25rem auto .5rem;display:block}.logo.sm{width:140px}:root[data-theme=light] .logo{background:var(--logo-tile);border-radius:50%;padding:14px}.notice{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);align-items:flex-start;gap:.75rem;margin-bottom:.6rem;padding:.7rem 1rem;display:flex}.notice.warn{border-color:var(--warn)}.notice.danger{border-color:var(--danger);background:var(--danger-soft)}.status-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.bad{background:var(--danger)}.hero{--hc:var(--border-strong);border-left:4px solid var(--hc);background:linear-gradient(90deg, color-mix(in srgb, var(--hc) 9%, var(--surface)), var(--surface) 55%);box-shadow:var(--shadow), 0 10px 28px -14px color-mix(in srgb, var(--hc) 55%, transparent);grid-template-columns:1fr auto;grid-template-areas:"main clock""actions actions";align-items:center;gap:.75rem 1rem;margin-bottom:1rem;display:grid;position:relative}.hero:after,.list.mine:after{content:"";border-radius:inherit;border:2px solid var(--hc,var(--lc));pointer-events:none;opacity:0;animation:1.6s ease-in-out infinite ringPulse;position:absolute;inset:-3px}.hero.l1{--hc:var(--l1)}.hero.l2{--hc:var(--l2)}.hero.l3{--hc:var(--l3)}.hero.l4{--hc:var(--l4)}.hero.turn{--hc:var(--turn-border);border-color:var(--turn-border);background:var(--turn)}.hero-main{grid-area:main;min-width:0}.hero-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:.45em;font-size:.8em;font-weight:600;display:flex}.hero-title{margin:.15rem 0 .25rem;font-size:1.5em;font-weight:700;line-height:1.2}.hero.turn .hero-title{color:var(--accent)}.hero.l1 .hero-title{color:var(--danger)}.hero.l3 .hero-title{color:var(--warn)}.hero.l4 .hero-title{color:var(--ok)}.hero-hint{color:var(--muted);margin:0}.hero-hint+.hero-hint{margin-top:.25rem}.hero-clock{text-align:right;grid-area:clock}.hero-actions{grid-area:actions;margin-top:0}.countdown{font-variant-numeric:tabular-nums;font-size:2.2em;font-weight:700;line-height:1}.countdown.urgent{color:var(--danger);animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.015)}}.actions{grid-template-columns:1fr;gap:.6rem;margin-top:1rem;display:grid}@media (width>=600px){.actions.two{grid-template-columns:1fr 1fr}}@media (width<=640px){.page.play{padding-bottom:12rem}.hero{z-index:6;border-left:none;border-top:3px solid var(--hc);padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(180deg, color-mix(in srgb, var(--hc) 9%, var(--surface)), var(--surface));box-shadow:0 -8px 30px #00000059, 0 -6px 24px -10px color-mix(in srgb, var(--hc) 55%, transparent);border-radius:16px 16px 0 0;gap:.4rem .75rem;margin:0;position:fixed;bottom:0;left:0;right:0}.hero:after{border-bottom:0;border-radius:16px 16px 0 0;inset:0}.hero-title{margin:0;font-size:1.15em}.hero-hint{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.82em;display:-webkit-box;overflow:hidden}.hero-hint+.hero-hint{display:none}.countdown{font-size:1.7em}.actions.two{grid-template-columns:1fr 1fr}.btn.big{padding:.65em 1em;font-size:1em}.page.play:has(.chat-form input:focus) .hero{display:none}}.lists{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}@media (width<=900px){.lists{grid-template-columns:repeat(2,1fr)}}.list{border-top:3px solid var(--lc,var(--border-strong));flex-direction:column;padding-top:.75rem;display:flex;position:relative}.list h3{align-items:center;gap:.5em;margin:0 0 .6rem;font-size:1em;display:flex}.list h3 .count{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:.1em .6em;font-size:.78em;font-weight:600}.list.mine{border-color:var(--lc)}.list ul.virtual{overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:0;list-style:none;position:relative;overflow-y:auto}.list ul.virtual li.spacer{border:0;width:1px;min-height:0;padding:0;display:block;position:static}.list ul.virtual li{height:var(--row-h);position:absolute;left:0;right:.25rem;overflow:hidden}.list li{min-height:var(--row-h);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.5rem;padding:0 .5rem;font-size:.92em;transition:background .15s;display:flex}.list li:hover{background:var(--surface-2)}.list li .avatar{width:26px;height:26px}.list li.top .avatar{width:30px;height:30px;box-shadow:0 0 0 2px var(--lc)}.list li.you{background:var(--accent-soft);border-color:var(--accent)}.list li.turn{background:var(--turn);border-color:var(--turn-border)}.list li.off{opacity:.5;filter:grayscale()}.list li .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:5em;overflow:hidden}.list li.you .name{font-weight:600}.list li .yield{border:1px solid var(--accent);background:var(--surface);width:26px;height:26px;color:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;font-weight:700;line-height:1}.list li .yield:hover{background:var(--accent);color:var(--accent-text)}.list-tabs{scrollbar-width:none;gap:.35rem;margin-bottom:.6rem;display:none;overflow-x:auto}.list-tabs button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex:1 0 auto;align-items:center;gap:.4em;padding:.45em .7em;font-size:.85em;display:inline-flex}.list-tabs button.active{border-color:var(--lc);color:var(--text);background:color-mix(in srgb, var(--lc) 18%, var(--surface))}.list-tabs button .count{font-weight:600}@media (width<=640px){.lists{grid-template-columns:1fr}.list-tabs{display:flex}.lists .list:not(.active){display:none}}.chat{margin-top:1rem}.chat h3{margin:0 0 .6rem;font-size:1em}.chat-log{overscroll-behavior:contain;flex-direction:column;gap:.4rem;height:220px;padding-right:.25rem;display:flex;overflow-y:auto}.chat-msg{align-items:flex-start;gap:.5rem;font-size:.92em;display:flex}.chat-msg .avatar.sm{width:24px;height:24px;margin-top:.1rem}.chat-body{flex-direction:column;min-width:0;display:flex}.chat-meta{font-size:.85em}.chat-text{overflow-wrap:anywhere}.chat-msg.mine .chat-meta strong{color:var(--accent)}.chat-form{gap:.5rem;margin-top:.6rem;display:flex}.chat-form input{flex:1;min-width:0;padding:.5em .7em}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.5rem .6rem}th{color:var(--muted);font-size:.85em;font-weight:600}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tabs button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;padding:.5em 1em}.tabs button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.section{margin-bottom:1.5rem}.section h3{margin:0 0 .5rem}.table-wrap{overflow-x:auto}.settings{flex-direction:column;gap:1rem;max-width:560px;display:flex}.settings label{flex-direction:column;gap:.25rem;display:flex}.settings label>span:first-child{font-weight:600}.settings input[type=number]{width:10em}.privacy{color:var(--muted);text-align:left;margin-top:1rem;font-size:.85em}@media (prefers-reduced-motion:reduce){.countdown.urgent{animation:none}.hero:after,.list.mine:after{opacity:.5;animation:none}.btn,.list li{transition:none}}
