:root{--a-bg: #eceef1;--a-surface: #ffffff;--a-surface-2: #f5f6f8;--a-ink: #14161a;--a-muted: #63697a;--a-line: #d6dae1;--a-accent: #0d7d76;--a-accent-ink: #ffffff;--a-shadow: 0 1px 2px rgba(16, 19, 23, .06), 0 12px 34px rgba(16, 19, 23, .08);--a-font: "IBM Plex Sans Arabic", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--a-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--g-bg: #fff4e9;--g-surface: #ffffff;--g-ink: #4a3527;--g-muted: #9a7f6b;--g-line: #f2ddc8;--g-tile: #ffffff;--g-tile-ink: #4a3527;--g-sel: #4a3527;--g-good: #3fbf8f;--g-bad: #ff8fa3;--g-accent: #ff6b6b;--g-c1: #ffd166;--g-c2: #ff8fa3;--g-c3: #8ad9c4;--g-c4: #9bb8ff;--g-tile-shadow: none;--g-radius: 28px;--g-tile-radius: 999px;--g-ease: cubic-bezier(.34, 1.56, .64, 1);--g-dur: .42s;--g-weight: 800;--g-font: system-ui, sans-serif}:root[data-mode=dark]{--a-bg: #101317;--a-surface: #181c22;--a-surface-2: #1f242b;--a-ink: #e8eaee;--a-muted: #949cab;--a-line: #272d36;--a-accent: #3fd0c3;--a-accent-ink: #06231f;--a-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 36px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--g-bg);color:var(--g-ink);font-family:var(--g-font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--g-accent);outline-offset:3px;border-radius:6px}.app{min-height:100%;display:flex;flex-direction:column;background:var(--g-bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,3vw,28px);border-block-end:1px solid var(--g-line)}.wordmark{font-weight:var(--g-weight);font-size:19px;letter-spacing:-.01em}.tb-btn{border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-ink);border-radius:calc(var(--g-radius) / 2.5);padding:8px 18px;font-weight:600;transition:transform .14s var(--g-ease)}.tb-btn:hover{transform:translateY(-1px)}.topbar-acts{display:flex;align-items:center;gap:8px}.tb-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-inline-start:7px;padding-inline:6px;border-radius:999px;background:var(--g-accent);color:var(--g-on-accent);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.surface{flex:1;position:relative;isolation:isolate;display:grid;gap:16px;align-content:start;padding:clamp(14px,3vw,26px);max-width:900px;margin-inline:auto;width:100%}.surface[data-art=paper]{background-image:repeating-linear-gradient(to bottom,transparent 0 33px,var(--g-line) 33px 34px);background-position:0 10px}.surface[data-art=paper]:before{content:"";position:absolute;inset-block:0;inset-inline-start:46px;width:1px;background:var(--g-bad);opacity:.5;z-index:-1}.game-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}.game-title{margin-inline:auto;text-align:center}.game-grade{font-family:var(--a-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--g-muted)}.game-rule{margin:4px 0 0;font-size:clamp(19px,3.4vw,27px);font-weight:var(--g-weight);text-wrap:balance}.hud{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.stat{background:var(--g-surface);border:1px solid var(--g-line);border-radius:calc(var(--g-radius) / 2.5);padding:7px 14px;display:grid;gap:1px;min-width:82px}.surface[data-art=paper] .stat{background:transparent;border:0;border-radius:0;padding-inline:2px;border-block-end:2px solid var(--g-ink)}.stat-k{font-family:var(--a-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--g-muted)}.stat-v{font-size:23px;font-weight:var(--g-weight);line-height:1.1;font-variant-numeric:tabular-nums}.stat.warn .stat-v{color:var(--g-bad)}.meter{flex:0 1 260px;min-width:110px;max-width:280px;height:8px;border-radius:999px;background:var(--g-line);overflow:hidden}.meter i{display:block;height:100%;border-radius:999px;background:var(--g-accent);transition:width .28s var(--g-ease)}.equation{margin:0;min-height:30px;text-align:center;font-size:clamp(17px,3vw,24px);font-weight:var(--g-weight);color:var(--g-accent)}.equation[data-kind=miss]{color:var(--g-bad);opacity:.75}.board-wrap{position:relative}.board{display:grid;gap:clamp(4px,1.1vw,9px);touch-action:manipulation;margin-inline:auto}.surface[data-art=paper] .board{gap:2px}.tile{aspect-ratio:1;padding:0;border:0;border-radius:var(--g-tile-radius);background:var(--tile-c, var(--g-tile));color:var(--g-tile-ink);box-shadow:var(--g-tile-shadow);font-family:inherit;font-weight:var(--g-weight);font-size:clamp(13px,3.4vw,26px);display:grid;place-items:center;position:relative;font-variant-numeric:tabular-nums;transition:transform var(--g-dur) var(--g-ease),background var(--g-dur) var(--g-ease),color var(--g-dur) var(--g-ease),box-shadow var(--g-dur) var(--g-ease),opacity .26s ease}.tile-face{pointer-events:none}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile.is-gone{opacity:0;pointer-events:none;transform:scale(.4)}.tile.is-hint{outline:3px dashed var(--g-accent);outline-offset:2px}.tile.is-miss{background:var(--g-bad);color:var(--g-on-bad);animation:wobble .42s ease}.surface[data-art=paper] .tile,.theme-preview[data-art=paper] .pv-tile{background:transparent;box-shadow:none}.surface[data-art=paper] .tile.is-gone{opacity:.3;transform:none;color:var(--g-muted);text-decoration:line-through;text-decoration-color:var(--g-accent);text-decoration-thickness:3px}[data-sel=invert] .tile.is-sel,[data-sel=invert] .pv-tile.is-sel{background:var(--g-ink);color:var(--tile-c, var(--g-tile));box-shadow:0 0 0 4px var(--tile-c, var(--g-accent)),var(--g-tile-shadow);transform:translateY(-3px) scale(1.06)}[data-sel=circle] .tile.is-sel{color:var(--g-sel)}[data-sel=circle] .tile.is-sel:after,[data-sel=circle] .pv-tile.is-sel:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:2.5px solid var(--g-sel);border-radius:50%;transform:rotate(-8deg) scale(1.06);animation:circle-in .34s var(--g-ease) both}[data-sel=press] .tile.is-sel,[data-sel=press] .pv-tile.is-sel{background:var(--g-sel);color:var(--g-on-sel);transform:scale(.94);box-shadow:inset 5px 5px 10px #0000002e,inset -5px -5px 10px #ffffff4d}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}}@keyframes circle-in{0%{opacity:0;transform:rotate(-8deg) scale(.5)}to{opacity:1;transform:rotate(-8deg) scale(1.06)}}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}.fx-layer .marker{stroke:var(--g-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw .42s var(--g-ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.spark{position:absolute;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:6;animation:fly .64s var(--g-ease) forwards}@keyframes fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.acts{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.gbtn{border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-ink);border-radius:calc(var(--g-radius) / 2.5);padding:10px 18px;font-weight:600;transition:transform .14s var(--g-ease),opacity .14s}.cnt{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-inline-start:7px;padding-inline:5px;border-radius:999px;background:var(--g-line);color:var(--g-ink);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;unicode-bidi:isolate}.gbtn:hover:not(:disabled){transform:translateY(-1px)}.gbtn:disabled{opacity:.42;cursor:not-allowed}.gbtn.pri{background:var(--g-accent);color:var(--g-on-accent);border-color:transparent}.surface[data-art=paper] .gbtn{background:transparent;border:2px solid var(--g-ink);border-radius:4px}.surface[data-art=clay] .gbtn{border:0;box-shadow:var(--g-tile-shadow)}.surface[data-art=paper] .gbtn.pri{background:var(--g-accent);color:var(--g-on-accent);border-color:var(--g-accent)}.burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,var(--g-bg) 74%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.burst-card{display:grid;justify-items:center;gap:5px;text-align:center;padding:30px clamp(24px,6vw,52px) 26px;border-radius:var(--g-radius);background:var(--g-surface);border:3px solid var(--g-accent);box-shadow:var(--a-shadow);max-width:min(420px,calc(100vw - 32px));animation:burst-in .56s var(--g-ease) both}.burst-card[data-tier=gold]{border-color:#f0a830}.burst-card[data-tier=silver]{border-color:#a9b2bb}@keyframes burst-in{0%{opacity:0;transform:scale(.55) translateY(24px)}to{opacity:1;transform:none}}.burst-medal-wrap{position:relative;display:grid;place-items:center;width:132px;height:132px}.burst-rays{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:conic-gradient(from 0deg,var(--g-accent) 0 6deg,transparent 6deg 30deg,var(--g-accent) 30deg 36deg,transparent 36deg 60deg,var(--g-accent) 60deg 66deg,transparent 66deg 90deg,var(--g-accent) 90deg 96deg,transparent 96deg 120deg,var(--g-accent) 120deg 126deg,transparent 126deg 150deg,var(--g-accent) 150deg 156deg,transparent 156deg 180deg,var(--g-accent) 180deg 186deg,transparent 186deg 210deg,var(--g-accent) 210deg 216deg,transparent 216deg 240deg,var(--g-accent) 240deg 246deg,transparent 246deg 270deg,var(--g-accent) 270deg 276deg,transparent 276deg 300deg,var(--g-accent) 300deg 306deg,transparent 306deg 330deg,var(--g-accent) 330deg 336deg,transparent 336deg 360deg);opacity:.3;-webkit-mask-image:radial-gradient(circle,transparent 38%,#000 42%,#000 70%,transparent 78%);mask-image:radial-gradient(circle,transparent 38%,#000 42%,#000 70%,transparent 78%);animation:spin 9s linear infinite}@keyframes spin{to{rotate:360deg}}.burst-medal{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:46px;line-height:1;background:linear-gradient(145deg,#ffd98a,#e08e2f);box-shadow:0 8px 22px #00000038,inset 0 -4px 10px #0000002e;animation:pop .62s var(--g-ease) both 90ms}.burst-card[data-tier=silver] .burst-medal{background:linear-gradient(145deg,#f2f5f7,#9aa4ad)}.burst-card[data-tier=bronze] .burst-medal{background:linear-gradient(145deg,#f0c08a,#b3712f)}@keyframes pop{0%{transform:scale(0)}62%{transform:scale(1.16)}to{transform:scale(1)}}.confetti{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:9px;height:13px;border-radius:2px;pointer-events:none;animation:confetti 1.25s cubic-bezier(.15,.7,.3,1) both}.confetti.is-round{border-radius:50%;width:9px;height:9px}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%) scale(.4) rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--rot))}}.burst-kicker{font-family:var(--a-mono);font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--g-muted);margin-block-start:6px}.burst-name{font-size:clamp(24px,5vw,32px);font-weight:var(--g-weight);line-height:1.15;text-wrap:balance}.burst-desc{font-size:14.5px;color:var(--g-muted);max-width:30ch;text-wrap:balance}.burst-meta{display:flex;align-items:center;gap:9px;margin-block-start:12px}.burst-tier,.badge-tier{font-family:var(--a-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#3a2c1a;background:linear-gradient(140deg,#ffd98a,#e08e2f)}.burst-tier[data-tier=silver],.badge-tier[data-tier=silver]{background:linear-gradient(140deg,#f2f5f7,#9aa4ad)}.burst-tier[data-tier=bronze],.badge-tier[data-tier=bronze]{background:linear-gradient(140deg,#f0c08a,#b3712f);color:#2e1c08}.burst-pts{font-weight:700;font-size:14px;color:var(--g-accent);font-variant-numeric:tabular-nums}.burst-more{margin-block-start:8px;font-size:12px;color:var(--g-muted)}.shelf{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.shelf-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 9px;border-radius:999px;background:var(--g-surface);border:2px solid var(--g-accent);font-size:13px;font-weight:700;animation:shelf-in .42s var(--g-ease) both}[dir=rtl] .shelf-badge{padding:6px 9px 6px 13px}.shelf-badge[data-tier=gold]{border-color:#f0a830}.shelf-badge[data-tier=silver]{border-color:#a9b2bb}@keyframes shelf-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.trophy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;background:var(--g-bg);color:var(--g-ink);overflow:hidden;animation:admin-in .24s cubic-bezier(.2,.9,.2,1) both}.trophy-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,34px);border-block-end:1px solid var(--g-line);background:var(--g-surface)}.trophy-hd h1{margin:0;font-size:clamp(20px,3.4vw,26px);font-weight:var(--g-weight)}.trophy-hd p{margin:4px 0 0;font-size:13.5px;color:var(--g-muted);max-width:46ch}.trophy-body{overflow-y:auto;padding:clamp(16px,4vw,32px);display:flex;flex-direction:column;gap:26px;max-width:1080px;margin-inline:auto;width:100%}.trophy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;flex:none}.trophy-stat{display:grid;gap:2px;padding:13px 15px;border-radius:var(--g-radius);background:var(--g-surface);border:1px solid var(--g-line)}.trophy-stat-v{font-size:25px;font-weight:var(--g-weight);line-height:1.05;font-variant-numeric:tabular-nums}.trophy-stat-k{font-family:var(--a-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--g-muted)}.trophy-fam{display:grid;gap:12px;flex:none}.trophy-fam-hd h2{margin:0;font-size:17px;font-weight:var(--g-weight)}.trophy-fam-hd p{margin:2px 0 0;font-size:13px;color:var(--g-muted)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:11px}.badge{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:13px;border-radius:var(--g-radius);background:var(--g-surface);border:1px solid var(--g-line)}.badge:not(.is-held){opacity:.72;border-style:dashed}.badge.is-held{border-color:var(--g-accent)}.badge-medal{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--g-line);color:var(--g-muted)}.badge.is-held .badge-medal{background:linear-gradient(145deg,#ffd98a,#e08e2f)}.badge.is-held[data-tier=silver] .badge-medal{background:linear-gradient(145deg,#f2f5f7,#9aa4ad)}.badge.is-held[data-tier=bronze] .badge-medal{background:linear-gradient(145deg,#f0c08a,#b3712f)}.badge-text{display:grid;gap:3px;min-width:0}.badge-text b{font-size:14.5px;font-weight:var(--g-weight)}.badge-text small{font-size:12.5px;color:var(--g-muted);line-height:1.4}.badge-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block-start:4px}.badge-date{font-size:11.5px;color:var(--g-muted)}.badge-prog{display:grid;gap:4px;margin-block-start:6px}.badge-bar{height:7px;border-radius:999px;background:var(--g-line);overflow:hidden}.badge-bar i{display:block;height:100%;border-radius:999px;background:var(--g-accent);transition:width .32s var(--g-ease)}.badge-count{font-family:var(--a-mono);font-size:11px;color:var(--g-muted);font-variant-numeric:tabular-nums}.trophy-reset{justify-self:start;align-self:start;flex:none;border:1px solid var(--g-line);background:transparent;color:var(--g-muted);border-radius:9px;padding:8px 16px;font-size:13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--a-bg);color:var(--a-ink);font-family:var(--a-font);display:flex;flex-direction:column;overflow:hidden;animation:admin-in .24s cubic-bezier(.2,.9,.2,1) both}@keyframes admin-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.admin-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,34px);border-block-end:1px solid var(--a-line);background:var(--a-surface)}.admin-hd h1{margin:0;font-size:21px;font-weight:600;letter-spacing:-.02em}.admin-hd p{margin:4px 0 0;font-size:13.5px;color:var(--a-muted)}.a-close{border:1px solid transparent;background:var(--a-accent);color:var(--a-accent-ink);border-radius:9px;padding:9px 22px;font-weight:600;flex:none}.admin-body{overflow-y:auto;padding:clamp(16px,4vw,34px);display:flex;flex-direction:column;gap:22px;max-width:1080px;margin-inline:auto;width:100%}.a-section{background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px;flex:none}.a-section-hd{padding:15px 18px 0}.a-section-hd h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.a-section-hd p{margin:4px 0 0;font-size:13px;color:var(--a-muted);max-width:62ch}.a-section-body{padding:15px 18px 18px;display:grid;gap:15px}.a-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;align-items:start}.a-field{display:grid;gap:6px;min-width:0}.a-label{font-size:12.5px;font-weight:600}.a-hint{font-size:12px;color:var(--a-muted);line-height:1.45}.a-select,.a-number input[type=number]{width:100%;font:inherit;font-size:14px;color:var(--a-ink);background:var(--a-surface-2);border:1px solid var(--a-line);border-radius:8px;padding:8px 10px}.a-number{display:flex;align-items:center;gap:10px}.a-number input[type=range]{flex:1;min-width:0;accent-color:var(--a-accent)}.a-number input[type=number]{width:72px;flex:none;font-variant-numeric:tabular-nums}.a-seg{display:flex;background:var(--a-surface-2);border:1px solid var(--a-line);border-radius:9px;padding:3px;gap:3px}.a-seg button{flex:1;min-width:0;border:0;background:transparent;border-radius:6px;padding:7px 6px;font-size:12.5px;font-weight:500;color:var(--a-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .14s,color .14s}.a-seg button[aria-pressed=true]{background:var(--a-surface);color:var(--a-ink);box-shadow:0 1px 2px #0000001a}.a-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.a-toggle input{position:absolute;opacity:0;width:0;height:0}.a-switch{flex:none;width:42px;height:24px;border-radius:999px;margin-top:1px;background:var(--a-line);position:relative;transition:background .18s}.a-switch:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:var(--a-surface);box-shadow:0 1px 3px #00000040;transition:translate .18s cubic-bezier(.2,.9,.2,1)}.a-toggle input:checked+.a-switch{background:var(--a-accent)}.a-toggle input:checked+.a-switch:after{translate:18px 0}[dir=rtl] .a-toggle input:checked+.a-switch:after{translate:-18px 0}.a-toggle input:focus-visible+.a-switch{outline:3px solid var(--a-accent);outline-offset:3px}.a-toggle-text{display:grid;gap:3px}.a-reset{justify-self:start;border:1px solid var(--a-line);background:var(--a-surface-2);color:var(--a-ink);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.a-reset:disabled{opacity:.45;cursor:not-allowed}.a-empty{margin:0;font-size:13px;color:var(--a-muted)}.preset-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.preset-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--a-line);border-radius:9px;background:var(--a-surface-2)}.preset-list b{font-size:14px}.preset-list small{display:block;font-size:12px;color:var(--a-muted)}.preset-acts{display:flex;gap:7px}.preset-acts button{border:1px solid var(--a-line);background:var(--a-surface);border-radius:7px;padding:5px 12px;font-size:12.5px;font-weight:500}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:13px}.theme-card{display:grid;gap:11px;text-align:start;padding:11px;grid-template-rows:auto 1fr;background:var(--a-surface-2);border:2px solid var(--a-line);border-radius:13px;transition:border-color .16s,transform .16s cubic-bezier(.2,.9,.2,1)}.theme-card:hover{transform:translateY(-2px)}.theme-card[aria-pressed=true]{border-color:var(--a-accent);background:var(--a-surface)}.theme-preview{align-self:start;min-width:0;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:13px;border-radius:9px;border:1px solid;aspect-ratio:4 / 1.35;align-items:center}.pv-tile{aspect-ratio:1;display:grid;place-items:center;position:relative;border-radius:var(--g-tile-radius);background:var(--tile-c);color:var(--g-tile-ink);font-weight:var(--g-weight);font-size:15px}.theme-meta{display:grid;gap:3px}.theme-meta b{font-size:14px;font-weight:600}.theme-meta small{font-size:12px;color:var(--a-muted);line-height:1.45}.theme-eff{font-family:var(--a-mono);font-size:11px;color:var(--a-accent);font-style:normal}@media(max-width:560px){.admin-body{padding:14px}.a-row{grid-template-columns:1fr}}.wordmark{border:0;background:none;padding:0;font-family:inherit;font-weight:var(--g-weight);font-size:19px;letter-spacing:-.01em;color:var(--g-ink)}.home{flex:1;width:100%;max-width:720px;margin-inline:auto;padding:clamp(18px,5vw,40px) clamp(14px,4vw,26px);display:flex;flex-direction:column;gap:16px}.home-hero{text-align:center;margin-block-end:6px}.home-hero h1{margin:0;font-size:clamp(34px,9vw,60px);font-weight:var(--g-weight);letter-spacing:-.02em}.home-hero p{margin:8px auto 0;max-width:44ch;font-size:15.5px;color:var(--g-muted);text-wrap:balance}.home-card{display:grid;gap:8px;padding:clamp(16px,4vw,24px);border-radius:var(--g-radius);background:var(--g-surface);border:1px solid var(--g-line)}.home-card.is-primary{border:3px solid var(--g-accent)}.home-card h2{margin:0;font-size:19px;font-weight:var(--g-weight)}.home-card p{margin:0;font-size:14px;color:var(--g-muted)}.home-card .gbtn{justify-self:start;margin-block-start:4px}.home-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.code-row{display:flex;gap:10px;margin-block-start:6px}.code-input{flex:1;min-width:0;font:inherit;font-size:clamp(24px,7vw,36px);font-weight:var(--g-weight);letter-spacing:.22em;text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums;padding:10px 12px;border-radius:calc(var(--g-radius) / 2);border:2px solid var(--g-line);background:var(--g-bg);color:var(--g-ink)}.code-input::placeholder{color:var(--g-muted);opacity:.4;letter-spacing:.22em}.join,.tauth{flex:1;width:100%;max-width:460px;margin-inline:auto;padding:clamp(18px,5vw,36px) clamp(14px,4vw,24px);display:flex;flex-direction:column;gap:15px}.join h1,.tauth h1{margin:0;font-size:clamp(24px,6vw,34px);font-weight:var(--g-weight)}.field{display:grid;gap:6px}.field>span{font-size:13px;font-weight:600}.field>small{font-size:12.5px;color:var(--g-muted);line-height:1.45}.field input,.field select{font:inherit;font-size:16px;padding:11px 13px;border-radius:calc(var(--g-radius) / 2.5);border:2px solid var(--g-line);background:var(--g-surface);color:var(--g-ink)}.field input:focus-visible{border-color:var(--g-accent)}.pin-input{letter-spacing:.5em;font-variant-numeric:tabular-nums}.join-err{margin:0;padding:11px 14px;border-radius:calc(var(--g-radius) / 2.5);background:color-mix(in srgb,var(--g-bad) 18%,var(--g-surface));border:1px solid var(--g-bad);font-size:14px}.join-acts{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:4px}.linkish{border:0;background:none;padding:0;text-align:start;color:var(--g-accent);font-size:14px;text-decoration:underline}.live-wait{flex:1;display:grid;place-items:center;color:var(--g-muted)}.live-panel{display:grid;gap:6px;padding:16px 18px;border-radius:var(--g-radius);background:var(--g-surface);border:1px solid var(--g-line)}.live-panel strong{font-size:19px;font-weight:var(--g-weight)}.live-panel p{margin:0;font-size:14px;color:var(--g-muted)}.live-panel.is-loud{border-color:var(--g-accent);text-align:center}.live-panel.is-loud strong{font-size:clamp(26px,7vw,40px)}.live-count{font-family:var(--a-mono);font-size:12px}.result-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.result-list li{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:calc(var(--g-radius) / 2);background:var(--g-bg)}.result-list li.is-me{outline:2px solid var(--g-accent)}.res-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--g-line);font-weight:700;font-size:13px}.res-rank[data-rank="1"]{background:linear-gradient(145deg,#ffd98a,#e08e2f);color:#3a2c1a}.res-rank[data-rank="2"]{background:linear-gradient(145deg,#f2f5f7,#9aa4ad);color:#26303a}.res-rank[data-rank="3"]{background:linear-gradient(145deg,#f0c08a,#b3712f);color:#2e1c08}.res-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.res-badges{display:flex;gap:3px;font-size:15px}.res-score{font-weight:var(--g-weight);font-variant-numeric:tabular-nums}.strip{list-style:none;margin:0;padding:0;display:grid;gap:4px}.strip-row{display:grid;grid-template-columns:26px minmax(60px,1fr) 2fr auto;align-items:center;gap:9px;padding:5px 8px;border-radius:999px;font-size:13px;background:var(--g-surface);border:1px solid var(--g-line)}.strip-row.is-me{border-color:var(--g-accent);border-width:2px}.strip-row.is-off{opacity:.5}.strip-rank{font-family:var(--a-mono);font-size:11px;color:var(--g-muted)}.strip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.strip-bar{height:7px;border-radius:999px;background:var(--g-line);overflow:hidden}.strip-bar i{display:block;height:100%;background:var(--g-accent);transition:width .3s var(--g-ease)}.strip-score{font-weight:700;font-variant-numeric:tabular-nums}.host{flex:1;min-height:100vh;display:flex;flex-direction:column;background:var(--g-bg);color:var(--g-ink);padding:clamp(14px,2.5vw,26px);gap:clamp(12px,2vw,20px)}.host-empty{flex:1;display:grid;place-items:center;gap:14px;align-content:center}.host-hd{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.host-k{display:block;font-family:var(--a-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--g-muted)}.host-url{font-size:clamp(18px,2.6vw,30px);font-weight:var(--g-weight)}.host-code-box{text-align:center}.host-code{display:block;font-size:clamp(44px,9vw,104px);font-weight:var(--g-weight);letter-spacing:.12em;line-height:1;color:var(--g-accent);font-variant-numeric:tabular-nums}.host-main{flex:1;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.host-phase{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-block-end:10px}.host-phase-k{font-family:var(--a-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--g-muted)}.host-clock{font-size:clamp(30px,5vw,56px);font-weight:var(--g-weight);font-variant-numeric:tabular-nums}.host-clock[data-warn=true]{color:var(--g-bad)}.host-none{color:var(--g-muted);font-size:18px}.host-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.host-list li{display:grid;grid-template-columns:46px minmax(120px,1fr) 3fr auto auto;align-items:center;gap:14px;padding:9px 14px;border-radius:var(--g-radius);background:var(--g-surface);border:1px solid var(--g-line);font-size:clamp(16px,2vw,22px)}.host-list li.is-off{opacity:.45}.host-list li[data-rank="1"]{border-color:var(--g-accent);border-width:2px}.host-rank{font-weight:var(--g-weight);color:var(--g-muted);font-variant-numeric:tabular-nums}.host-name{font-weight:var(--g-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-progress{height:12px;border-radius:999px;background:var(--g-line);overflow:hidden}.host-progress i{display:block;height:100%;background:var(--g-accent);transition:width .32s var(--g-ease)}.host-progress i[data-done=true]{background:var(--g-good)}.host-score{font-weight:var(--g-weight);font-variant-numeric:tabular-nums;min-width:3ch;text-align:end}.host-kick{border:1px solid var(--g-line);background:transparent;color:var(--g-muted);border-radius:999px;padding:3px 11px;font-size:12px}.host-side{display:grid;gap:4px;align-content:start;padding:14px 18px;border-radius:var(--g-radius);background:var(--g-surface);border:1px solid var(--g-line);min-width:180px}.host-mode{margin:0;font-size:20px;font-weight:var(--g-weight)}.host-count{margin:0;font-size:14px;color:var(--g-muted)}.host-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.gbtn.lg{font-size:18px;padding:14px 30px;font-weight:var(--g-weight)}.gbtn.danger{border-color:var(--g-bad);color:var(--g-bad)}@media(max-width:720px){.host-main{grid-template-columns:1fr}.host-list li{grid-template-columns:34px minmax(80px,1fr) 2fr auto}.host-kick{display:none}}.tpanel{flex:1;width:100%;max-width:1000px;margin-inline:auto;padding:clamp(16px,4vw,32px) clamp(14px,4vw,24px);display:flex;flex-direction:column;gap:18px;background:var(--a-bg);color:var(--a-ink);font-family:var(--a-font)}.tpanel-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.tpanel-hd h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.tpanel-hd p{margin:4px 0 0;font-size:13.5px;color:var(--a-muted)}.tpanel-acts{display:flex;gap:8px;flex-wrap:wrap}.tcard{display:grid;gap:14px;padding:18px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px}.tcard h2{margin:0;font-size:16px;font-weight:600}.trow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end}.tpanel .field input,.tpanel .field select{border-width:1px;border-color:var(--a-line);background:var(--a-surface-2);color:var(--a-ink);border-radius:8px;font-size:14px;padding:9px 11px}.tpanel .field>span{color:var(--a-ink)}.tpanel .field>small{color:var(--a-muted)}.tpanel .gbtn{border-color:var(--a-line);background:var(--a-surface-2);color:var(--a-ink);border-radius:9px}.tpanel .gbtn.pri{background:var(--a-accent);color:var(--a-accent-ink);border-color:transparent}.tpanel .gbtn.danger{border-color:#d1495b;color:#d1495b;background:transparent}.tpanel .a-empty{color:var(--a-muted)}.class-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.class-list li{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:12px}.class-open{flex:1;border:0;background:none;text-align:start;display:grid;gap:2px;color:inherit}.class-open strong{font-size:15.5px}.class-open small{font-size:12.5px;color:var(--a-muted)}.class-code{font-family:var(--a-mono);font-size:17px;letter-spacing:.12em;padding:5px 11px;border-radius:8px;background:var(--a-surface-2);border:1px solid var(--a-line)}.class-live{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--a-accent);color:var(--a-accent-ink)}.level-picks{display:flex;flex-wrap:wrap;gap:8px}.pick{border:1px solid var(--a-line);background:var(--a-surface-2);color:var(--a-muted);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}.pick.is-on{background:var(--a-accent);color:var(--a-accent-ink);border-color:transparent}.ttable{width:100%;border-collapse:collapse;font-size:13.5px}.ttable th{text-align:start;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--a-muted);font-weight:600;padding:0 10px 8px 0}.ttable td{padding:8px 10px 8px 0;border-block-start:1px solid var(--a-line);font-variant-numeric:tabular-nums}.ttable tbody tr:first-child td{font-weight:600}.tiny{border:1px solid var(--a-line);background:var(--a-surface-2);color:var(--a-muted);border-radius:7px;padding:3px 9px;font-size:11.5px}