*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--bg-start: #0a0818;--bg-mid: #1a1245;--bg-end: #0d0b2e;--surface-primary: rgba(255, 255, 255, .06);--surface-secondary: rgba(255, 255, 255, .03);--surface-elevated: rgba(255, 255, 255, .1);--surface-glass: rgba(255, 255, 255, .07);--surface-glass-border: rgba(255, 255, 255, .12);--surface-glass-strong: rgba(255, 255, 255, .1);--text-primary: #f0f0f5;--text-secondary: rgba(240, 240, 245, .7);--text-muted: rgba(240, 240, 245, .4);--accent-gold: #f5c842;--accent-gold-glow: rgba(245, 200, 66, .3);--accent-blue: #5b8def;--accent-purple: #a855f7;--accent-green: #34d399;--accent-cyan: #22d3ee;--piece-1: #facc15;--piece-2: #fb923c;--piece-3: #ef4444;--piece-4: #a855f7;--piece-5: #3b82f6;--piece-6: #22c55e;--piece-7: #ec4899;--piece-8: #a3623a;--piece-9: #94a3b8;--piece-1-light: #fef08a;--piece-2-light: #fed7aa;--piece-3-light: #fca5a5;--piece-4-light: #d8b4fe;--piece-5-light: #93c5fd;--piece-6-light: #86efac;--piece-7-light: #f9a8d4;--piece-8-light: #c9956a;--piece-9-light: #cbd5e1;--board-bg: rgba(255, 255, 255, .95);--board-cell: rgba(0, 0, 0, .03);--board-cell-hover: rgba(100, 100, 255, .15);--board-cell-valid: rgba(34, 197, 94, .5);--board-cell-invalid: rgba(239, 68, 68, .5);--board-border: rgba(0, 0, 0, .08);--board-blocker: #374151;--board-blocker-icon: rgba(255, 255, 255, .6);--btn-primary-bg: linear-gradient(135deg, #6366f1, #8b5cf6);--btn-primary-hover: linear-gradient(135deg, #818cf8, #a78bfa);--btn-secondary-bg: rgba(255, 255, 255, .08);--btn-secondary-hover: rgba(255, 255, 255, .14);--btn-danger: #ef4444;--twitter-color: #000000;--whatsapp-color: #25D366;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--shadow-glow-gold: 0 0 40px rgba(245, 200, 66, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--cell-size: clamp(40px, 12vmin, 68px);--board-gap: 2px}body{font-family:var(--font-body);color:var(--text-primary);background:linear-gradient(160deg,var(--bg-start),var(--bg-mid),var(--bg-end));background-attachment:fixed;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(600px circle at 20% 30%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(500px circle at 80% 70%,rgba(168,85,247,.06) 0%,transparent 60%),radial-gradient(400px circle at 50% 50%,rgba(34,211,238,.04) 0%,transparent 60%);animation:ambientDrift 20s ease-in-out infinite alternate}@keyframes ambientDrift{0%{background:radial-gradient(600px circle at 20% 30%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(500px circle at 80% 70%,rgba(168,85,247,.06) 0%,transparent 60%),radial-gradient(400px circle at 50% 50%,rgba(34,211,238,.04) 0%,transparent 60%)}50%{background:radial-gradient(600px circle at 35% 50%,rgba(99,102,241,.1) 0%,transparent 60%),radial-gradient(500px circle at 65% 30%,rgba(168,85,247,.07) 0%,transparent 60%),radial-gradient(400px circle at 40% 70%,rgba(34,211,238,.05) 0%,transparent 60%)}to{background:radial-gradient(600px circle at 70% 60%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(500px circle at 30% 40%,rgba(168,85,247,.06) 0%,transparent 60%),radial-gradient(400px circle at 60% 20%,rgba(34,211,238,.04) 0%,transparent 60%)}}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 55% 15%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 70% 45%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 85% 80%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 15% 85%,rgba(255,255,255,.15) 50%,transparent 50%),radial-gradient(1px 1px at 45% 55%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 90% 25%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 60% 90%,rgba(255,255,255,.2) 50%,transparent 50%);animation:starsTwinkle 8s ease-in-out infinite alternate}@keyframes starsTwinkle{0%{opacity:.5}to{opacity:1}}.screen{display:none;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.screen.active{display:flex;flex-direction:column;animation:screenFadeIn .4s var(--ease-out) both}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#screen-menu{align-items:center;justify-content:center;padding:var(--space-6);position:relative}.menu-container{position:relative;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);z-index:1}.menu-glow{position:absolute;top:-150px;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,rgba(168,85,247,.06) 40%,transparent 70%);pointer-events:none;z-index:0;animation:glowPulse 6s ease-in-out infinite alternate}@keyframes glowPulse{0%{transform:translate(-50%) scale(1);opacity:.8}to{transform:translate(-50%) scale(1.15);opacity:1}}#screen-game{min-height:100vh;min-height:100dvh}.game-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#0a0818b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--surface-glass-border);position:sticky;top:0;z-index:100}.game-main{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4);flex:1}.board-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.pieces-panel{width:100%;order:2}.pieces-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.game-sidebar{display:none}@media(min-width:768px){.game-main{padding:var(--space-6)}.pieces-tray{padding:var(--space-4)}}@media(min-width:1024px){.game-main{display:grid;grid-template-columns:260px 1fr 260px;gap:var(--space-6);align-items:start;max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-6)}.pieces-panel{order:0;position:sticky;top:80px}.pieces-tray{flex-direction:column;overflow-x:visible;max-height:calc(100vh - 120px);overflow-y:auto}.game-sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:80px}}#screen-victory{align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden}.victory-container{position:relative;max-width:500px;width:100%;z-index:1}.victory-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-8)}#screen-stats{align-items:center;justify-content:center;padding:var(--space-4);position:relative}.stats-container{max-width:500px;width:100%;box-sizing:border-box;z-index:1}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.stats-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700}.stats-spacer{width:40px}.stats-overview{display:flex;justify-content:space-between;background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.calendar-section{background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.calendar-month-title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.board-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);user-select:none;-webkit-user-select:none}.board-labels{display:flex;align-items:center}.board-labels span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;font-weight:600}.board-labels-cols{gap:var(--board-gap);padding-left:calc(var(--fs-xs) + var(--space-2) + var(--space-1))}.board-labels-cols span{width:var(--cell-size);text-align:center}.board-labels-rows{flex-direction:column;gap:var(--board-gap);padding-right:var(--space-2)}.board-labels-rows span{height:var(--cell-size);display:flex;align-items:center;justify-content:center}.board-with-rows{display:flex}.board{display:grid;grid-template-columns:repeat(6,var(--cell-size));grid-template-rows:repeat(6,var(--cell-size));gap:var(--board-gap);padding:var(--space-2);background:var(--board-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 1px #ffffff80,0 0 60px #6366f114;position:relative;touch-action:none}.cell{width:var(--cell-size);height:var(--cell-size);background:var(--board-cell);border:1px solid var(--board-border);border-radius:var(--radius-sm);transition:background var(--duration-fast) ease,transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease;position:relative;cursor:pointer}.cell:hover{background:var(--board-cell-hover);box-shadow:inset 0 0 8px #6464ff1a}.cell.cell-valid{background:var(--board-cell-valid)}.cell.cell-invalid{background:var(--board-cell-invalid)}.cell.cell-blocked{background:var(--board-blocker);border-color:#0000004d;cursor:default;animation:blockAppear var(--duration-slow) var(--ease-spring) both;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d}.cell.cell-blocked:after{content:"";position:absolute;inset:0;border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.04) 6px)}@keyframes blockAppear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.cell.cell-piece{cursor:pointer;border-color:#00000026;transition:filter var(--duration-fast) ease,box-shadow var(--duration-fast) ease;animation:cellPop .3s var(--ease-spring);box-shadow:inset 0 2px 3px #ffffff59,inset 0 -2px 3px #0003,0 1px 2px #0000001a}@keyframes cellPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cell.cell-piece:hover{filter:brightness(1.15);box-shadow:inset 0 2px 3px #fff6,inset 0 -2px 3px #0003,0 2px 8px #00000026}.cell.cell-piece-1{background:linear-gradient(145deg,var(--piece-1-light),var(--piece-1))}.cell.cell-piece-2{background:linear-gradient(145deg,var(--piece-2-light),var(--piece-2))}.cell.cell-piece-3{background:linear-gradient(145deg,var(--piece-3-light),var(--piece-3))}.cell.cell-piece-4{background:linear-gradient(145deg,var(--piece-4-light),var(--piece-4))}.cell.cell-piece-5{background:linear-gradient(145deg,var(--piece-5-light),var(--piece-5))}.cell.cell-piece-6{background:linear-gradient(145deg,var(--piece-6-light),var(--piece-6))}.cell.cell-piece-7{background:linear-gradient(145deg,var(--piece-7-light),var(--piece-7))}.cell.cell-piece-8{background:linear-gradient(145deg,var(--piece-8-light),var(--piece-8))}.cell.cell-piece-9{background:linear-gradient(145deg,var(--piece-9-light),var(--piece-9))}.cell.cell-ghost{opacity:.75;transform:scale(.95)}.cell.cell-valid.cell-ghost{box-shadow:inset 0 0 0 3px var(--accent-green)}.cell.cell-invalid.cell-ghost{box-shadow:inset 0 0 0 3px var(--btn-danger)}.cell.ghost-piece-1{background-color:var(--piece-1)!important}.cell.ghost-piece-2{background-color:var(--piece-2)!important}.cell.ghost-piece-3{background-color:var(--piece-3)!important}.cell.ghost-piece-4{background-color:var(--piece-4)!important}.cell.ghost-piece-5{background-color:var(--piece-5)!important}.cell.ghost-piece-6{background-color:var(--piece-6)!important}.cell.ghost-piece-7{background-color:var(--piece-7)!important}.cell.ghost-piece-8{background-color:var(--piece-8)!important}.cell.ghost-piece-9{background-color:var(--piece-9)!important}.victory-board-preview{display:grid;grid-template-columns:repeat(6,24px);grid-template-rows:repeat(6,24px);gap:1px;padding:var(--space-2);background:#ffffff1a;border-radius:var(--radius-md)}.victory-board-preview .mini-cell{width:24px;height:24px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.mini-cell.mini-blocked{background:var(--board-blocker)}.mini-cell.mini-piece-1{background:var(--piece-1);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-2{background:var(--piece-2);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-3{background:var(--piece-3);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-4{background:var(--piece-4);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-5{background:var(--piece-5);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-6{background:var(--piece-6);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-7{background:var(--piece-7);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-8{background:var(--piece-8);box-shadow:inset 0 1px 1px #ffffff4d}.mini-cell.mini-piece-9{background:var(--piece-9);box-shadow:inset 0 1px 1px #ffffff4d}.piece-wrapper{flex-shrink:0;cursor:grab;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) ease,opacity var(--duration-normal) ease,filter var(--duration-normal) ease;padding:var(--space-2);border-radius:var(--radius-md);position:relative}.piece-wrapper:hover{transform:scale(1.08);filter:brightness(1.05)}@keyframes pieceChange{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.95);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.piece-wrapper.piece-animate-change{animation:pieceChange .2s var(--ease-spring)}.piece-wrapper:active{cursor:grabbing}.piece-wrapper.piece-selected{box-shadow:0 0 0 2px var(--accent-gold),0 0 24px var(--accent-gold-glow);background:#f5c8421a;border-radius:var(--radius-md);animation:selectedPulse 2s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 2px var(--accent-gold),0 0 20px var(--accent-gold-glow)}50%{box-shadow:0 0 0 3px var(--accent-gold),0 0 30px var(--accent-gold-glow)}}.piece-wrapper.piece-placed{opacity:.25;pointer-events:none;transform:scale(.85);filter:grayscale(.8)}.piece-wrapper.piece-dragging{opacity:.5;transform:scale(1.1);z-index:1000}.piece-grid{display:inline-grid;gap:0;line-height:0;font-size:0}.piece-cell{width:20px;height:20px;border-radius:0;padding:0;margin:0;border:none;display:block}.piece-cell.filled{box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #0003,inset 0 0 0 1px #ffffff26;border-radius:2px}.piece-cell.empty{background:transparent;visibility:hidden}.piece-color-1 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-1-light),var(--piece-1))}.piece-color-2 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-2-light),var(--piece-2))}.piece-color-3 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-3-light),var(--piece-3))}.piece-color-4 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-4-light),var(--piece-4))}.piece-color-5 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-5-light),var(--piece-5))}.piece-color-6 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-6-light),var(--piece-6))}.piece-color-7 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-7-light),var(--piece-7))}.piece-color-8 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-8-light),var(--piece-8))}.piece-color-9 .piece-cell.filled{background:linear-gradient(145deg,var(--piece-9-light),var(--piece-9))}.piece-floating{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);opacity:.9;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.piece-floating .piece-grid{gap:var(--board-gap)}.piece-floating .piece-cell{width:var(--cell-size);height:var(--cell-size);border-radius:var(--radius-sm)}.piece-floating .piece-cell.filled{box-shadow:inset 0 -3px #00000026,inset 0 2px #ffffff4d}.piece-controls{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:1024px){.piece-cell{width:24px;height:24px}.piece-controls{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--duration-fast) ease;pointer-events:none}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:#fff;box-shadow:var(--shadow-md),0 0 20px #6366f133}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-lg),0 0 30px #6366f14d;transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--surface-glass-border)}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:#ffffff40;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--surface-glass-border)}.btn-outline:hover{background:var(--surface-primary);border-color:#ffffff4d;transform:translateY(-1px)}.btn-danger{color:var(--btn-danger)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--fs-base);border-radius:var(--radius-xl);min-height:64px;width:100%;flex-direction:column;gap:var(--space-1)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-sm)}.btn-icon-only{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary)}.btn-icon-only:hover{color:var(--text-primary);background:var(--surface-primary)}.btn-icon{font-size:var(--fs-xl)}.btn-label{font-weight:700;font-size:var(--fs-lg)}.btn-desc{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:400}.btn-control{flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);color:var(--text-secondary);border-radius:var(--radius-md)}.btn-control:hover{color:var(--text-primary);background:var(--surface-primary)}.menu-title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);animation:menuFadeIn .6s var(--ease-out) both}.title-img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(255,215,0,.4));animation:titleBounce 3s ease-in-out infinite}@keyframes titleBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-2deg)}75%{transform:translateY(-3px) rotate(1deg)}}.title-text{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:800;background:linear-gradient(135deg,#ffffff,var(--accent-gold),#ff9a3c);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 4s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-subtitle{font-family:var(--font-body);font-size:var(--fs-lg);color:var(--text-secondary);font-weight:400}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.menu-actions{display:flex;flex-direction:column;gap:var(--space-4);width:100%;animation:menuFadeIn .6s .15s var(--ease-out) both}.menu-actions .btn:first-child{animation:menuFadeIn .5s .2s var(--ease-out) both}.menu-actions .btn:nth-child(2){animation:menuFadeIn .5s .3s var(--ease-out) both}.menu-seed-input{display:flex;gap:var(--space-2);animation:menuFadeIn .5s .4s var(--ease-out) both}.input-seed{flex:1;padding:var(--space-3) var(--space-4);background:var(--surface-primary);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm);outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.input-seed::placeholder{color:var(--text-muted)}.input-seed:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #5b8def33,0 0 20px #5b8def1a}.menu-secondary-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2);animation:menuFadeIn .5s .5s var(--ease-out) both}.btn-coffee{border-color:#fd0;color:var(--text-primary)}.btn-coffee:hover{background:#fd0;color:#000;transform:translateY(-2px);box-shadow:0 4px 20px #ffdd004d}.menu-stats{display:flex;gap:var(--space-6);padding:var(--space-4);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:menuFadeIn .5s .6s var(--ease-out) both}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:600;color:var(--accent-gold)}.game-timer{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:600;color:var(--accent-gold);padding:var(--space-1) var(--space-3);background:#f5c84214;border-radius:var(--radius-full);border:1px solid rgba(245,200,66,.15)}.game-timer svg{color:var(--accent-gold);animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.game-seed-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--text-muted);padding:var(--space-1) var(--space-3);background:var(--surface-primary);border-radius:var(--radius-full);border:1px solid var(--surface-glass-border)}.seed-value{font-family:var(--font-mono);color:var(--text-secondary)}.sidebar-info{background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center}.sidebar-title{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pieces-remaining{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:700;color:var(--accent-gold)}.victory-img{width:90px;height:90px;object-fit:contain;animation:victoryFloat 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 24px rgba(255,215,0,.6));margin-bottom:var(--space-2)}@keyframes victoryFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.victory-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;background:linear-gradient(135deg,var(--accent-gold),#ff9a3c,var(--accent-gold));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 3s ease-in-out infinite}.victory-stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-5) var(--space-4)}@media(min-width:768px){.victory-stats{gap:var(--space-6) var(--space-8)}}.victory-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);animation:statPop .5s var(--ease-spring) both}.victory-stat:nth-child(1){animation-delay:.1s}.victory-stat:nth-child(2){animation-delay:.2s}.victory-stat:nth-child(3){animation-delay:.3s}.victory-stat:nth-child(4){animation-delay:.4s}@keyframes statPop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.victory-stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.victory-stat-value{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary)}.victory-stat-time .victory-stat-value{color:var(--accent-gold);font-size:var(--fs-3xl);text-shadow:0 0 20px rgba(245,200,66,.3)}.victory-stat-streak{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);box-shadow:0 0 20px #ff9d0033;border:1px solid rgba(255,157,0,.4);background:#ff9d000d}.victory-challenge-result{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-lg);font-weight:600;text-align:center}.share-section{width:100%}.share-title{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:var(--space-3)}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.btn-share{padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);border-radius:var(--radius-lg);border:1px solid var(--surface-glass-border);background:var(--surface-primary);transition:all var(--duration-normal) var(--ease-out)}.btn-twitter:hover{background:var(--twitter-color);border-color:var(--twitter-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.btn-whatsapp:hover{background:var(--whatsapp-color);border-color:var(--whatsapp-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #25d3664d}.btn-copy:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #5b8def4d}.btn-native:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #a855f74d}.victory-coffee-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:#fd0;color:#000;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:transform var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.victory-coffee-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffdd004d}.victory-coffee-wrapper{margin-top:var(--space-6);display:flex;justify-content:center}.victory-actions{display:flex;gap:var(--space-3);width:100%}.victory-actions .btn{flex:1;padding:var(--space-3) var(--space-4)}.victory-confetti{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%) translateY(100px);background:#0a0818d9;color:var(--text-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border);box-shadow:var(--shadow-lg);z-index:10000;transition:transform var(--duration-slow) var(--ease-spring)}.toast.toast-visible{transform:translate(-50%) translateY(0)}.header-right{display:flex;align-items:center;gap:var(--space-2)}.btn-how-to-play{width:100%;padding:var(--space-3);font-size:var(--fs-sm)}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-normal) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(160deg,#12102e,#1e1850);border:1px solid var(--surface-glass-border);border-radius:var(--radius-2xl);max-width:520px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl),0 0 80px #6366f114;animation:modalSlideIn var(--duration-slow) var(--ease-spring)}@keyframes modalSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) var(--space-3);position:sticky;top:0;background:linear-gradient(160deg,#12102e,#1e1850);z-index:1}.modal-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700}.modal-close{flex-shrink:0}.modal-body{padding:var(--space-3) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.instruction-section h3{font-family:var(--font-display);font-size:var(--fs-base);font-weight:700;margin-bottom:var(--space-3);color:var(--accent-gold)}.instruction-section p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7}.controls-grid{display:flex;flex-direction:column;gap:var(--space-2)}.control-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-primary);border-radius:var(--radius-md);transition:background var(--duration-fast) ease}.control-item:hover{background:var(--surface-elevated)}.control-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:var(--space-1) var(--space-2);background:var(--surface-elevated);border:1px solid var(--surface-glass-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.control-item span{font-size:var(--fs-sm);color:var(--text-secondary)}.tips-list{display:flex;flex-direction:column;gap:var(--space-2)}.tips-list li{font-size:var(--fs-sm);color:var(--text-secondary);padding-left:var(--space-5);position:relative;line-height:1.6}.tips-list li:before{content:"→";position:absolute;left:0;color:var(--accent-gold);font-weight:700}