.sk-root{--sk-ink: var(--arena-ink, #e8f5f0);--sk-soft: var(--arena-soft, #9bb5ab);--sk-teal: var(--arena-teal, #1de4c2);--sk-gold: var(--arena-signal, #ffc53d);--sk-coral: var(--arena-coral, #ff5a36);--sk-panel: rgba(255, 255, 255, .05);--sk-line: var(--arena-line, rgba(255, 255, 255, .12));display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:1100px;margin:0 auto;color:var(--sk-ink);font-family:var(--font-body, system-ui, sans-serif)}.sk-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.4rem .6rem;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-panel)}.sk-round{font-size:.8rem;color:var(--sk-soft);white-space:nowrap}.sk-word{text-align:center;min-height:2rem;display:flex;align-items:center;justify-content:center;gap:.2rem}.sk-word-hint{color:var(--sk-soft);font-size:.9rem}.sk-letters{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.18rem}.sk-l{display:inline-block;min-width:.95em;font-family:var(--font-display, inherit);font-size:clamp(1rem,4.2vw,1.5rem);font-weight:700;text-transform:uppercase;text-align:center;border-bottom:2px solid var(--sk-ink);line-height:1.2}.sk-l.is-blank{border-bottom-color:var(--sk-soft)}.sk-gap{width:.6em}.sk-count{font-size:.7rem;color:var(--sk-soft);margin-left:.2rem}.sk-timer{--pct: 1;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-variant-numeric:tabular-nums;background:radial-gradient(closest-side,#0d1f1a 78%,transparent 80%),conic-gradient(var(--sk-teal) calc(var(--pct) * 360deg),rgba(255,255,255,.1) 0)}.sk-timer:empty{visibility:hidden}.sk-timer.is-low{background:radial-gradient(closest-side,#0d1f1a 78%,transparent 80%),conic-gradient(var(--sk-gold) calc(var(--pct) * 360deg),rgba(255,255,255,.1) 0)}.sk-main{display:flex;flex-direction:column;gap:.5rem}.sk-stage{display:flex;flex-direction:column;gap:.4rem;min-width:0}.sk-board{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 10px #0000004d}.sk-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:default}.sk-root.is-drawer .sk-canvas{cursor:crosshair}.sk-root.is-drawer .sk-canvas[data-tool=fill]{cursor:cell}.sk-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center;background:#0a1e19d1;color:var(--sk-ink);animation:sk-fade .25s ease}.sk-overlay[hidden]{display:none}@keyframes sk-fade{0%{opacity:0}to{opacity:1}}.sk-ov-title{margin:0;font-size:clamp(1rem,4vw,1.4rem);font-weight:700}.sk-ov-sub{margin:0;color:var(--sk-soft);font-size:.85rem}.sk-ov-word{color:var(--sk-gold);text-transform:capitalize}.sk-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.sk-choice{text-transform:capitalize;min-width:7rem}.sk-ov-pts{list-style:none;margin:0;padding:0;width:min(100%,18rem);max-height:60%;overflow:auto;font-size:.9rem}.sk-ov-pts li{display:flex;justify-content:space-between;padding:.15rem .4rem;border-radius:6px}.sk-ov-pts li.is-plus span:last-child{color:var(--sk-teal);font-weight:700}.sk-ov-pts.is-final li.is-you{background:#1de4c226}.sk-note{position:absolute;left:50%;bottom:.6rem;transform:translate(-50%,8px);padding:.3rem .7rem;border-radius:999px;background:#000000bf;color:#fff;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.sk-note.is-on{opacity:1;transform:translate(-50%)}.sk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.sk-tools[hidden]{display:none}.sk-pal{display:grid;grid-template-columns:repeat(7,1.6rem);gap:.2rem}.sk-sw{width:1.6rem;height:1.6rem;border-radius:6px;border:2px solid rgba(255,255,255,.2);background:var(--sw);padding:0;cursor:pointer}.sk-sw.is-on{border-color:var(--sk-teal);box-shadow:0 0 0 2px #1de4c259}.sk-sizes{display:flex;gap:.25rem}.sk-size{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--sk-line);background:var(--sk-panel) radial-gradient(circle,var(--sk-ink) calc(var(--dot) / 2),transparent calc(var(--dot) / 2 + 1px)) no-repeat center / 100% 100%;cursor:pointer;padding:0}.sk-size.is-on{border-color:var(--sk-teal)}.sk-modes{display:flex;flex-wrap:wrap;gap:.25rem}.sk-modes .is-on{border-color:var(--sk-teal);color:var(--sk-teal)}.sk-players{list-style:none;margin:0;padding:0;display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:thin}.sk-p{flex:none;display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border:1px solid var(--sk-line);border-radius:10px;background:var(--sk-panel);font-size:.82rem}.sk-p-rank{color:var(--sk-soft);font-size:.72rem}.sk-p-name{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-p-pts{font-weight:700;font-variant-numeric:tabular-nums}.sk-p.is-you{border-color:#1de4c28c}.sk-p.is-drawer{background:#ffc53d24}.sk-p.is-guessed{background:#1de4c224}.sk-p.is-away{opacity:.5}.sk-chat{display:flex;flex-direction:column;gap:.4rem;min-height:0}.sk-form{display:flex;gap:.35rem}.sk-input{flex:1;min-width:0;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--sk-line);background:#00000040;color:var(--sk-ink);font-size:16px}.sk-input:focus{outline:2px solid var(--sk-teal);outline-offset:0}.sk-feed{list-style:none;margin:0;padding:.35rem .5rem;height:9.5rem;overflow-y:auto;border:1px solid var(--sk-line);border-radius:10px;background:var(--sk-panel);font-size:.85rem;line-height:1.35}.sk-m{padding:.1rem 0;overflow-wrap:anywhere}.sk-m b{font-weight:600}.sk-m-ok{color:var(--sk-teal);font-weight:600}.sk-m-close{color:var(--sk-gold)}.sk-m-in{color:var(--sk-soft);font-style:italic}.sk-m-sys{color:var(--sk-soft)}.sk-overlay.is-hand{background:#0a1e19f7}.sk-ready,.sk-go{min-width:12rem}.sk-mark{display:flex;flex-direction:column;gap:.35rem}.sk-mark-title{margin:0;font-size:.85rem;color:var(--sk-soft)}.sk-mark-row{display:flex;flex-wrap:wrap;gap:.35rem}.sk-mark-btn{min-height:2.5rem}.sk-peek.is-on{outline:2px solid var(--sk-gold)}.sk-peeked{color:var(--sk-gold);font-weight:700;text-transform:capitalize}.sk-peek,.sk-mark-btn{touch-action:manipulation;user-select:none;-webkit-user-select:none}.sk-mark[hidden],.sk-form[hidden],.sk-pass[hidden]{display:none}@media(min-width:900px){.sk-main{display:grid;grid-template-columns:11rem minmax(0,1fr) 15rem;align-items:start}.sk-players{flex-direction:column;overflow:visible}.sk-p-name{max-width:none;flex:1}.sk-chat{flex-direction:column-reverse}.sk-feed{height:auto;min-height:16rem;max-height:min(28rem,55vh)}}@media(min-width:640px)and (max-width:899px){.sk-main{display:grid;grid-template-columns:minmax(0,1fr) 14rem}.sk-players{grid-column:1 / -1}.sk-chat{flex-direction:column-reverse}.sk-feed{height:auto;flex:1;min-height:10rem;max-height:50vh}}@media(orientation:landscape)and (max-height:560px){.sk-root{--skw: min(calc((100dvh - 5.5rem) * 4 / 3), 60vw)}.sk-root.is-drawer{--skw: min(calc((100dvh - 8.5rem) * 4 / 3), 60vw)}.sk-main{display:grid;grid-template-columns:var(--skw) minmax(10rem,1fr);grid-template-rows:auto 1fr;align-items:start}.sk-stage{grid-column:1;grid-row:1 / span 2;align-items:flex-start}.sk-players{grid-column:2;grid-row:1}.sk-chat{grid-column:2;grid-row:2;flex-direction:column-reverse}.sk-board{width:var(--skw);height:auto}.sk-feed{height:auto;max-height:40vh;min-height:5rem}.sk-tools{max-width:var(--skw)}}@media(prefers-reduced-motion:reduce){.sk-overlay,.sk-note{animation:none;transition:none}}.sk-team-head{flex:none;display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sk-team-head.sk-team-0{background:#ff5e5e2e;color:#ff8a8a}.sk-team-head.sk-team-1{background:#5096ff2e;color:#8dbbff}.sk-p.sk-team-0{border-left:3px solid #ff6b6b}.sk-p.sk-team-1{border-left:3px solid #5a9cff}.sk-word-hint.sk-team-0,.sk-ov-title.sk-team-0,.sk-ov-teams .sk-team-0{color:#ff8a8a}.sk-word-hint.sk-team-1,.sk-ov-title.sk-team-1,.sk-ov-teams .sk-team-1{color:#8dbbff}.sk-ov-teams{margin:.2rem 0;font-weight:700;font-variant-numeric:tabular-nums}
