:root{--bg:#141518;--bg-2:#1c1d21;--panel:#222429;--panel-2:#2c2e34;--line:#3a3c43;--text:#f2f2f2;--muted:#9a9ca3;--accent:#ffd400;--accent-2:#e10600;--ok:#00d26a;--bad:#ff3b30;--radius:3px;--plate:#0f1012;--slant:polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);--kerb:repeating-linear-gradient(90deg, var(--accent-2) 0 22px, #f2f2f2 22px 44px);--checker:conic-gradient(#f2f2f2 25%, #111 0 50%, #f2f2f2 0 75%, #111 0) 0 0 / 10px 10px;--font-display:"Changa", "Cairo", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Cairo,Segoe UI,Tahoma,system-ui,sans-serif}.card,.join-card,.notice,.pc,.hud-top>*{background:var(--panel);color:var(--text);border-radius:var(--radius)}*{box-sizing:border-box}.ui-icon{vertical-align:-.18em;object-fit:contain;flex:none;width:1.1em;height:1.1em;display:inline-block}html,body{background:var(--bg);color:var(--text);min-height:100%;margin:0}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.45}.on-color .ui-icon{filter:brightness(0)invert()}.die-face{vertical-align:middle;background:#f2f2f2;border-bottom:.07em solid #c9c9c9;border-radius:.16em;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:.05em;width:1em;height:1em;padding:.13em;display:inline-grid}.die-face i{border-radius:50%}.die-face i.on{background:#111}.die-tumble .die-face{animation:.24s linear infinite die-tumble}@keyframes die-tumble{25%{transform:rotate(16deg)translateY(-8%)}75%{transform:rotate(-16deg)translateY(-4%)}}@media (prefers-reduced-motion:reduce){.die-tumble .die-face{animation:none}}.ltr,bdi{direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.chip{color:#fff;text-shadow:0 1px 2px #0008;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.9em;height:1.9em;font-weight:800;display:inline-flex}.keyslots{gap:4px;display:inline-flex}.keyslots span{border:1px solid var(--line);filter:grayscale();opacity:.45;background:#ffffff0d;border-radius:2px;place-items:center;width:1.7em;height:1.7em;display:inline-grid}.keyslots span.have{filter:none;opacity:1;border:1px solid var(--accent);background:var(--accent)}.timer{background:#000;height:8px;overflow:hidden}.timer>i{background:var(--accent);transform-origin:100%;height:100%;display:block}
