:root{color-scheme:dark;--font-body:system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,"Apple Color Emoji","Segoe UI Emoji";--font-display:var(--font-body);--radius-card:14px;--radius-panel:14px;--radius-btn:12px;--radius-chip:12px;--radius-badge:9999px;--shadow-card:0 18px 38px rgba(0,0,0,.55);--shadow-focus:0 0 0 2px rgba(86,127,255,.9);--surface:#0b1220;--surface-elevated:rgba(15,23,42,.82);--surface-subtle:rgba(30,41,59,.65);--border:#1f2937;--text:#e5e7eb;--text-muted:#cbd5e1;--neutral-50:#0b1220;--neutral-100:#0f172a;--neutral-200:#1f2937;--neutral-300:#334155;--neutral-400:#475569;--neutral-500:#64748b;--btn-muted-bg:rgba(31,41,55,.92);--btn-muted-bg-hover:rgba(51,65,85,.96);--btn-muted-fg:#f8fafc;--brand-500:#4f46e5;--brand-600:#4338ca;--brand-text:#fff;--secondary-900:#0f172a;--secondary-800:#1f2937;--secondary-text:#fff;--accent-rose:#e11d48;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-indigo:#6366f1;--accent-sky:#0ea5e9;--accent-fuchsia:#d946ef;--accent-lime:#84cc16;--accent-violet:#8b5cf6;--accent-cyan:#06b6d4;--badge-neutral-bg:#eef2f6;--badge-neutral-text:#334155;--badge-rose-bg:#ffe4e6;--badge-rose-text:#9f1239;--badge-emerald-bg:#d1fae5;--badge-emerald-text:#065f46;--badge-amber-bg:#fef3c7;--badge-amber-text:#92400e;--badge-indigo-bg:#e0e7ff;--badge-indigo-text:#3730a3;--badge-sky-bg:#e0f2fe;--badge-sky-text:#075985;--badge-fuchsia-bg:#fae8ff;--badge-fuchsia-text:#86198f;--badge-lime-bg:#ecfccb;--badge-lime-text:#3f6212;--badge-violet-bg:#ede9fe;--badge-violet-text:#5b21b6;--badge-cyan-bg:#cffafe;--badge-cyan-text:#155e75;--chip-neutral-bg:#e2e8f0;--chip-neutral-text:#334155;--chip-rose-bg:#f43f5e;--chip-rose-text:#fff;--chip-emerald-bg:#10b981;--chip-emerald-text:#fff;--chip-amber-bg:#f59e0b;--chip-amber-text:#fff;--chip-indigo-bg:#6366f1;--chip-indigo-text:#fff;--chip-sky-bg:#0ea5e9;--chip-sky-text:#fff;--page-bg:#050b1e;--page-text:#e5e7eb;--page-text-muted:#cbd5e1;--host-shell-gradient:linear-gradient(145deg,rgba(76,29,149,.85),rgba(30,64,175,.9) 55%,rgba(17,24,39,.95));--host-shell-border:rgba(148,163,184,.28);--host-shell-shadow:0 28px 54px -30px rgba(15,23,42,.75);--host-surface-bg:rgba(24,31,54,.88);--host-surface-border:rgba(148,163,184,.32);--host-surface-shadow:0 32px 56px -28px rgba(7,14,35,.8);--host-card-bg:rgba(15,23,42,.82);--host-card-border:rgba(148,163,184,.34);--host-card-shadow:0 22px 48px -26px rgba(5,11,28,.78);--host-card-soft-bg:rgba(99,102,241,.22);--host-card-soft-border:rgba(129,140,248,.42);--host-chip-bg:rgba(99,102,241,.3);--host-chip-text:#e0e7ff;--host-chip-border:rgba(165,180,252,.45);--host-text-strong:#f8fafc;--host-text-muted:#cbd5e1;--host-divider:rgba(148,163,184,.22);--host-ring:rgba(129,140,248,.45)}body.theme-dark{--surface:#0b1220;--surface-elevated:rgba(15,23,42,.82);--surface-subtle:rgba(30,41,59,.65);--border:#1f2937;--text:#e5e7eb;--text-muted:#cbd5e1;--neutral-50:#0b1220;--neutral-100:#0f172a;--neutral-200:#1f2937;--neutral-300:#334155;--neutral-400:#475569;--neutral-500:#64748b;--btn-muted-bg:rgba(31,41,55,.92);--btn-muted-bg-hover:rgba(51,65,85,.96);--btn-muted-fg:#f8fafc;--shadow-card:0 18px 38px rgba(0,0,0,.55);--page-bg:#050b1e;--page-text:#e5e7eb;--page-text-muted:#cbd5e1;--host-shell-gradient:linear-gradient(145deg,rgba(76,29,149,.85),rgba(30,64,175,.9) 55%,rgba(17,24,39,.95));--host-shell-border:rgba(148,163,184,.28);--host-shell-shadow:0 28px 54px -30px rgba(15,23,42,.75);--host-surface-bg:rgba(24,31,54,.88);--host-surface-border:rgba(148,163,184,.32);--host-surface-shadow:0 32px 56px -28px rgba(7,14,35,.8);--host-card-bg:rgba(15,23,42,.82);--host-card-border:rgba(148,163,184,.34);--host-card-shadow:0 22px 48px -26px rgba(5,11,28,.78);--host-card-soft-bg:rgba(99,102,241,.22);--host-card-soft-border:rgba(129,140,248,.42);--host-chip-bg:rgba(99,102,241,.3);--host-chip-text:#e0e7ff;--host-chip-border:rgba(165,180,252,.45);--host-text-strong:#f8fafc;--host-text-muted:#cbd5e1;--host-divider:rgba(148,163,184,.22);--host-ring:rgba(129,140,248,.45)}#__next,body,html{height:100%}body{color-scheme:dark;background:var(--page-bg);color:var(--page-text);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}.host-shell{background:var(--host-shell-gradient);border:1px solid var(--host-shell-border);border-radius:var(--radius-panel);box-shadow:var(--host-shell-shadow)}.host-shell,.host-surface{color:var(--host-text-strong)}.host-surface{background:var(--host-surface-bg);border:1px solid var(--host-surface-border);border-radius:var(--radius-panel);box-shadow:var(--host-surface-shadow)}.host-card{background:var(--host-card-bg);border:1px solid var(--host-card-border);border-radius:var(--radius-card);box-shadow:var(--host-card-shadow)}.host-card,.host-card-soft{color:var(--host-text-strong)}.host-card-soft{background:var(--host-card-soft-bg);border:1px solid var(--host-card-soft-border);border-radius:var(--radius-card)}.host-chip{background:var(--host-chip-bg);border:1px solid var(--host-chip-border);border-radius:9999px;color:var(--host-chip-text)}.host-muted{color:var(--host-text-muted)}.host-strong{color:var(--host-text-strong)}.host-divider{border-color:var(--host-divider)!important}.host-input{background:var(--host-card-bg);border:1px solid var(--host-card-border);color:var(--host-text-strong);border-radius:var(--radius-btn)}.host-input::-moz-placeholder{color:var(--host-text-muted);opacity:.7}.host-input::placeholder{color:var(--host-text-muted);opacity:.7}.host-input:focus{outline:none;box-shadow:0 0 0 2px var(--host-ring)}.host-dialog{background:var(--host-card-bg);border:1px solid var(--host-card-border);border-radius:24px;box-shadow:0 26px 55px -28px rgba(15,23,42,.55);color:var(--host-text-strong)}.host-dialog-muted{color:var(--host-text-muted)}a{text-underline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}@keyframes fun-card-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.fun-card{transition:box-shadow .3s ease}.fun-card:hover{box-shadow:0 8px 28px -6px rgba(0,0,0,.15),inset 0 0 0 1px hsla(0,0%,100%,.4)}@keyframes spark-pop{0%{transform:translate(-50%,-50%) scale(.4) translate(var(--sx,0)*0px,var(--sy,0)*0px);opacity:0}10%{opacity:1}70%{opacity:1}to{transform:translate(-50%,-50%) scale(1) translate(calc(var(--sx,0)*40px),calc(var(--sy,0)*40px));opacity:0}}.fun-spark{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#fff,hsla(0,0%,100%,0));pointer-events:none;border-radius:50%;animation:spark-pop .9s ease forwards;mix-blend-mode:screen;box-shadow:0 0 0 2px hsla(0,0%,100%,.6),0 0 12px 2px hsla(0,0%,100%,.8)}@keyframes lobby-pulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.6),inset 0 0 0 1px rgba(99,102,241,.5)}70%{box-shadow:0 0 0 6px rgba(99,102,241,0),inset 0 0 0 1px rgba(99,102,241,.4)}to{box-shadow:0 0 0 0 rgba(99,102,241,0),inset 0 0 0 1px rgba(99,102,241,.4)}}@keyframes stat-pop{0%{transform:translateY(4px) scale(.95);opacity:0}60%{transform:translateY(-2px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes hud-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.host-game-shell{position:relative}.host-game-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 30%,rgba(99,102,241,.1),transparent 70%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.1),transparent 70%);pointer-events:none;opacity:.7}.host-game-shell .btn.btn-muted{--btn-muted-bg:transparent;--btn-muted-bg-hover:rgba(148,163,184,.18);--btn-muted-fg:#f8fafc;border:1px solid rgba(226,232,240,.35);backdrop-filter:blur(8px);background-color:transparent}.host-game-shell .btn.btn-muted:hover{border-color:rgba(226,232,240,.55)}.hud-bar{animation:hud-fade-in .45s ease both}.lobby-code{font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:.08em;border:2px solid var(--neutral-200);border-radius:18px;display:inline-flex;justify-content:center;min-width:10rem;box-shadow:0 4px 12px rgba(0,0,0,.05);color:var(--text)}.hud-stat,.lobby-code{background:#fff;align-items:center}.hud-stat{border:1px solid var(--neutral-200);border-radius:12px;padding:.5rem .75rem;display:flex;gap:.4rem;font-size:.75rem;font-weight:500;color:var(--text-muted);position:relative;animation:stat-pop .5s cubic-bezier(.22,1.35,.56,1) both;box-shadow:0 2px 4px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04)}.hud-stat strong{font-size:.85rem;color:var(--text);font-weight:600}.hud-stat[data-variant=ok]{border-color:#10b98144}.hud-stat[data-variant=warn]{border-color:#f59e0b55}.difficulty-badge{border-radius:10px;padding:.35rem .65rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.difficulty-badge[data-diff=easy]{background:#dcfce7;color:#166534}.difficulty-badge[data-diff=medium]{background:#e0f2fe;color:#075985}.difficulty-badge[data-diff=hard]{background:#fee2e2;color:#991b1b}.copy-btn{position:relative}.copy-feedback{position:absolute;top:-8px;right:-4px;background:#10b981;color:#fff;font-size:.55rem;padding:2px 5px;border-radius:6px;animation:hud-fade-in .25s ease both}@media (prefers-reduced-motion:reduce){.copy-feedback,.hud-stat,.lobby-code{animation:none}}@keyframes subtle-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.host-game-shell .panel.host-enhanced{position:relative;overflow:hidden}.host-game-shell .panel.host-enhanced:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;background:radial-gradient(circle at 18% 24%,rgba(99,102,241,.18),transparent 60%),radial-gradient(circle at 82% 70%,rgba(236,72,153,.18),transparent 65%),radial-gradient(circle at 50% 100%,rgba(14,165,233,.15),transparent 70%);mix-blend-mode:lighten}.lobby-code.lobby-code--gradient{background:linear-gradient(120deg,#6366f1,#ec4899,#f59e0b,#0ea5e9,#6366f1);background-size:300% 300%;color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:subtle-shift 12s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.lobby-code.lobby-code--gradient{animation:none}}.section-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);position:relative;padding-left:.75rem}.section-label:before{content:"";position:absolute;left:0;top:50%;width:.4rem;height:.4rem;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:50%;transform:translateY(-50%)}.btn-primary.btn-primary-ready{box-shadow:0 0 0 0 rgba(99,102,241,.55),0 4px 14px -4px rgba(99,102,241,.55);animation:btn-pulse 2.4s ease-in-out infinite}@keyframes btn-pulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.55),0 4px 14px -4px rgba(99,102,241,.55)}70%{box-shadow:0 0 0 12px rgba(99,102,241,0),0 4px 14px -4px rgba(99,102,241,.4)}to{box-shadow:0 0 0 0 rgba(99,102,241,0),0 4px 14px -4px rgba(99,102,241,.4)}}@media (prefers-reduced-motion:reduce){.btn-primary.btn-primary-ready{animation:none}}