.g-guess-who{--game:var(--lilac)}.g-arabic-sprint{--game:var(--teal)}body.rg-playing #app{max-width:1200px;padding-block:24px}.rg-page{display:flex;flex-direction:column;gap:18px}.rg-lobby{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rg-room{text-align:center}.rg-room .joinQr{margin-inline:auto}.rg-room-code{font-size:32px;letter-spacing:6px}.rg-chip{display:inline-block;border-radius:99px;background:var(--land);color:var(--auth);padding:5px 12px;font-size:13px}.rg-scores{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rg-scores li{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:12px;padding:12px}.rg-scores strong{margin-inline-start:auto;font-size:23px}.rg-setting{border:0;padding:0;margin:0 0 15px}.rg-setting legend{margin-bottom:8px;font-weight:700}.rg-setting>div{display:flex;flex-wrap:wrap;gap:7px}.rg-choice{background:var(--sunk);border:1px solid var(--land);color:var(--auth);border-radius:9px;padding:10px 14px;font:inherit;cursor:pointer}.rg-choice[aria-pressed=true]{background:var(--auth);color:var(--clarity)}.rg-heading{display:flex;gap:18px;justify-content:space-between;align-items:center}.rg-heading h2{font-size:30px;margin:8px 0}.rg-heading p{color:var(--muted);margin:0}.rg-clock{font-size:30px;background:var(--surface);border-radius:16px;padding:12px 20px;font-variant-numeric:tabular-nums}.rg-turn{background:var(--surface);border-radius:16px;padding:20px;border-inline-start:5px solid var(--teal)}.rg-question{font-size:21px;font-weight:700}.rg-actions{display:flex;gap:10px;flex-wrap:wrap}.gw-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.gw-card{position:relative;overflow:hidden;border:2px solid transparent;background:var(--surface);border-radius:13px;padding:0;color:var(--fg);font:inherit;cursor:pointer}.gw-card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#e8dfd1;display:block}.gw-card b{display:block;padding:8px 4px;font-size:13px;line-height:1.4;min-height:48px}.gw-card.closed img{filter:grayscale(1);opacity:.18}.gw-card.closed:after{content:'×';position:absolute;inset:15% 0 auto;font-size:60px;color:var(--red)}.gw-card.selected{border-color:var(--red);box-shadow:0 0 0 3px var(--land)}.gw-card:focus-visible{outline:3px solid var(--teal)}.gw-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.gw-secret img{width:100px;max-height:140px;object-fit:contain;border-radius:10px}.gw-secret summary{cursor:pointer;font-weight:700}.gw-secret figure{display:flex;align-items:center;gap:15px;margin:15px 0}.gw-credit{font-size:11px;color:var(--muted)}.gw-history{max-height:230px;overflow:auto;padding:0 22px}.gw-history li{padding:7px 0}.sp-letter{font-size:70px;line-height:1;background:var(--auth);color:var(--clarity);padding:20px 30px;border-radius:20px;min-width:110px;text-align:center}.sp-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sp-form label{display:flex;flex-direction:column;gap:8px;font-weight:700}.sp-form input{width:100%;min-width:0}.sp-stop{font-size:23px;min-height:64px}.sp-review{overflow:auto;background:var(--surface);border-radius:16px}.sp-review table{width:100%;border-collapse:collapse;min-width:700px}.sp-review th,.sp-review td{padding:14px 10px;border-bottom:1px solid var(--land);text-align:right;vertical-align:top}.sp-review th{background:var(--land)}.sp-review td>span{display:block;overflow-wrap:anywhere}.sp-status{font-size:12px;color:var(--muted)}.sp-status.invalid{color:var(--red)}.sp-review button{padding:6px 10px;margin-top:8px;min-height:36px}.sp-notice{background:var(--land);padding:16px;border-radius:14px}.rg-page details>p{line-height:1.9}.rg-page [hidden]{display:none}@media(max-width:850px){.gw-board{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.rg-lobby{grid-template-columns:1fr}.gw-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.gw-card b{font-size:11px;min-height:43px}.sp-form{grid-template-columns:1fr 1fr}.sp-form label:last-child{grid-column:1/-1}.rg-heading h2{font-size:24px}.rg-clock{font-size:23px;padding:10px}.rg-heading{gap:10px}.sp-letter{font-size:55px;min-width:80px;padding:15px}.rg-choice{padding:8px 10px}.rg-page{gap:14px}}