.drawing-stage{z-index:100;background:var(--background);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--foreground);border:0;border-radius:0;outline:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.drawing-stage[data-open=false]{display:none}.drawing-stage-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--card) 92%, var(--primary));flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:10px 18px;display:grid}.drawing-stage-title{align-items:center;gap:10px;min-width:0;display:flex}.drawing-stage-title>svg{color:var(--primary);flex-shrink:0}.drawing-stage-title>div{min-width:0}.drawing-stage-title [data-slot=dialog-title]{margin:0;font-size:18px;line-height:1.4}.drawing-stage-title [data-slot=dialog-description]{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.drawing-stage-timer{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-width:94px;display:flex}.drawing-stage-timer>svg{color:var(--primary)}.drawing-stage-timer strong{font-variant-numeric:tabular-nums;font:700 24px/1.2 Arial,sans-serif}.drawing-stage-timer>span{text-align:center;width:100%;color:var(--muted-foreground);font-size:11px}.drawing-stage-actions{justify-self:end;gap:6px;display:flex}.drawing-stage-actions button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--foreground);background:#ffffff04;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:inline-flex}.drawing-stage-actions button:hover{background:color-mix(in srgb, var(--primary) 10%, var(--card))}.drawing-stage-editor{flex:auto;min-width:0;min-height:0;display:flex}.drawing-stage .drawing-workspace.immersive{background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--primary) 8%, var(--background)), var(--background));border:0;border-radius:0;flex:1;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:8px 14px;display:grid;position:relative}.drawing-stage .drawing-tools{flex-shrink:0;margin:0;padding:4px 0 10px}.drawing-stage .color-palette{scrollbar-width:thin;flex-wrap:nowrap;min-width:0;max-width:100%;padding:5px 4px;overflow-x:auto}.drawing-stage .color-palette button{flex:0 0 32px;width:32px;height:32px}.drawing-stage .canvas-actions .quiet-icon{width:40px;height:40px}.drawing-stage .drawing-paper-area{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.drawing-stage .canvas-wrap{border-radius:8px;flex-shrink:0;max-width:none;margin:0;box-shadow:0 8px 35px #0004}.drawing-stage .drawing-bottom{min-height:48px;margin:0;padding:7px 0 0}.drawing-stage .drawing-bottom>.btn{width:auto;min-height:42px}.drawing-stage .keyboard-help{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drawing-stage .drawing-workspace>.subtle{bottom:10px;max-width:50%;margin:0;font-size:11px;position:absolute;inset-inline-start:16px}.drawing-stage-save{border-top:1px solid var(--border);background:var(--card);min-height:27px;color:var(--muted-foreground);text-align:center;flex:none;padding:3px 16px 5px;font-size:11px}.drawing-stage-error{color:#f2b9bf;background:#e8414a0b;flex:none;margin:0;padding:8px 16px;font-size:13px}.drawing-stage-loading{width:100%;color:var(--muted-foreground);place-items:center;display:grid}.drawing-launcher{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.drawing-launcher h2{margin:0 0 6px;font-size:20px}.drawing-launcher p{color:var(--muted-foreground);margin:0;font-size:14px}.floating-reference{z-index:6;width:var(--reference-width);border:1px solid color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:width var(--motion);border-radius:12px;position:absolute;top:6px;right:6px;overflow:hidden;box-shadow:0 8px 25px #0005}.floating-reference[data-resizing=true]{transition:none}.floating-reference[data-collapsed=true]{border-radius:10px;width:48px}.floating-reference-heading{justify-content:space-between;align-items:center;gap:3px;min-height:36px;padding:4px 5px 4px 9px;display:flex}.floating-reference-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.floating-reference button{width:32px;height:32px;color:var(--foreground);background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.floating-reference button:hover{background:#ffffff0b}.floating-reference button:disabled{opacity:.35;cursor:default}.floating-reference .character-image{aspect-ratio:4/5;border-radius:0;width:100%}.floating-reference-tools{align-items:center;gap:3px;padding:3px 3px 28px;display:flex}.floating-reference-tools [data-slot=slider]{min-width:0}.floating-reference .reference-resize-handle{cursor:nesw-resize;touch-action:none;width:44px;height:28px;color:var(--muted-foreground);border-radius:0 0 0 12px;position:absolute;bottom:0;left:0}.floating-reference .reference-restore{width:46px;height:46px;color:var(--primary)}@media (max-width:700px){.drawing-stage-header{gap:8px;padding:8px}.drawing-stage-title{gap:6px}.drawing-stage-title [data-slot=dialog-title]{font-size:15px}.drawing-stage-title [data-slot=dialog-description]{font-size:10px}.drawing-stage-actions button{padding:8px}.drawing-stage-actions button>span{display:none}.drawing-stage .drawing-tools{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}.drawing-stage .color-palette{grid-column:1/-1}.drawing-stage .brush-size{min-width:0}.drawing-stage .canvas-actions{gap:3px}.drawing-stage .drawing-workspace.immersive{padding:4px 8px}.drawing-stage .drawing-bottom>span{display:none}.drawing-stage .drawing-bottom{justify-content:flex-end}.drawing-stage .drawing-workspace>.subtle{font-size:10px}}@media (max-height:480px) and (min-width:701px){.drawing-stage-header{padding-block:4px}.drawing-stage .drawing-tools{padding-block:0}.drawing-stage .drawing-bottom{min-height:40px;padding:3px 0 0}.drawing-stage-save{min-height:22px}}@media (prefers-reduced-motion:reduce){.floating-reference{transition:none}}.activity-settings{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;margin:22px 0 16px;display:flex}.activity-settings>p{color:var(--muted-foreground);margin:0 0 10px;font-size:13px}.activity-difficulty{gap:7px;min-width:180px;max-width:100%;display:grid}.activity-difficulty label{color:var(--muted-foreground);font-size:13px}.activity-difficulty .picker{width:100%;min-height:44px}.lobby-form .activity-difficulty{width:100%}.activity-best{color:var(--muted-foreground);margin:14px 0;font-size:12px}.activity-best strong{color:var(--foreground);font-variant-numeric:tabular-nums}.activity-start{text-align:center;background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 75%);border:1px solid var(--border);border-radius:14px;justify-items:center;gap:12px;padding:36px 20px;display:grid}.activity-start>svg{color:var(--primary)}.activity-start h3{margin:0;font-size:21px}.activity-start p{max-width:470px;color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.9}.events-page .game-heading{flex-wrap:wrap;gap:14px}.events-page .game-scoreline{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:12px 24px;margin:18px 0}.memory-board{width:min(100%,800px);min-width:0;margin-inline:auto;position:relative}.memory-board:has([data-pairs="8"]){width:min(100%,clamp(320px,100dvh - 320px,640px))}.memory-board:has([data-pairs="10"]){width:min(100%,clamp(320px,125dvh - 400px,760px))}.memory-grid[data-pairs="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.memory-grid[data-pairs="10"]{grid-template-columns:repeat(5,minmax(0,1fr))}.memory-card{isolation:isolate;position:relative}.memory-card-photo{pointer-events:none;transition:opacity var(--motion);position:absolute;inset:0;overflow:hidden}.memory-card-photo .character-image{aspect-ratio:auto;height:100%}.memory-card.revealed{border-color:color-mix(in srgb, var(--primary) 65%, var(--border))}.memory-card:disabled{opacity:1;cursor:default}.memory-card.matched{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--primary) 25%, transparent)}.memory-status{text-align:center;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;display:flex;position:absolute;inset:0}.memory-status>svg{color:var(--primary)}.memory-status p{color:var(--muted-foreground);margin:0;font-size:13px}.activity-result{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 7%, var(--card));border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.activity-result.success{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.activity-result>svg{color:var(--primary);flex-shrink:0}.activity-result p{color:var(--muted-foreground);margin:3px 0 0;font-size:13px}.guess-frame{min-width:0;position:relative}.guess-photo{transform-origin:50%;will-change:filter;transition:filter var(--motion), transform var(--motion)}.guess-loading{text-align:center;background:var(--card);color:var(--muted-foreground);place-items:center;padding:22px;font-size:14px;display:grid;position:absolute;inset:0}.guess-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.guess-answer-grid .btn{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:48px;padding:10px 8px;font-size:13px}.guess-feedback{gap:12px;padding:14px 0 0;display:grid}.guess-feedback strong{font-size:14px;line-height:1.8}.events-page .guess-options{min-width:0}@media (max-width:700px){.memory-grid[data-pairs]{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.events-page .guess-layout{grid-template-columns:minmax(0,1fr);gap:16px}.guess-frame{justify-self:center;width:min(100%,176px)}}@media (max-width:420px){.activity-settings>p{margin:0}.activity-difficulty{width:100%}.memory-grid[data-pairs]{gap:7px}.memory-card{border-radius:10px}.memory-card>svg{width:20px;height:20px}.events-page .game-heading h2{font-size:21px}.events-page .game-scoreline{gap:10px 14px;font-size:12px}.activity-start{padding:26px 15px}.activity-start h3{font-size:18px}.guess-answer-grid .btn{font-size:12px}}.events-page .mini-game{scroll-margin-top:100px}@media (prefers-reduced-motion:reduce){.memory-card-photo,.guess-photo{transition:none}}