.classic-site .c-game{--g-paper:45 90% 89%;--g-ink:240 40% 17%;border:1px solid hsl(var(--c-gold)/.3);background:hsl(var(--c-panel));border-radius:24px;padding:20px;overflow:hidden}.c-game h1{font-size:26px;color:hsl(var(--c-gold));margin:16px 0}.c-game h2{font-size:20px}.c-game .g-welcome{text-align:center;padding:16px 8px}.c-game .g-welcome p{margin-bottom:16px;color:hsl(var(--c-muted));line-height:1.8}.c-game .g-welcome .g-gold,.c-game .g-gold{color:hsl(var(--c-gold))}.c-game .g-player,.c-game .g-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.c-game .g-player{border:1px solid hsl(var(--c-border));padding:16px;border-radius:20px;background:hsl(var(--c-post))}.c-game .g-player>div,.c-game .g-toolbar>div{flex:1;min-width:0}.c-game .g-player strong{font-size:20px}.c-game .g-player p,.c-game .g-toolbar p{color:hsl(var(--c-muted));font-size:14px}.c-game .g-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:2px solid hsl(var(--c-gold));font-size:30px}.c-game progress{display:block;width:100%;height:8px;accent-color:hsl(var(--c-gold));margin:12px 0;border:0}.c-game .g-note{font-size:14px;line-height:1.6;color:hsl(var(--c-muted));margin:16px 0}.c-game .g-saved{padding:16px;background:hsl(var(--c-gold)/.06);border:1px solid hsl(var(--c-gold)/.25);border-radius:20px;margin-bottom:16px}.c-game .g-saved p{color:hsl(var(--c-muted));margin:8px 0 16px}.c-game .g-divider{text-align:center;margin:20px 0 12px;color:hsl(var(--c-gold));font-size:16px}.c-game .g-mode{display:flex;width:100%;align-items:center;gap:16px;text-align:left;padding:16px;min-height:88px;border:1px solid hsl(var(--c-gold)/.3);border-radius:18px;background:hsl(var(--c-post));margin-bottom:12px;transition:transform .18s,opacity .18s}.c-game .g-mode:hover{transform:translateY(-2px);background:hsl(var(--c-gold)/.08)}.c-game .g-mode:active{transform:scale(.98)}.c-game .g-mode>span:nth-child(2){flex:1}.c-game .g-mode strong{display:block;font-size:20px}.c-game .g-mode small{display:block;color:hsl(var(--c-muted));font-size:14px;margin-top:4px}.c-game .g-mode-icon{font-size:32px}.c-game .g-solo{background:hsl(var(--c-green)/.22);border-color:hsl(var(--c-green))}.c-game .g-chalk{padding:24px 20px;background:hsl(var(--g-paper));border:2px solid hsl(var(--c-gold));border-radius:16px;color:hsl(var(--g-ink));margin:16px 0}.c-game .g-chalk h2{font-size:22px;line-height:1.7;color:hsl(var(--g-ink));margin-top:16px}.c-game .g-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:700}.c-game .g-tags span{padding:4px 8px;border:1px solid hsl(var(--g-ink)/.25);border-radius:6px}.c-game .g-chalk [data-result]{margin-top:16px;font-weight:700;color:hsl(var(--g-ink))}.c-game .g-verse-link{color:hsl(var(--g-ink));background:none;border:0;text-decoration:underline;min-height:44px;font-weight:700}.c-game .g-options{display:grid;gap:8px;margin-bottom:16px}.c-game .g-option{display:flex;align-items:center;gap:12px;min-height:60px;border:2px solid hsl(var(--c-gold)/.35);border-radius:14px;background:hsl(var(--c-post));padding:12px;text-align:left;font-weight:600;transition:transform .15s,opacity .15s}.c-game .g-option:hover:not(:disabled){transform:translateX(2px);border-color:hsl(var(--c-gold))}.c-game .g-option .g-letter{height:36px;width:36px;flex-shrink:0;border-radius:50%;background:hsl(var(--c-gold));color:hsl(var(--c-bg));display:grid;place-items:center;font-weight:800}.c-game .g-option.is-correct{background:hsl(var(--c-green));border-color:hsl(var(--c-green));opacity:1}.c-game .g-option.is-wrong{background:hsl(var(--c-red));border-color:hsl(var(--c-red));opacity:1}.c-game .g-timer{padding:8px 12px;border:1px solid hsl(var(--c-gold)/.4);border-radius:12px;color:hsl(var(--c-gold));font-weight:800}.c-game .g-timer.is-urgent{color:hsl(var(--c-text));background:hsl(var(--c-red))}.c-game .g-feedback{color:hsl(var(--c-gold));margin-top:16px;white-space:pre-wrap}.c-game .g-dialog{max-width:560px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:24px;border:1px solid hsl(var(--c-gold)/.4);border-radius:24px;background:hsl(var(--c-post));color:hsl(var(--c-text))}.c-game .g-dialog::backdrop{background:hsl(var(--c-shadow)/.85)}.c-game .g-dialog-close{float:right;margin-bottom:12px}.c-game .g-dialog h2{margin-bottom:16px}.c-game .g-dialog p{line-height:1.8;margin-bottom:16px}.c-game .g-dialog form:not([method=dialog]){clear:both}.c-game .g-room-code{display:block;font-size:32px;letter-spacing:6px;color:hsl(var(--c-gold));margin:12px 0}.c-game .g-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.c-game .g-player-slot,.c-game .g-ranking-row{padding:12px 16px;border:1px solid hsl(var(--c-border));border-radius:12px;background:hsl(var(--c-post));margin-bottom:8px;overflow-wrap:anywhere}.c-game .g-ranking-row{display:flex;gap:12px;justify-content:space-between}.c-game .g-ranking-row strong{color:hsl(var(--c-gold))}@media(min-width:640px){.classic-site .c-game{padding:24px}.c-game .g-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.c-game *{transition:none!important}}