:root{color-scheme:dark;--z-base:0;--z-content:1;--z-elevated:10;--z-header:30;--z-dropdown:40;--z-tooltip:45;--z-popover:50;--z-overlay:60;--z-modal:80;--z-modal-content:85;--z-notification:100;--z-toast:105;--z-system:120;--z-feedback:140;--z-feedback-modal:150;--z-debug:160;--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 25px 50px -12px rgba(0,0,0,.65);--shadow-card-raised:0 35px 60px -15px rgba(0,0,0,.75),0 0 0 1px hsla(0,0%,100%,.1) inset;--shadow-card-float:0 50px 100px -20px rgba(0,0,0,.85),0 0 0 1px hsla(0,0%,100%,.15) inset;--shadow-inset-top:inset 0 2px 4px 0 hsla(0,0%,100%,.1);--shadow-inset-bottom:inset 0 -2px 4px 0 rgba(0,0,0,.3);--shadow-bevel:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px 2px 0 hsla(0,0%,100%,.1);--shadow-focus:0 0 0 3px rgba(86,127,255,.9),0 0 20px rgba(86,127,255,.5);--depth-1:0 1px 2px rgba(0,0,0,.1);--depth-2:0 4px 8px rgba(0,0,0,.2);--depth-3:0 10px 20px rgba(0,0,0,.3);--depth-4:0 20px 40px rgba(0,0,0,.4);--depth-5:0 40px 80px rgba(0,0,0,.5);--glow-cyan:0 0 20px rgba(6,182,212,.5);--glow-purple:0 0 20px rgba(168,85,247,.5);--glow-pink:0 0 20px rgba(236,72,153,.5);--glow-amber:0 0 20px rgba(245,158,11,.5);--glow-blue:0 0 20px rgba(59,130,246,.5);--surface:#0b1220;--surface-elevated:rgba(15,23,42,.92);--surface-subtle:rgba(30,41,59,.75);--border:#1f2937;--border-3d-top:hsla(0,0%,100%,.1);--border-3d-bottom:rgba(0,0,0,.4);--border-glow-cyan:rgba(6,182,212,.6);--border-glow-purple:rgba(168,85,247,.6);--border-glow-pink:rgba(236,72,153,.6);--material-glass:rgba(15,23,42,.7);--material-glass-border:hsla(0,0%,100%,.15);--material-metal:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.9));--material-plastic:linear-gradient(145deg,rgba(51,65,85,.9),rgba(30,41,59,.9));--material-glow:linear-gradient(145deg,rgba(99,102,241,.2),rgba(168,85,247,.2));--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(168,85,247,.9),rgba(99,102,241,.85) 55%,rgba(59,130,246,.8));--host-shell-border:rgba(199,210,254,.4);--host-shell-shadow:0 28px 54px -30px rgba(99,102,241,.4);--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(168,85,247,.85),rgba(99,102,241,.8) 55%,rgba(59,130,246,.75));--host-shell-border:rgba(199,210,254,.3);--host-shell-shadow:0 28px 54px -30px rgba(99,102,241,.3);--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-color:hsla(0,0%,100%,.2) rgba(0,0,0,.5) rgba(0,0,0,.5) hsla(0,0%,100%,.2);border-style:solid;border-width:1px 2px 2px 1px;border-radius:var(--radius-panel);box-shadow:var(--shadow-bevel),var(--host-shell-shadow),0 0 20px rgba(99,102,241,.3);color:var(--host-text-strong);transition:all .3s ease}.host-shell:hover{box-shadow:var(--shadow-card-float),0 0 30px rgba(99,102,241,.5);transform:translateY(-4px)}.host-surface{background:var(--host-surface-bg);border-top:1px solid var(--host-surface-border);border:1px solid var(--host-surface-border);border-top-color:var(--border-3d-top);border-left:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-right:2px solid var(--border-3d-bottom);border-radius:var(--radius-panel);box-shadow:var(--shadow-bevel),var(--host-surface-shadow);color:var(--host-text-strong);transition:all .2s ease}.host-surface:hover{box-shadow:var(--shadow-card-float);transform:translateY(-3px)}.host-card{background:var(--host-card-bg);border-top:1px solid var(--host-card-border);border:1px solid var(--host-card-border);border-top-color:var(--border-3d-top);border-left:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-right:2px solid var(--border-3d-bottom);border-radius:var(--radius-card);box-shadow:var(--shadow-bevel),var(--host-card-shadow);color:var(--host-text-strong);transition:all .2s ease}.host-card:hover{box-shadow:var(--shadow-card-raised);transform:translateY(-2px)}.host-card-soft{background:var(--host-card-soft-bg);border:1px solid var(--host-card-soft-border);border-radius:var(--radius-card);color:var(--host-text-strong)}.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-top:1px solid var(--host-card-border);border:1px solid var(--host-card-border);border-top-color:var(--border-3d-bottom);border-left:1px solid var(--border-3d-bottom);border-bottom:1px solid var(--border-3d-top);border-right:1px solid var(--border-3d-top);color:var(--host-text-strong);border-radius:var(--radius-btn);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),inset 0 -1px 0 hsla(0,0%,100%,.1)}.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;border-color:var(--border-glow-cyan);box-shadow:var(--shadow-focus),inset 0 2px 4px rgba(0,0,0,.2),inset 0 -1px 0 hsla(0,0%,100%,.1)}.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}}@keyframes readyPulse{0%{box-shadow:0 0 28px rgba(245,158,11,.5),0 4px 14px -4px rgba(245,158,11,.6)}50%{box-shadow:0 0 44px rgba(245,158,11,.75),0 4px 20px -4px rgba(245,158,11,.8)}to{box-shadow:0 0 28px rgba(245,158,11,.5),0 4px 14px -4px rgba(245,158,11,.6)}}@media (prefers-reduced-motion:reduce){.animate-\[readyPulse_2\.5s_ease-in-out_infinite\]{animation:none}}.game-card-3d{background:var(--material-plastic)!important;border-top:1px solid var(--border)!important;border:1px solid var(--border)!important;border-top-color:var(--border-3d-top)!important;border-left:1px solid var(--border-3d-top)!important;border-bottom:2px solid var(--border-3d-bottom)!important;border-right:2px solid var(--border-3d-bottom)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-bevel),var(--depth-3)!important;position:relative;transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .3s cubic-bezier(.25,.8,.25,1);will-change:transform;transform:translateZ(0)}.game-card-3d:hover{transform:translateY(-4px) translateZ(0)}.game-card-3d:focus-visible{outline:2px solid var(--border-glow-cyan);outline-offset:2px}.game-card-3d-raised{background:var(--material-metal);border:2px solid transparent;border-radius:var(--radius-card);box-shadow:var(--shadow-card-raised),var(--depth-4);position:relative}.game-card-3d-raised:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(145deg,var(--border-3d-top),var(--border-3d-bottom));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.game-glass-3d{background:var(--material-glass);border:1px solid var(--material-glass-border);border-radius:var(--radius-card);box-shadow:var(--depth-3),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.game-glass-3d:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%);pointer-events:none}.game-btn-3d{background:linear-gradient(145deg,var(--brand-600),var(--brand-500));border:none;border-radius:var(--radius-btn);box-shadow:0 4px 0 var(--border-3d-bottom),0 6px 8px rgba(0,0,0,.3);color:var(--brand-text);font-weight:700;padding:12px 24px;position:relative;transition:transform .1s ease,opacity .1s ease;transform:translateY(0) translateZ(0);will-change:transform}.game-btn-3d:hover{transform:translateY(-2px) translateZ(0)}.game-btn-3d:active{transform:translateY(4px) translateZ(0)}.game-btn-3d:focus-visible{outline:2px solid var(--border-glow-cyan);outline-offset:2px}.glow-border{position:relative;border-radius:var(--radius-card)}.glow-border:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-card) + 2px);background:linear-gradient(45deg,var(--accent-cyan),var(--accent-fuchsia),var(--accent-violet));z-index:-1;opacity:.7;filter:blur(8px);animation:glow-rotate 3s linear infinite}@keyframes glow-rotate{0%{filter:hue-rotate(0deg) blur(8px)}to{filter:hue-rotate(1turn) blur(8px)}}.text-3d{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 0 hsla(0,0%,100%,.1);color:var(--text)}.text-3d-glow{text-shadow:0 0 10px var(--glow-cyan),0 0 20px var(--glow-cyan),0 0 30px var(--glow-cyan);color:#fff}.game-panel-3d{background:var(--surface-elevated);border-radius:var(--radius-panel);box-shadow:var(--depth-5),inset 0 1px 0 hsla(0,0%,100%,.1);padding:2rem;position:relative}.game-panel-3d:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-fuchsia));border-radius:var(--radius-panel) var(--radius-panel) 0 0}.game-input-3d{background:var(--surface-subtle);border-top:1px solid var(--border);border:1px solid var(--border);border-top-color:var(--border-3d-top);border-left:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-right:2px solid var(--border-3d-bottom);border-radius:var(--radius-btn);box-shadow:var(--shadow-inset-top),var(--shadow-inset-bottom);padding:12px 16px;color:var(--text);transition:all .2s ease}.game-input-3d:focus{outline:none;border-color:var(--border-glow-cyan);box-shadow:var(--shadow-focus),var(--shadow-inset-top),var(--shadow-inset-bottom)}.badge-3d{background:linear-gradient(145deg,var(--accent-amber),var(--accent-orange));border:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-radius:9999px;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;font-weight:700;padding:4px 12px;display:inline-flex;align-items:center;gap:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.game-card-3d-custom{border-top:1px solid var(--border);border:1px solid var(--border);border-top-color:var(--border-3d-top);border-left:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-right:2px solid var(--border-3d-bottom);border-radius:var(--radius-card);box-shadow:var(--shadow-bevel),var(--depth-3);position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.game-card-3d-custom:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-float);border-color:var(--border-glow-cyan)}.game-card-3d-custom:focus-visible{outline:2px solid var(--border-glow-cyan);outline-offset:2px}.game-btn-3d-custom{border:none;border-top:1px solid var(--border-3d-top);border-left:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-right:2px solid var(--border-3d-bottom);border-radius:var(--radius-btn);box-shadow:0 4px 0 var(--border-3d-bottom),0 6px 8px rgba(0,0,0,.3);position:relative;transition:all .1s ease;transform:translateY(0)}.game-btn-3d-custom:hover{box-shadow:0 6px 0 var(--border-3d-bottom),0 8px 12px rgba(0,0,0,.4);transform:translateY(-2px)}.game-btn-3d-custom:active{transform:translateY(4px);box-shadow:0 0 0 var(--border-3d-bottom),0 2px 4px rgba(0,0,0,.2)}.game-btn-3d-custom:focus-visible{outline:2px solid var(--border-glow-cyan);outline-offset:2px}.game-panel-3d-glass{border-top:1px solid var(--border);border:1px solid var(--border);border-top-color:var(--border-3d-top);border-left:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-right:2px solid var(--border-3d-bottom);border-radius:var(--radius-card);box-shadow:var(--shadow-bevel),var(--depth-4);position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.game-panel-3d-glass:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-float),var(--depth-5);border-color:var(--border-glow-cyan)}.game-card-3d-soft{border:1px solid hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15) rgba(0,0,0,.2) rgba(0,0,0,.2) hsla(0,0%,100%,.15);border-style:solid;border-width:1px 2px 2px 1px;border-radius:var(--radius-card);box-shadow:var(--shadow-bevel),var(--depth-2);position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.game-card-3d-soft:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-float),var(--depth-3);border-color:var(--border-glow-purple)}.game-item-3d{border:1px solid hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12) rgba(0,0,0,.25) rgba(0,0,0,.25) hsla(0,0%,100%,.12);border-style:solid;border-width:1px 2px 2px 1px;border-radius:calc(var(--radius-card) - 4px);box-shadow:var(--depth-1),inset 0 1px 0 hsla(0,0%,100%,.05);position:relative;transition:all .2s ease}.game-item-3d:hover{transform:translateY(-2px);box-shadow:var(--depth-2),inset 0 1px 0 hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15)}.game-modal-3d{border-top:1px solid var(--border);border:1px solid var(--border);border-top-color:var(--border-3d-top);border-left:1px solid var(--border-3d-top);border-bottom:2px solid var(--border-3d-bottom);border-right:2px solid var(--border-3d-bottom);border-radius:var(--radius-card);box-shadow:var(--shadow-card-raised),var(--depth-5);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-chip-3d{border:1px solid hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15) rgba(0,0,0,.25) rgba(0,0,0,.25) hsla(0,0%,100%,.15);border-style:solid;border-width:1px 2px 2px 1px;border-radius:var(--radius-chip);box-shadow:var(--depth-1),inset 0 1px 0 hsla(0,0%,100%,.05);background:hsla(0,0%,100%,.08);color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s ease}.game-chip-3d:hover{transform:translateY(-1px);box-shadow:var(--depth-2),inset 0 1px 0 hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.12)}@keyframes sun-rays-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.sun-rays-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:0}.sun-rays-bg:before{content:"";position:absolute;width:220%;height:220%;top:50%;left:50%;background:conic-gradient(from 0deg,rgba(168,85,247,.11) 0deg,rgba(168,85,247,0) 15deg,rgba(99,102,241,.11) 30deg,rgba(99,102,241,0) 45deg,rgba(6,182,212,.11) 60deg,rgba(6,182,212,0) 75deg,rgba(168,85,247,.11) 90deg,rgba(168,85,247,0) 105deg,rgba(99,102,241,.11) 120deg,rgba(99,102,241,0) 135deg,rgba(6,182,212,.11) 150deg,rgba(6,182,212,0) 165deg,rgba(168,85,247,.11) 180deg,rgba(168,85,247,0) 195deg,rgba(99,102,241,.11) 210deg,rgba(99,102,241,0) 225deg,rgba(6,182,212,.11) 240deg,rgba(6,182,212,0) 255deg,rgba(168,85,247,.11) 270deg,rgba(168,85,247,0) 285deg,rgba(99,102,241,.11) 300deg,rgba(99,102,241,0) 315deg,rgba(6,182,212,.11) 330deg,rgba(6,182,212,0) 345deg,rgba(168,85,247,.11) 1turn);animation:sun-rays-rotate 28s linear infinite;mix-blend-mode:screen}@media (prefers-reduced-motion:reduce){.sun-rays-bg:before{animation:none}}