:root{--bg: #0a0e1f;--bg-1: #131734;--bg-2: #1d2348;--bg-3: #2a3160;--surface: #161b3a;--surface-2: #1f2547;--border: #2e3563;--border-soft: rgba(255, 255, 255, .08);--fg: #f8fafc;--fg-soft: #cbd5e1;--muted: #8b94b8;--accent: #f97316;--accent-hover: #fb923c;--accent-press: #ea580c;--accent-2: #fbbf24;--ok: #22c55e;--warn: #f59e0b;--err: #f43f5e;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--touch-min: clamp(48px, 6vmin, 96px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--shadow-glow-amber: 0 8px 32px rgba(249, 115, 22, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100dvh;width:100vw;overflow:hidden;background:var(--bg);color:var(--fg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}#root{display:block;height:100dvh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em}h1{font-size:clamp(1.75rem,4vmin,3.25rem);line-height:1.1}h2{font-size:clamp(1.1rem,2.6vmin,1.7rem);line-height:1.2}h3{font-size:clamp(1rem,2vmin,1.35rem);line-height:1.3}p,li{font-size:clamp(.95rem,1.8vmin,1.15rem);line-height:1.5}.muted{color:var(--muted)}.error{color:var(--err)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{min-height:var(--touch-min);min-width:var(--touch-min);padding:.625rem 1.125rem;font-size:clamp(.95rem,2vmin,1.2rem);font-weight:600;font-family:inherit;border-radius:var(--radius);border:1px solid transparent;background:var(--bg-3);color:var(--fg);cursor:pointer;touch-action:manipulation;transition:transform 80ms ease,opacity .12s ease,box-shadow .2s ease,background .16s ease,border-color .16s ease}button:hover{background:var(--surface-2)}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;font-weight:800;border-color:var(--accent);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--fg)}.btn-secondary:hover{background:var(--surface-2)}.btn-go{font-size:clamp(1.2rem,3.2vmin,2rem);padding:1rem 3rem;font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#1a1300;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-amber);text-transform:uppercase}.btn-go:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent-2) 100%);transform:translateY(-2px);box-shadow:0 14px 40px #f9731680}.btn-go:active{transform:translateY(0)}.catalog-screen{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem max(env(safe-area-inset-right,0px),1.5rem) max(env(safe-area-inset-bottom,0px),1.5rem) max(env(safe-area-inset-left,0px),1.5rem);padding-top:max(env(safe-area-inset-top,0px),1.25rem);height:100dvh;width:100vw;overflow-y:auto}.catalog-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% -10%,rgba(249,115,22,.18) 0%,transparent 55%),radial-gradient(ellipse at -10% 110%,rgba(124,58,237,.18) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-1) 100%);z-index:0}.catalog-screen>*{position:relative;z-index:1}.catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0 .5rem;max-width:1280px;margin:0 auto;width:100%}.catalog-eyebrow{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.catalog-title{font-size:clamp(2rem,6vmin,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.05}.catalog-title-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.catalog-sub{margin-top:.5rem;color:var(--fg-soft);max-width:540px}.catalog-admin-link{flex:0 0 auto;width:clamp(48px,5vmin,64px);height:clamp(48px,5vmin,64px);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:1.4rem}.catalog-admin-link:hover{background:var(--surface-2);text-decoration:none;border-color:var(--accent)}.catalog-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;max-width:1280px;width:100%;margin:0 auto}.catalog-search{flex:1 1 280px;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);min-height:56px}.catalog-search input{flex:1 1 auto;background:transparent;border:none;outline:none;color:var(--fg);font-size:1rem;font-family:inherit;min-width:0}.catalog-search input::placeholder{color:var(--muted)}.catalog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f973162e}.catalog-filters{display:flex;flex-wrap:wrap;gap:.45rem;flex:1 1 auto}.filter-chip{min-height:40px;padding:.4rem .95rem;background:var(--surface);color:var(--fg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.9rem;font-weight:600}.filter-chip:hover{background:var(--surface-2);color:var(--fg)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.catalog-state{padding:2rem;text-align:center}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;list-style:none;padding:0;margin:0 auto;max-width:1280px;width:100%}.catalog-card{list-style:none}.catalog-card a{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;color:var(--fg);transition:transform .14s ease,border-color .14s ease,box-shadow .2s ease;height:100%}.catalog-card a:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-lg);text-decoration:none}.catalog-card-cover{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;font-size:clamp(3rem,8vmin,5rem);color:#fffffff2;text-shadow:0 2px 12px rgba(0,0,0,.35)}.catalog-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.25) 100%);pointer-events:none}.catalog-card-icon{position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.catalog-card-tier{position:absolute;top:.75rem;right:.75rem;z-index:2;padding:.25rem .7rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2)}.catalog-card-tier.tier-free{background:#22c55ed9}.catalog-card-tier.tier-member{background:#3b82f6d9}.catalog-card-tier.tier-subscriber{background:#ec4899d9}.catalog-card-body{flex:1 1 auto;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem 1.1rem}.catalog-card-body h3{font-weight:800;letter-spacing:-.02em;font-size:clamp(1.05rem,2vmin,1.25rem)}.catalog-card-blurb{flex:1 1 auto;font-size:.9rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.tag{display:inline-block;padding:.2rem .55rem;background:var(--bg-3);border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;color:var(--fg-soft);letter-spacing:.02em}.tag-fase{background:#7c3aed40;color:#c4b5fd}.tag-count{background:#22c55e2e;color:#86efac}.catalog-empty{grid-column:1 / -1;padding:4rem 1rem;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg)}.setup-screen{display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden}.setup-hero{display:flex;align-items:center;gap:1rem;padding:1.5rem;padding-top:max(env(safe-area-inset-top,0px),1.5rem);color:#fff;position:relative;overflow:hidden}.setup-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.2) 100%);pointer-events:none}.setup-hero-icon{font-size:clamp(2.5rem,7vmin,4.5rem);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.setup-hero-text{flex:1 1 auto;min-width:0}.setup-hero-text h1{color:#fff}.setup-hero-text p{color:#ffffffe6;margin-top:.25rem}.setup-hero-meta{display:flex;flex-direction:column;gap:.4rem}.setup-hero-pill{padding:.3rem .8rem;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:center}.setup-hero-pill.tier-free{background:#22c55eb3}.setup-hero-pill.tier-member{background:#3b82f6b3}.setup-hero-pill.tier-subscriber{background:#ec4899b3}.setup-body{flex:1 1 auto;overflow-y:auto;padding:1.25rem 1.5rem;padding-left:max(env(safe-area-inset-left,0px),1.5rem);padding-right:max(env(safe-area-inset-right,0px),1.5rem);width:100%}.setup-body-inner{max-width:1100px;margin:0 auto;width:100%}.setup-section{margin-bottom:1.5rem}.setup-section h2{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.setup-section-hint{margin-top:-.4rem;margin-bottom:.6rem;font-size:.85rem}.setup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.setup-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.25rem 1.1rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;position:relative;overflow:hidden}.setup-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(249,115,22,.08),transparent 60%);opacity:0;transition:opacity .2s ease}.setup-tile:hover{border-color:var(--bg-3);transform:translateY(-2px)}.setup-tile:hover:before{opacity:1}.setup-tile.active{border-color:var(--accent);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:0 0 0 3px #f973162e}.setup-tile-icon{font-size:clamp(1.8rem,3.6vmin,2.4rem)}.setup-tile-label{font-weight:800;font-size:1.05rem}.setup-tile-desc{font-size:.85rem;color:var(--muted)}.setup-tile-meta{margin-top:.4rem;font-size:.75rem;color:var(--fg-soft);background:var(--bg-3);padding:.2rem .55rem;border-radius:var(--radius-pill);align-self:flex-start}.setup-pills{display:flex;flex-wrap:wrap;gap:.5rem}.setup-pill{padding:.7rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-pill);font-weight:600;display:inline-flex;align-items:center;gap:.4rem}.setup-pill:hover{background:var(--surface-2)}.setup-pill.active{border-color:var(--accent);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:0 0 0 3px #f973162e}.setup-pill-hint{font-size:.7rem;color:var(--muted);font-weight:500}.setup-actions{padding:1rem 1.5rem;padding-bottom:max(env(safe-area-inset-bottom,0px),1rem);display:flex;justify-content:center;background:linear-gradient(180deg,transparent 0%,rgba(10,14,31,.85) 50%)}.game-screen{display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden}.game-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem clamp(1rem,2vw,2rem);padding-top:max(env(safe-area-inset-top,0px),clamp(.5rem,1vh,1rem));background:linear-gradient(180deg,var(--bg-1) 0%,var(--surface) 100%);border-bottom:1px solid var(--border);min-height:50px}.game-title{font-weight:700;font-size:clamp(.95rem,1.8vmin,1.2rem);flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent-2);font-size:clamp(1rem,2vmin,1.4rem);padding:.25rem .75rem;background:#fbbf241f;border:1px solid rgba(251,191,36,.4);border-radius:var(--radius-pill)}.game-controls{display:flex;gap:.5rem}.game-controls button{min-height:clamp(40px,5vmin,56px);min-width:clamp(40px,5vmin,56px);padding:.4rem .8rem;font-size:.9rem}.game-canvas{flex:1 1 0;min-height:0;position:relative;background:linear-gradient(180deg,#87ceeb,#c7e7f5);overflow:hidden}.visualization-container{width:100%;height:100%;position:relative;overflow:hidden}.visualization-canvas{width:100%;height:100%;display:block}.game-panels{flex:0 0 auto;height:48vh;display:flex;flex-direction:row;gap:clamp(.8rem,1.5vw,1.5rem);padding-top:clamp(.5rem,1vh,1rem);padding-left:max(env(safe-area-inset-left,0px),clamp(.8rem,1.8vw,2rem));padding-right:max(env(safe-area-inset-right,0px),clamp(.8rem,1.8vw,2rem));padding-bottom:max(env(safe-area-inset-bottom,0px),clamp(.8rem,1.5vh,1.5rem));background:var(--bg);border-top:1px solid var(--border);overflow:hidden}.layout-1p .game-panels{justify-content:center}.layout-1p .player-panel{flex:0 1 min(600px,100%)}.layout-2p .game-panels{gap:clamp(1.5rem,4vw,4.5rem)}.layout-2p .player-panel,.layout-3p .player-panel,.layout-4p .player-panel{flex:1 1 0;min-width:0}.profile-kid .game-panels{height:58vh}@media(max-height:700px){.game-panels{height:54vh}.profile-kid .game-panels{height:62vh}}.player-panel{display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0;box-shadow:var(--shadow-md)}.player-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;color:#fff;font-weight:800;font-size:clamp(.85rem,1.5vmin,1rem);letter-spacing:.01em;position:relative}.player-header:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 100%);pointer-events:none}.player-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.player-score,.player-progress,.player-counter{font-variant-numeric:tabular-nums;background:#00000040;padding:.15rem .6rem;border-radius:var(--radius-pill);font-size:.85em}.player-counter{background:#ffffff2e;font-weight:800}.player-empty{padding:1rem;color:var(--muted);text-align:center;font-style:italic}.player-input{flex:1 1 auto;display:flex;flex-direction:column;padding:.5rem;min-height:0;overflow:hidden}.question-display{flex:0 0 32%;background:var(--bg-1);border-top:4px solid var(--border);padding:.6rem .75rem;margin:.4rem .5rem 0;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;transition:background .2s ease,border-color .2s ease;overflow:hidden}.question-display:has(.question-media){flex:0 0 46%}.question-display.feedback-correct{background:#22c55e2e;border-top-color:var(--ok)}.question-display.feedback-incorrect{background:#f43f5e2e;border-top-color:var(--err)}.question-prompt{font-size:clamp(1.25rem,3.4vmin,2.2rem);font-weight:800;word-break:break-word;letter-spacing:-.01em}.question-feedback{margin-top:.5rem;font-weight:800;font-size:clamp(.95rem,2vmin,1.3rem);letter-spacing:.04em}.question-feedback.correct{color:var(--ok)}.question-feedback.incorrect{color:var(--err)}.question-media{flex:1 1 auto;min-height:0;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:.4rem;width:100%;overflow:hidden}.question-display:has(.question-media) .question-prompt{font-size:clamp(.95rem,2.4vmin,1.5rem);flex:0 0 auto}.question-media-image{max-height:100%;max-width:100%;border-radius:8px;background:#0003;object-fit:contain}.choice-pad-image{grid-template-columns:repeat(2,1fr)}.choice-btn-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;min-height:clamp(96px,14vmin,160px)}.choice-btn-img{max-height:clamp(60px,9vmin,110px);max-width:100%;object-fit:contain;border-radius:6px}.choice-btn-label{font-size:clamp(.8rem,1.6vmin,1rem);font-weight:700}.number-pad{display:flex;flex-direction:column;gap:.35rem;flex:1 1 auto;min-height:0;padding:.35rem}.number-pad-display{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .75rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px}.number-pad-value{flex:1 1 auto;font-size:clamp(1.2rem,3.4vmin,2rem);font-weight:800;font-variant-numeric:tabular-nums;text-align:center;color:var(--fg);letter-spacing:.05em;min-height:1.2em;line-height:1.2}.number-pad-backspace{min-width:36px;min-height:36px;padding:0;background:var(--bg-3);font-size:1.1rem}.number-pad-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:.35rem;flex:1 1 auto;min-height:0}.number-pad-btn{font-size:clamp(1rem,3.2vmin,1.85rem);font-weight:800;background:var(--surface-2);border:1px solid var(--border);min-height:0;padding:.25rem;font-variant-numeric:tabular-nums}.number-pad-btn:hover{background:var(--bg-3)}.number-pad-btn.btn-ok{color:#fff;font-weight:900;font-size:clamp(.95rem,2.5vmin,1.4rem);letter-spacing:.05em}.number-pad-btn.btn-clear{background:#f43f5e2e;color:#fda4af}.number-pad-btn.btn-clear:hover{background:#f43f5e4d}.choice-pad{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:.4rem;padding:.35rem;flex:1 1 auto;min-height:0;overflow:hidden}.choice-btn{background:var(--surface-2);border:2px solid var(--border);font-size:clamp(1.1rem,3.2vmin,2.2rem);font-weight:800;padding:.5rem .6rem;min-height:0;word-break:break-word;text-align:center;letter-spacing:-.01em;line-height:1.15;transition:transform 80ms ease,border-color .16s ease,background .16s ease}.choice-btn:hover{background:var(--bg-3);transform:translateY(-1px)}.tf-pad{grid-template-columns:1fr 1fr;gap:.6rem}.tf-btn{font-size:clamp(1.4rem,4vmin,2.6rem);font-weight:900;min-height:0;letter-spacing:.04em}.tf-true{background:linear-gradient(135deg,#15803d,#16a34a);color:#ecfdf5;border-color:#22c55e}.tf-false{background:linear-gradient(135deg,#9f1239,#be123c);color:#fff1f2;border-color:#f43f5e}.short-text-pad{display:flex;gap:.5rem;padding:.5rem;flex:1 1 auto;align-items:center}.short-text-input{flex:1 1 auto;min-height:clamp(48px,7vmin,64px);padding:.5rem .85rem;background:var(--bg);color:var(--fg);border:2px solid var(--border);border-radius:var(--radius);font-size:clamp(.95rem,2vmin,1.2rem);font-family:inherit}.short-text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f973162e}.short-text-submit{font-weight:900;color:#fff;padding:0 1.5rem;min-height:clamp(48px,7vmin,64px)}.countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0a0e1feb,#000000eb);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.countdown-number{font-size:clamp(4rem,18vmin,14rem);font-weight:900;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 80px rgba(249,115,22,.5);animation:countdown-pulse 1s ease infinite;letter-spacing:-.05em}@keyframes countdown-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.18);opacity:1}}.pause-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0a0e1fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pause-fade-in .2s ease-out}@keyframes pause-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.pause-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 2.5rem;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:pause-pop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes pause-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pause-icon{font-size:clamp(3rem,8vmin,5rem);margin-bottom:.5rem}.pause-modal h2{font-size:clamp(1.5rem,4vmin,2.4rem);margin-bottom:.4rem}.pause-modal p{margin:0 0 1.25rem}.pause-actions{display:flex;flex-direction:column;gap:.6rem}.pause-actions button{width:100%}.pause-btn-resume{font-size:1.05rem}.pause-btn-exit{background:#f43f5e1f;color:#fda4af;border:1px solid rgba(244,63,94,.4)}.pause-btn-exit:hover{background:#f43f5e40;border-color:var(--err)}.game-btn-exit{background:#f43f5e26!important;border:1px solid rgba(244,63,94,.45)!important;color:#fda4af!important}.game-btn-exit:hover{background:#f43f5e4d!important}.confetti-canvas{position:fixed;inset:0;pointer-events:none;z-index:50}.result-screen{position:relative;display:flex;flex-direction:column;align-items:center;height:100dvh;width:100vw;overflow-y:auto;background:radial-gradient(ellipse at 50% -10%,rgba(251,191,36,.18) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-1) 100%);padding:max(env(safe-area-inset-top,0px),1.25rem) 1.5rem max(env(safe-area-inset-bottom,0px),1.5rem)}.result-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1100px;padding:1rem 0}.result-banner{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 3rem;border-radius:var(--radius-lg);color:#fff;text-align:center;box-shadow:var(--shadow-lg);min-width:320px;animation:result-bounce .7s cubic-bezier(.34,1.56,.64,1)}.result-banner.draw{background:linear-gradient(135deg,#92400e,#f59e0b)}.result-banner-icon{font-size:clamp(3rem,8vmin,5rem);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.result-banner h1{font-size:clamp(2rem,7vmin,4rem);letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.3)}.result-banner p{font-size:clamp(1.1rem,3vmin,1.6rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0;opacity:.95}@keyframes result-bounce{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:100%}.result-stat-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease}.result-stat-card.winner{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:var(--shadow-glow-amber);transform:scale(1.04)}.result-stat-card header{display:flex;align-items:center;gap:.5rem}.result-rank{font-weight:900;color:var(--muted);font-size:.95rem;font-variant-numeric:tabular-nums}.result-name{font-weight:800;font-size:1.1rem}.result-score-big{font-size:clamp(2.2rem,5vmin,3.2rem);font-weight:900;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.result-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin:0}.result-meta dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem}.result-meta dd{font-weight:800;font-size:1.05rem;margin:0;font-variant-numeric:tabular-nums}.result-meta dd.ok{color:var(--ok)}.result-meta dd.err{color:var(--err)}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem 0}.admin-screen{position:relative;height:100dvh;width:100vw;overflow-y:auto;padding:1.25rem max(env(safe-area-inset-right,0px),1.5rem) max(env(safe-area-inset-bottom,0px),1.5rem) max(env(safe-area-inset-left,0px),1.5rem);padding-top:max(env(safe-area-inset-top,0px),1.25rem)}.admin-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,rgba(124,58,237,.18) 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(249,115,22,.12) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-1) 100%)}.admin-screen>*{position:relative;z-index:1}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;max-width:1200px;margin:0 auto 1.25rem;width:100%}.admin-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-back{display:inline-block;margin-bottom:.5rem;font-size:.9rem}.admin-new-btn{padding:.85rem 1.75rem;font-size:1rem}.admin-state{padding:2rem;text-align:center}.admin-table-wrap{max-width:1200px;margin:0 auto;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border-soft)}.admin-table th{background:var(--surface-2);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-row-title{display:flex;align-items:center;gap:.75rem}.admin-subject-icon{font-size:1.6rem}.admin-row-slug{font-size:.75rem}.admin-code{background:var(--bg-3);padding:.15rem .5rem;border-radius:6px;font-family:ui-monospace,monospace;font-size:.8rem}.admin-row-actions{display:flex;gap:.4rem;align-items:center;white-space:nowrap;text-align:right}.admin-btn-sm{min-height:36px;min-width:36px;padding:.3rem .7rem;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}.admin-btn-delete{background:#f43f5e1f!important;color:#fda4af!important;border:1px solid rgba(244,63,94,.4)!important}.admin-btn-delete:hover:not(:disabled){background:#f43f5e40!important}.admin-empty{padding:3rem;text-align:center;color:var(--muted)}.admin-error{max-width:1200px;margin:0 auto 1rem;padding:1rem 1.25rem;background:#f43f5e1f;border:1px solid rgba(244,63,94,.4);border-radius:var(--radius);color:#fecaca}.admin-error ul{margin:.5rem 0 0 1rem;padding:0}.admin-error li{font-size:.9rem}.admin-section{max-width:1200px;margin:0 auto 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.admin-section h2{margin-bottom:1rem;font-size:1.2rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.admin-form-full{grid-column:1 / -1}.admin-form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.admin-form-grid label>span{font-weight:600;color:var(--fg-soft)}.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.admin-question input,.admin-question textarea,.admin-question select{background:var(--bg-1);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .75rem;font-family:inherit;font-size:.95rem;min-height:42px}.admin-form-grid input:focus,.admin-form-grid textarea:focus,.admin-form-grid select:focus,.admin-question input:focus,.admin-question textarea:focus,.admin-question select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f973162e}.admin-slug-row{display:flex;gap:.4rem}.admin-slug-row input{flex:1}.admin-chip-section{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1rem}.admin-chip-label{font-size:.85rem;color:var(--muted);font-weight:600;margin-right:.4rem}.admin-questions{display:flex;flex-direction:column;gap:.85rem}.admin-question{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.admin-question header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-q-num{font-weight:800;color:var(--accent);margin-right:.5rem}.admin-question header select{flex:0 0 auto;min-height:38px}.admin-question header>button{margin-left:auto}.admin-question label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.admin-question label>span{font-weight:600;color:var(--fg-soft)}.admin-q-options{display:flex;flex-direction:column;gap:.4rem}.admin-q-options-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--fg-soft);font-weight:600}.admin-q-option-row{display:flex;align-items:center;gap:.5rem}.admin-q-option-row input[type=radio]{flex:0 0 auto;width:18px;height:18px;min-height:18px;cursor:pointer;accent-color:var(--accent)}.admin-q-option-row input[type=text]{flex:1}.admin-q-tf{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.admin-radio-inline{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}.admin-radio-inline input[type=radio]{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}.admin-footer-actions{max-width:1200px;margin:1.5rem auto 0;display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:700px){.admin-table th:nth-child(2),.admin-table td:nth-child(2),.admin-table th:nth-child(5),.admin-table td:nth-child(5){display:none}}.admin-logout-btn{background:#f43f5e1f;color:#fda4af;border:1px solid rgba(244,63,94,.4)}.admin-logout-btn:hover{background:#f43f5e40}.admin-login{display:flex;align-items:center;justify-content:center}.admin-login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2.25rem;max-width:420px;width:100%;box-shadow:var(--shadow-lg);text-align:center;position:relative;z-index:1}.admin-login-box h1{margin-bottom:.5rem;font-size:clamp(1.5rem,4vmin,2rem)}.admin-login-form{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem;text-align:left}.admin-login-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.admin-login-form label>span{font-weight:600;color:var(--fg-soft)}.admin-login-form input{background:var(--bg-1);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .85rem;font-family:inherit;font-size:1rem;min-height:44px}.admin-login-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f973162e}.admin-login-form .btn-go{margin-top:.5rem;width:100%;padding:.85rem 1.5rem}.admin-login-error{background:#f43f5e26;border:1px solid rgba(244,63,94,.45);color:#fecaca;padding:.6rem .85rem;border-radius:var(--radius);font-size:.9rem}.admin-login-back{display:inline-block;margin-top:1.25rem;font-size:.85rem}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(env(safe-area-inset-top,0px),1.5rem) max(env(safe-area-inset-right,0px),1.5rem) max(env(safe-area-inset-bottom,0px),1.5rem) max(env(safe-area-inset-left,0px),1.5rem);gap:1rem;min-height:100dvh;width:100%}