:root{--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--font-display:"Dongle", system-ui, sans-serif;--color-background:#fffdf5;--color-foreground:#1e293b;--color-muted:#f1f5f9;--color-muted-foreground:#64748b;--color-accent:#8b5cf6;--color-accent-foreground:#fff;--color-secondary:#f472b6;--color-tertiary:#fbbf24;--color-quaternary:#34d399;--color-border:#e2e8f0;--color-card:#fff;--shadow-pop:4px 4px 0 0 #1e293b;--shadow-pop-hover:6px 6px 0 0 #1e293b;--shadow-pop-active:2px 2px 0 0 #1e293b}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-root{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dot-grid-bg{pointer-events:none;opacity:.62;background-image:radial-gradient(circle,#cbd5e1 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}.floating-shape{z-index:0;pointer-events:none;border:2px solid color-mix(in srgb, var(--color-foreground) 18%, transparent);opacity:.75;position:fixed}.floating-shape--one{background:color-mix(in srgb, var(--color-tertiary) 34%, transparent);border-radius:38% 62% 48% 52%;width:4.5rem;height:4.5rem;animation:8s ease-in-out infinite float-slow;top:18%;left:8%}.floating-shape--two{background:color-mix(in srgb, var(--color-secondary) 22%, transparent);border-radius:999px;width:5.5rem;height:5.5rem;animation:6s ease-in-out infinite float-medium;top:28%;right:8%}.floating-shape--three{background:color-mix(in srgb, var(--color-quaternary) 24%, transparent);border-radius:999px;width:6rem;height:3rem;animation:4s ease-in-out infinite float-fast;bottom:15%;left:14%;transform:rotate(-12deg)}.squiggle-bg{pointer-events:none;opacity:.34;width:13rem;height:6rem;position:fixed;bottom:22%;right:9%}.squiggle-bg path{stroke-dasharray:500;animation:2s ease-out forwards squiggle-draw}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(8deg)}}@keyframes float-medium{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(-6deg)}}@keyframes float-fast{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-10px)rotate(0)}}@keyframes squiggle-draw{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}.top-actions{z-index:30;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex;position:fixed;top:1rem;left:1rem;right:1rem}.mode-nav{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);background:color-mix(in srgb, var(--color-card) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex;box-shadow:0 6px 18px #1e293b14}.mode-nav__item{min-height:1.75rem;color:var(--color-muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 .7rem;font-size:.8rem;font-weight:800;transition:color .18s,background-color .18s,transform .18s}.mode-nav__item:hover{color:var(--color-foreground);transform:translateY(-1px)}.mode-nav__item[data-active=true]{background:var(--color-foreground);color:var(--color-background)}.icon-link,.language-link{min-width:2rem;height:2rem;color:color-mix(in srgb, var(--color-muted-foreground) 72%, transparent);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;transition:color .18s,transform .18s;display:inline-flex}.icon-link:hover,.language-link:hover{color:var(--color-foreground);transform:translateY(-1px)}.icon-link{position:relative}.icon-link svg,.game-icon-button svg{stroke-width:2.2px;width:1.05rem;height:1.05rem}.active-dot{background:var(--color-accent);border-radius:999px;width:.48rem;height:.48rem;position:absolute;top:.1rem;right:.1rem}.casual-page{background:var(--color-background);min-height:100vh;position:relative}.casual-main{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:5rem 2rem 7rem;display:flex;position:relative}.casual-title{color:var(--color-foreground);font-family:var(--font-heading);letter-spacing:0;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(3rem,10vw,5rem);font-weight:900;line-height:.95}.casual-title span{color:var(--color-accent)}.prompt-form{width:min(34rem,100vw - 2rem)}.prompt-row{align-items:center;gap:.75rem;display:flex}.prompt-box{background:var(--color-card);border:2px solid #cbd5e1;border-radius:1rem;flex:1;padding:.25rem;transition:box-shadow .2s,border-color .2s}.prompt-box:focus-within{border-color:var(--color-accent);box-shadow:4px 4px 0 0 var(--color-accent)}.prompt-box input{width:100%;color:var(--color-foreground);background:0 0;border:0;outline:0;padding:.7rem 1rem;font-size:1.1rem;font-weight:700}.creepy-btn{--cb-black:#000;--cb-gray:#f2f1f4;--cb-primary:#7e47eb;--cb-primary-dark:#5d1ae6;background:var(--cb-black);min-width:7rem;color:var(--cb-gray);cursor:pointer;letter-spacing:1px;border:0;border-radius:1.25em;padding:0;font-family:Londrina Solid,Dongle,sans-serif;font-size:1.25rem;display:inline-block;position:relative}.creepy-btn__cover{z-index:1;border-radius:inherit;background:var(--cb-primary);box-shadow:0 0 0 .125em var(--cb-black) inset;transform-origin:1.25em;padding:.5em 1.25em;transition:background-color .3s,transform .3s cubic-bezier(.65,0,.35,1);display:block;position:relative;transform:rotate(-13deg)}.creepy-btn__eyes{z-index:0;pointer-events:none;gap:.375em;display:flex;position:absolute;bottom:.3rem;right:.8rem}.creepy-btn__eye{background:var(--cb-gray);border-radius:50%;width:.75em;height:.75em;animation:3s infinite eye-blink;position:relative;overflow:hidden}.creepy-btn__pupil{background:var(--cb-black);border-radius:50%;width:.375em;height:.375em;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creepy-btn:hover .creepy-btn__cover{background:var(--cb-primary-dark);transform:rotate(0)}.creepy-btn:active .creepy-btn__cover{transform:rotate(0)}.creepy-btn:disabled{cursor:default;opacity:1}@keyframes eye-blink{0%,92%,to{height:.75em}96%{height:0}}.canvas-frame{aspect-ratio:1;width:min(34rem,100vw - 2rem);position:relative}.svg-canvas,.canvas-shell{width:100%;height:100%}.canvas-shell{border:2px solid color-mix(in srgb, var(--color-foreground) 15%, transparent);background:var(--color-card);box-shadow:6px 6px 0 0 var(--color-border);border-radius:1.5rem;position:absolute;inset:0;overflow:hidden}.svg-canvas svg{width:100%;height:100%;display:block}.canvas-overlay{background:var(--color-card);color:var(--color-muted-foreground);text-align:center;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.empty-art{justify-items:center;gap:.9rem;display:grid}.empty-art__icon{border:2px solid color-mix(in srgb, var(--color-accent) 20%, transparent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:999px;place-items:center;width:4rem;height:4rem;display:grid}.empty-art p{font-family:var(--font-heading);margin:0;font-size:1.1rem;font-weight:800}.loading-scribbles{width:9rem;height:5.5rem}.loading-scribbles path{stroke-dasharray:200;stroke-dashoffset:200px;animation:1.6s ease-in-out infinite scribble-draw}.loading-scribbles path:nth-child(2){animation-delay:.25s}.loading-scribbles path:nth-child(3){animation-delay:.5s}@keyframes scribble-draw{0%{stroke-dashoffset:200px}40%,60%{stroke-dashoffset:0}to{stroke-dashoffset:-200px}}.thinking-mask{border-radius:inherit;background:linear-gradient(#f8fafcf5,#f1f5f9f0),radial-gradient(circle at top,#8b5cf61a,#0000 55%);flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.thinking-mask__header{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.78rem;font-weight:900;display:flex}.thinking-mask__dot{background:var(--color-accent);border-radius:999px;width:.55rem;height:.55rem;animation:1.2s ease-in-out infinite pulse-dot;box-shadow:0 0 12px #8b5cf680}.thinking-mask pre{border:2px solid var(--color-border);background:var(--color-card);color:var(--color-muted-foreground);white-space:pre-wrap;word-break:break-word;font-family:var(--font-sans);border-radius:1rem;flex:1;margin:0;padding:.9rem;font-size:.86rem;overflow:hidden}@keyframes pulse-dot{50%{opacity:.72;transform:scale(1.18)}}.export-fab{z-index:15;position:absolute;bottom:-.5rem;right:-.5rem}.export-trigger,.round-icon-button{border:2px solid var(--color-foreground);background:var(--color-card);width:2.75rem;height:2.75rem;color:var(--color-foreground);box-shadow:var(--shadow-pop);cursor:pointer;border-radius:50%;place-items:center;transition:box-shadow .2s,transform .2s,background .2s;display:inline-grid}.export-trigger:hover,.round-icon-button:hover{background:var(--color-accent);color:var(--color-accent-foreground);box-shadow:var(--shadow-pop-hover);transform:translate(-1px,-1px)}.export-menu{border:2px solid var(--color-foreground);background:var(--color-card);min-width:9rem;box-shadow:var(--shadow-pop);border-radius:1rem;gap:.25rem;padding:.4rem;animation:.2s cubic-bezier(.34,1.56,.64,1) pop-in;display:grid;position:absolute;bottom:calc(100% + .5rem);right:0}.export-menu button,.ctx-copy-menu button{color:var(--color-foreground);cursor:pointer;background:0 0;border:0;border-radius:.65rem;justify-content:space-between;gap:.75rem;padding:.5rem .7rem;font-weight:800;display:flex}.export-menu button:hover,.ctx-copy-menu button:hover{background:var(--color-accent);color:#fff}.export-menu small{color:inherit;opacity:.65;font-size:.72rem}@keyframes pop-in{0%{opacity:0;transform:scale(.92)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.history-rail{z-index:20;background:linear-gradient(to top, var(--color-background), #fffdf5cc, transparent);padding:1.5rem .5rem .75rem;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.history-track{will-change:transform;gap:1rem;width:max-content;padding:.35rem 1.5rem;animation:32s linear infinite history-marquee;display:flex;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.history-rail:hover .history-track,.history-rail:focus-within .history-track{animation-play-state:paused}@keyframes history-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.history-card{border:2px solid color-mix(in srgb, var(--color-foreground) 12%, transparent);background:var(--color-card);cursor:pointer;border-radius:.9rem;flex:none;width:5rem;height:5rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:3px 3px #8b5cf638}.history-card:hover{border-color:color-mix(in srgb, var(--color-foreground) 24%, transparent);box-shadow:4px 4px 0 var(--color-accent);transform:translateY(-4px)scale(1.05)}.history-card__label{border:2px solid var(--color-foreground);background:var(--color-foreground);color:var(--color-background);white-space:nowrap;font-family:var(--font-heading);border-radius:.55rem;padding:.25rem .55rem;font-size:.78rem;font-weight:900;display:none;position:absolute;top:-2.4rem;left:50%;transform:translate(-50%)}.history-card:hover .history-card__label{display:block}.modal-root{z-index:100;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;position:absolute;inset:0}.modal-card{z-index:1;border:2px solid var(--color-border);background:var(--color-card);width:min(100%,42rem);max-height:88vh;box-shadow:6px 6px 0 0 var(--color-accent);border-radius:1rem;position:relative;overflow-y:auto}.modal-card--small{width:min(100%,28rem)}.admin-modal-card{border-color:var(--color-foreground);width:min(100%,40rem);box-shadow:6px 6px 0 0 var(--color-accent);border-radius:1.25rem}.modal-body{gap:1rem;padding:1.25rem;display:grid}.modal-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-head h2{font-family:var(--font-heading);margin:0;font-size:1.25rem;font-weight:900}.close-button{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1}.field,.field-row{gap:.35rem;display:grid}.field-row{grid-template-columns:1fr 1fr auto;align-items:end}.field label,.field span,.section-label{color:var(--color-muted-foreground);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:900}.field input,.field textarea,.field select,.admin-input,.admin-textarea{border:2px solid var(--color-border);background:var(--color-muted);width:100%;min-width:0;color:var(--color-foreground);border-radius:.75rem;outline:0;padding:.72rem .85rem;font-weight:700}.field textarea,.admin-textarea{resize:vertical;min-height:7rem}.field input:focus,.field textarea:focus,.field select:focus,.admin-input:focus,.admin-textarea:focus{border-color:var(--color-accent)}.admin-login,.admin-panel{gap:1rem;padding:1.25rem;display:grid}.admin-status{color:var(--color-accent);margin:.18rem 0 0;font-size:.8rem;font-weight:900}.admin-error{color:#dc2626;margin:0;font-size:.86rem;font-weight:900}.admin-section{border-top:1px solid var(--color-border);gap:.55rem;padding-top:.85rem;display:grid}.admin-section--custom{gap:.75rem}.admin-custom-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.admin-custom-grid .field:first-child{grid-column:1/-1}.admin-actions{gap:.75rem;padding-top:.25rem;display:flex}.admin-actions .primary-button{flex:1}.primary-button,.secondary-button,.danger-button{border:2px solid var(--color-foreground);cursor:pointer;min-height:2.6rem;font-family:var(--font-heading);border-radius:.85rem;padding:.55rem 1rem;font-weight:900;transition:box-shadow .18s,transform .18s,opacity .18s}.primary-button{background:var(--color-accent);color:var(--color-accent-foreground);box-shadow:3px 3px 0 0 var(--color-foreground)}.secondary-button{background:var(--color-card);color:var(--color-foreground)}.danger-button{color:#dc2626;background:#fff1f2;border-color:#fecaca;box-shadow:2px 2px #fecaca}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.danger-button:hover:not(:disabled){box-shadow:var(--shadow-pop);transform:translate(-1px,-1px)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.42}.radio-list{gap:.35rem;display:grid}.radio-line,.check-line{cursor:pointer;border-radius:.75rem;align-items:center;gap:.6rem;padding:.55rem .7rem;font-weight:700;display:flex}.radio-line:hover,.check-line:hover{background:var(--color-muted)}.topic-list{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-muted) 45%, transparent);border-radius:.75rem;max-height:8rem;overflow-y:auto}.topic-row{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:.75rem;padding:.45rem .7rem;font-size:.88rem;display:flex}.topic-row:last-child{border-bottom:0}.toast{z-index:130;border:2px solid var(--color-foreground);background:var(--color-foreground);color:var(--color-background);box-shadow:3px 3px 0 var(--color-accent);border-radius:.8rem;padding:.55rem .9rem;font-size:.86rem;font-weight:900;position:fixed;top:4.25rem;left:50%;transform:translate(-50%)}.ctx-copy-menu{z-index:120;border:2px solid var(--color-foreground);background:var(--color-card);box-shadow:var(--shadow-pop);border-radius:.65rem;padding:.25rem;position:fixed}.queue-note,.error-note{border-radius:.85rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:900;display:inline-flex}.queue-note{color:var(--color-accent)}.error-note{color:#dc2626;background:#fff1f2;border:2px solid #fecaca}.pulse-dot{background:currentColor;border-radius:999px;width:.5rem;height:.5rem;animation:1.2s infinite pulse-dot}.game-page{--game-paper:#fff8e7;--game-ink:#172033;--game-muted:#6b7280;--game-line:#1f2937;--game-blue:#3b82f6;--game-red:#ef4444;--game-yellow:#f6c453;--game-green:#14b8a6;--game-card:#fffef8;background:linear-gradient(90deg, #1720330b 1px, transparent 1px), linear-gradient(#1720330b 1px, transparent 1px), var(--game-paper);min-height:100vh;color:var(--game-ink);background-size:32px 32px}.game-topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8e7e0;border-bottom:2px solid #1720331f;justify-content:space-between;align-items:center;min-height:3.75rem;padding:.55rem 1.25rem;display:flex;position:relative}.game-brand,.game-topbar__actions{align-items:center;gap:.75rem;display:flex}.game-brand__mark{border:2px solid var(--game-line);background:var(--game-card);width:2rem;height:2rem;box-shadow:3px 3px 0 var(--game-line);border-radius:9px;flex:none;position:relative;transform:rotate(-3deg)}.game-brand__mark:before{content:"?";border:2px solid var(--game-line);background:var(--game-yellow);width:1rem;height:1rem;font-family:var(--font-heading);border-radius:999px;place-items:center;font-weight:900;display:grid;position:absolute;top:.18rem;left:.22rem}.game-brand__title{font-family:var(--font-heading);font-size:clamp(1.35rem,3vw,2rem);font-weight:900}.game-icon-button,.game-language{height:2rem;color:var(--game-ink);cursor:pointer;background:#fffef8e6;border:1px solid #17203329;border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:inline-flex}.game-icon-button{width:2rem;padding:0;position:relative}.game-icon-button__dot{border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.25rem;right:.25rem}.game-icon-button__dot[data-active=true]{background:var(--game-green)}.game-language{min-width:3rem;padding:0 .75rem}.game-shell{grid-template-rows:auto minmax(0,1fr);gap:.75rem;height:calc(100vh - 3.75rem);min-height:600px;padding:.75rem;display:grid}.game-hud{border:2px solid var(--game-line);background:var(--game-card);box-shadow:4px 4px 0 var(--game-line);border-radius:1rem;justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-weight:900;display:flex}.game-hud span{color:var(--game-muted);font-size:.74rem;display:block}.game-timer{text-align:right}.game-timer[data-low=true] strong{color:var(--game-red)}.game-layout{grid-template-columns:minmax(18rem,25rem) minmax(0,1fr);gap:.75rem;min-height:0;display:grid}.game-panel,.game-stage{border:2px solid var(--game-line);background:var(--game-card);min-height:0;box-shadow:4px 4px 0 var(--game-line);border-radius:1.15rem}.game-panel{grid-template-rows:auto auto minmax(0,1fr) auto;gap:.75rem;padding:.8rem;display:grid}.game-play-style{background:#1720330d;border:2px solid #17203324;border-radius:.9rem;grid-template-columns:1fr 1fr;gap:.35rem;padding:.35rem;display:grid}.game-play-style button{cursor:pointer;min-height:2.35rem;font-family:var(--font-heading);background:0 0;border:2px solid #0000;border-radius:.7rem;font-weight:900}.game-play-style button[data-active=true]{border-color:var(--game-line);background:var(--game-yellow);box-shadow:2px 2px 0 var(--game-line)}.game-system-strip{background:#ffffff6b;border:2px dashed #1720332e;border-radius:.9rem;gap:.35rem;padding:.7rem;display:grid}.game-system-strip[data-tone=success]{border-color:var(--game-green)}.game-system-strip[data-tone=danger]{border-color:var(--game-red)}.game-speaker-line{grid-template-columns:4.2rem minmax(0,1fr);gap:.6rem;margin:0;display:grid}.game-speaker-line span{color:var(--game-muted);font-size:.75rem;font-weight:900}.game-chat{align-content:start;gap:.5rem;min-height:0;padding-right:.2rem;display:grid;overflow-y:auto}.game-chat-message{background:#fff;border:2px solid #1720331f;border-radius:.85rem;padding:.55rem .65rem}.game-chat-message[data-role=player]{background:#3b82f614}.game-chat-message[data-success=true]{border-color:var(--game-green)}.game-chat-message[data-tone=danger]{border-color:var(--game-red)}.game-chat-message small{color:var(--game-muted);font-weight:800;display:block}.game-round-divider{color:var(--game-muted);place-items:center;font-size:.75rem;font-weight:900;display:grid}.game-composer{gap:.55rem;display:grid}.game-guess{grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;display:grid}.game-guess input{background:#fff;border:2px solid #17203324;border-radius:.75rem;outline:0;min-width:0;padding:.65rem .75rem;font-weight:800}.game-primary,.game-secondary{border:2px solid var(--game-line);cursor:pointer;min-height:2.4rem;font-family:var(--font-heading);border-radius:.8rem;padding:.5rem .85rem;font-weight:900}.game-primary{background:var(--game-blue);color:#fff;box-shadow:3px 3px 0 var(--game-line)}.game-secondary{color:var(--game-ink);background:#fff}.game-primary:disabled,.game-secondary:disabled{cursor:not-allowed;opacity:.45}.game-composer__actions,.game-draw-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.game-stage{place-items:center;padding:1rem;display:grid;position:relative;overflow:hidden}.game-board{aspect-ratio:720/560;border:2px solid var(--game-line);background:#fffef8;border-radius:1.05rem;width:min(100%,45rem);position:relative;overflow:hidden}.game-board__svg,.game-board__svg svg,.game-draw-canvas{width:100%;height:100%}.game-draw-canvas{touch-action:none;cursor:crosshair;background:#fffef8;display:block}.game-draw-canvas[data-disabled=true]{cursor:default}.game-board__overlay{color:var(--game-muted);text-align:center;font-family:var(--font-heading);background:#fffef8;place-items:center;gap:.75rem;padding:1rem;font-weight:900;display:grid;position:absolute;inset:0}.game-board__rest-icon{width:min(55%,18rem)}.game-rest__float{animation:5s ease-in-out infinite float-medium}.game-tool-toggle{background:#ffffffd1;border:2px solid #17203324;border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.game-tool-toggle button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .65rem;font-weight:900}.game-tool-toggle button[data-active=true]{background:var(--game-line);color:#fff}.game-color-picker{gap:.35rem;display:inline-flex}.game-color-swatch{border:2px solid var(--game-line);cursor:pointer;border-radius:999px;width:2rem;height:2rem}.game-color-swatch[data-active=true]{outline:3px solid var(--game-yellow);outline-offset:2px}.game-queue{border:2px solid var(--game-line);background:#fff;border-radius:999px;padding:.45rem .7rem;font-weight:900;position:absolute;bottom:1rem;right:1rem}.confetti-piece{z-index:160;pointer-events:none;width:.7rem;height:1.1rem;animation:1.25s ease-in forwards confetti-fall;position:fixed;top:-1rem}@keyframes confetti-fall{to{opacity:.25;transform:translateY(105vh)rotate(720deg)}}.azure-image-page{background:var(--color-background);min-height:100vh}.azure-image-topbar{z-index:20;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:1rem;left:1rem;right:1rem}.azure-image-brand,.azure-image-actions{align-items:center;gap:.75rem;display:flex}.azure-image-brand{border:2px solid var(--color-foreground);background:var(--color-card);min-height:2.25rem;box-shadow:3px 3px 0 var(--color-foreground);font-family:var(--font-heading);border-radius:999px;padding:.35rem .8rem .35rem .45rem;font-weight:900}.azure-image-brand__mark{border:2px solid var(--color-foreground);background:conic-gradient(from -20deg, var(--color-accent), var(--color-secondary), var(--color-tertiary), var(--color-quaternary), var(--color-accent));border-radius:999px;width:1.45rem;height:1.45rem}.azure-image-link{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;font-weight:900}.azure-image-shell{z-index:10;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);grid-template-areas:"hero hero""panel preview";gap:clamp(1rem,3vw,2rem);width:min(72rem,100vw - 2rem);min-height:100vh;margin:0 auto;padding:clamp(5.25rem,8vw,7rem) 0 clamp(2rem,5vw,4rem);display:grid;position:relative}.azure-image-hero{grid-area:hero;justify-content:center;display:flex}.azure-image-hero h1{color:var(--color-foreground);font-family:var(--font-heading);letter-spacing:0;text-align:center;margin:0;font-size:clamp(3.4rem,9vw,5.5rem);font-weight:900;line-height:.88}.azure-image-hero strong{color:var(--color-accent)}.azure-image-panel{border:2px solid var(--color-foreground);background:var(--color-card);box-shadow:var(--shadow-pop);border-radius:1rem;flex-direction:column;grid-area:panel;align-self:start;gap:.9rem;padding:1rem;display:flex}.azure-image-tabs{border:2px solid var(--color-border);background:var(--color-muted);border-radius:.8rem;grid-template-columns:1fr 1fr;gap:.45rem;padding:.35rem;display:grid}.azure-image-tabs button{min-height:2.35rem;color:var(--color-muted-foreground);cursor:pointer;font-family:var(--font-heading);background:0 0;border:2px solid #0000;border-radius:.65rem;font-weight:900}.azure-image-tabs button[data-active=true]{border-color:var(--color-foreground);background:var(--color-tertiary);color:var(--color-foreground);box-shadow:2px 2px 0 var(--color-foreground)}.azure-image-file{border:2px dashed var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-card));cursor:pointer;text-align:center;min-height:8.5rem;font-family:var(--font-heading);border-radius:1rem;place-items:center;padding:1rem;font-weight:900;display:grid;position:relative}.azure-image-file input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.azure-image-panel textarea{resize:vertical;border:2px solid var(--color-border);border-radius:1rem;outline:0;min-height:12rem;padding:.9rem 1rem;font-weight:800;line-height:1.55}.azure-image-preview{border:2px solid var(--color-foreground);background:linear-gradient(135deg, #8b5cf614, transparent 40%), var(--color-card);height:min(62vh,40rem);min-height:28rem;box-shadow:6px 6px 0 var(--color-accent);border-radius:1.5rem;grid-area:preview;place-items:center;display:grid;position:relative;overflow:hidden}.azure-image-preview:before{content:"";opacity:.35;background-image:radial-gradient(circle,#cbd5e1 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.azure-image-preview img{z-index:1;object-fit:contain;width:100%;height:100%;padding:clamp(.75rem,2vw,1.25rem);position:relative}.azure-image-download{z-index:2;position:absolute;bottom:1rem;right:1rem}.azure-image-empty{z-index:1;color:var(--color-muted-foreground);font-family:var(--font-heading);place-items:center;gap:1rem;font-size:1.1rem;font-weight:900;display:grid;position:relative}.azure-image-empty span{border:2px solid var(--color-foreground);background:conic-gradient(from 30deg, var(--color-accent), var(--color-secondary), var(--color-tertiary), var(--color-quaternary), var(--color-accent));width:4.5rem;height:4.5rem;box-shadow:4px 4px 0 var(--color-foreground);border-radius:38% 62% 52% 48%;animation:5s ease-in-out infinite azure-blob}@keyframes azure-blob{0%,to{border-radius:38% 62% 52% 48%;transform:translateY(0)rotate(-4deg)}50%{border-radius:60% 40% 46% 54%;transform:translateY(-8px)rotate(6deg)}}@media (width<=900px){.game-layout,.azure-image-shell{grid-template-columns:1fr}.game-shell{height:auto}.game-layout{min-height:auto}.game-stage{min-height:24rem}.azure-image-shell{grid-template-areas:"hero""panel""preview";padding-top:7.75rem}.azure-image-hero{justify-content:flex-start}.azure-image-hero h1{text-align:left}}@media (width<=620px){.top-actions,.azure-image-topbar{justify-content:space-between;align-items:flex-start}.casual-main{padding-left:1rem;padding-right:1rem}.mode-nav{gap:.1rem;padding:.2rem}.mode-nav__item{padding:0 .48rem;font-size:.72rem}.prompt-row,.field-row,.admin-custom-grid,.game-guess{grid-template-columns:1fr}.admin-custom-grid .field:first-child{grid-column:auto}.admin-actions{flex-direction:column;grid-template-columns:1fr}.prompt-row{flex-direction:row;align-items:center;gap:.55rem;display:flex}.prompt-box{min-width:0}.prompt-box input{padding-left:.75rem;padding-right:.75rem}.creepy-btn{flex:none;width:auto;min-width:5.25rem;font-size:1.1rem}.game-speaker-line{grid-template-columns:1fr;gap:.15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}