@tailwind base;@tailwind components;@tailwind utilities;:root{--game-bg-top: #1a0f2e;--game-bg-mid: #12081f;--game-bg-bottom: #0d0618;--game-card: rgba(88, 48, 140, .35);--game-card-inner: rgba(120, 70, 180, .12);--game-border: #a855f7;--game-border-soft: rgba(192, 132, 252, .55);--game-green: #22c55e;--game-green-bright: #4ade80;--game-odd-bg: #2d2a35;--game-chip: rgba(60, 45, 85, .9)}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(165deg,var(--game-bg-top) 0%,var(--game-bg-mid) 45%,var(--game-bg-bottom) 100%);color:#f8fafc}.glass-panel,.game-card{background:linear-gradient(145deg,var(--game-card-inner) 0%,var(--game-card) 50%,rgba(45,25,75,.5) 100%);border:3px solid var(--game-border-soft);border-radius:1.5rem;box-shadow:0 0 0 1px #a855f726 inset,0 8px 32px #00000073,0 2px #ffffff0f inset}.game-page-bg{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(139,92,246,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(168,85,247,.08),transparent 50%),linear-gradient(165deg,var(--game-bg-top) 0%,var(--game-bg-mid) 50%,var(--game-bg-bottom) 100%)}.game-tab-strip{@apply flex rounded-2xl p-1;background:#00000040;box-shadow:inset 0 2px 8px #00000059;border:1px solid rgba(168,85,247,.25)}.game-tab{@apply flex-1 rounded-xl py-2.5 text-center text-xs font-semibold transition-all;color:#e2e8f08c}.game-tab-active{background:linear-gradient(180deg,#643296d9,#3c1e64f2);color:#fff;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff1f;border:1px solid rgba(192,132,252,.4)}.gloss-btn-even{position:relative;overflow:hidden;border-radius:1.25rem;border:2px solid rgba(74,222,128,.85);background:linear-gradient(165deg,#4ade80,#16a34a 45%,#15803d);box-shadow:0 6px #14532d,0 8px 24px #16a34a73,inset 0 2px #ffffff73}.gloss-btn-even:before{content:"";position:absolute;left:8%;right:8%;top:6%;height:38%;border-radius:999px;background:linear-gradient(180deg,#ffffff8c,#ffffff0d);pointer-events:none}.gloss-btn-even-selected{box-shadow:0 0 0 3px #fafafa59,0 6px #14532d,0 12px 28px #22c55e8c,inset 0 2px #ffffff80}.gloss-btn-odd{position:relative;overflow:hidden;border-radius:1.25rem;border:2px solid rgba(100,90,115,.9);background:linear-gradient(165deg,#4b5563,#374151 40%,#1f2937);box-shadow:0 6px #111827,0 8px 20px #00000080,inset 0 2px #ffffff1f}.gloss-btn-odd:before{content:"";position:absolute;left:8%;right:8%;top:6%;height:35%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);pointer-events:none}.gloss-btn-odd-selected{border-color:#f472b6bf;box-shadow:0 0 0 3px #f472b659,0 6px #111827,inset 0 2px #fff3}.chip-pill{border-radius:999px;background:linear-gradient(180deg,#5a4678f2,#2d2346fa);border:1px solid rgba(140,100,180,.45);box-shadow:inset 0 2px 4px #ffffff14,0 3px 8px #00000059;color:#e2e8f0;font-weight:600;font-size:.75rem}.chip-pill:hover{border-color:#c084fca6;box-shadow:inset 0 2px 4px #ffffff1f,0 4px 12px #8b5cf640}.chip-pill-active{border-color:#4ade80cc;background:linear-gradient(180deg,#3c785080,#1e4632d9)}.game-input{border-radius:1rem;border:2px solid rgba(120,80,160,.5);background:linear-gradient(180deg,#190f2df2,#0f0a1efa);box-shadow:inset 0 3px 10px #00000073;color:#fff}.game-input:focus{outline:none;border-color:#c084fcd9;box-shadow:inset 0 3px 10px #00000073,0 0 0 3px #a855f733}.btn-game-confirm{border-radius:999px;background:linear-gradient(180deg,#4ade80,#22c55e 35%,#16a34a);border:2px solid rgba(187,247,208,.5);box-shadow:0 5px #14532d,0 10px 28px #22c55e73,inset 0 2px #ffffff59;color:#052e16;font-weight:700}.btn-game-confirm:hover:not(:disabled){filter:brightness(1.06)}.btn-game-confirm:disabled{opacity:.45;filter:grayscale(.3)}.bead-even{@apply flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-xs font-bold text-white;background:linear-gradient(145deg,#4ade80,#16a34a);box-shadow:0 3px #14532d,inset 0 1px #ffffff59;border:1px solid rgba(134,239,172,.6)}.bead-odd{@apply flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-xs font-bold text-white;background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 3px #7f1d1d,inset 0 1px #ffffff40;border:1px solid rgba(252,165,165,.5)}.neon-button{position:relative;overflow:hidden;transition:all .3s ease}.neon-button:before{content:"";position:absolute;top:-50%;left:-50%;width:40%;height:400%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transition:all .6s;transform:skew(-25deg)}.neon-button:hover:before{left:150%}.hash-char{transition:all .1s linear}.hash-char:hover{color:#2f8;text-shadow:0 0 15px #22ff88}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#a78bfa59;animation:float-p 12s ease-in-out infinite}@keyframes float-p{0%,to{transform:translateY(0) scale(1);opacity:.35}50%{transform:translateY(-20px) scale(1.2);opacity:.55}}