@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=DM+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.board-container{display:inline-grid;background:#030308;border:1px solid #111120;margin:0 auto;position:relative;width:max-content;box-sizing:content-box;border-radius:4px;box-shadow:0 0 0 1px #ffffff08,0 0 40px #000000e6 inset,0 12px 40px #000c;grid-template-columns:repeat(var(--grid-cols, 1),var(--cell-size, 25px));grid-template-rows:repeat(var(--grid-rows, 1),var(--cell-size, 25px))}.board-cell-bg{border:1px solid #0d0d18;grid-column:var(--cell-col);grid-row:var(--cell-row);background:#070710}.board-brick-placed{box-sizing:border-box;pointer-events:none;z-index:10;grid-column:var(--cell-col);grid-row:var(--cell-row);background-color:var(--brick-color);background-image:var(--tenon-svg);background-size:var(--cell-size) var(--cell-size);border-top:var(--border-t);border-bottom:var(--border-b);border-left:var(--border-l);border-right:var(--border-r);box-shadow:var(--box-shadow),inset 0 1px #ffffff40,inset 0 -1px #00000059;filter:brightness(1.15) saturate(1.1);transition:filter .15s}.board-brick-preview{box-sizing:border-box;pointer-events:none;z-index:20;opacity:.35;grid-column:var(--cell-col);grid-row:var(--cell-row);background-color:var(--brick-color);background-image:var(--tenon-svg);background-size:var(--cell-size) var(--cell-size);border-top:var(--border-t);border-bottom:var(--border-b);border-left:var(--border-l);border-right:var(--border-r);filter:brightness(1.4);animation:previewPulse 2s ease-in-out infinite}@keyframes previewPulse{0%,to{opacity:.35}50%{opacity:.5}}@media(max-width:600px){.board-container{box-shadow:0 0 0 1px #ffffff08,0 0 20px #000000e6 inset,0 6px 20px #000c}}@media(max-height:500px)and (orientation:landscape){.board-container{box-shadow:0 0 0 1px #ffffff08,0 0 15px #000000e6 inset,0 4px 14px #000c}}.timer-container{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;background:#05050ff2;border:1px solid rgba(0,255,255,.2);border-radius:10px;transition:border-color .4s,box-shadow .4s;min-width:140px}.timer-label{font-family:var(--font-heading, "Share Tech Mono", monospace);font-size:.6rem;letter-spacing:4px;color:var(--text-muted, #5a5a7a)}.timer-value{font-family:var(--font-heading, "Share Tech Mono", monospace);font-size:2.4rem;line-height:1;font-weight:400;letter-spacing:2px;color:inherit;transition:color .4s}.timer-unit{font-size:1rem;margin-left:2px;opacity:.7}.timer-bar-track{width:100%;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:4px}.timer-bar-fill{height:100%;border-radius:2px;transition:width 1s linear,background .4s}.timer-normal{color:var(--neon-cyan, #00ffff);border-color:#0ff3;text-shadow:0 0 12px rgba(0,255,255,.5);box-shadow:0 0 20px #00ffff0d}.timer-normal .timer-bar-fill{background:var(--neon-cyan, #00ffff);box-shadow:0 0 8px #0ff9}.timer-warning{color:#ff3a3a;border-color:#ff3a3a66;text-shadow:0 0 12px rgba(255,58,58,.8);box-shadow:0 0 20px #ff3a3a1a;animation:urgentShake .6s ease-in-out infinite}.timer-warning .timer-bar-fill{background:#ff3a3a;box-shadow:0 0 8px #ff3a3acc}.timer-warning .timer-label{color:#ff3a3a99;animation:urgentFlash .6s ease-in-out infinite}@keyframes urgentFlash{0%,to{opacity:1}50%{opacity:.4}}@keyframes urgentShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media(max-width:600px){.timer-container{min-width:110px;padding:9px 14px;gap:4px}.timer-label{font-size:.52rem;letter-spacing:2.5px}.timer-value{font-size:1.8rem}.timer-unit{font-size:.8rem}}@media(max-width:400px){.timer-container{min-width:90px;padding:7px 10px}.timer-value{font-size:1.5rem}}@media(max-height:500px)and (orientation:landscape){.timer-container{min-width:100px;padding:7px 12px;gap:3px;flex-direction:row;align-items:center;justify-content:center;border-radius:8px}.timer-label{font-size:.48rem;letter-spacing:2px;order:2;margin-left:6px}.timer-value{font-size:1.4rem;order:1}.timer-bar-track{display:none}}.reproduction-diff-container{text-align:center;padding:60px 40px;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reproduction-diff-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:12px}.reproduction-diff-bar{flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan));opacity:.5}.reproduction-diff-bar:last-child{background:linear-gradient(90deg,var(--neon-cyan),transparent)}.reproduction-diff-title{font-family:var(--font-heading);font-size:clamp(1.1rem,2.5vw,1.6rem);letter-spacing:6px;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,255,255,.6),0 0 30px rgba(0,255,255,.2);margin:0;white-space:nowrap}.reproduction-diff-subtitle{font-family:var(--font-heading);font-size:.75rem;letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:0}.reproduction-diff-buttons{display:flex;gap:28px;justify-content:center;align-items:stretch;margin-top:48px;flex-wrap:nowrap}.diff-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1;max-width:240px;min-width:180px;padding:32px 24px 28px;border-radius:12px;border:1px solid;background:#05050fe6;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease;overflow:hidden;text-decoration:none}.diff-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);opacity:0;transition:opacity .25s}.diff-btn:hover:before{opacity:1}.diff-btn:hover{transform:translateY(-5px)}.diff-btn:active{transform:translateY(-2px)}.diff-btn-label{font-family:var(--font-heading);font-size:1.1rem;letter-spacing:5px;text-transform:uppercase;display:block;white-space:nowrap}.diff-btn-grid{font-family:var(--font-heading);font-size:1.6rem;letter-spacing:3px;display:block;line-height:1;opacity:.95;white-space:nowrap}.diff-btn-grid:before{content:"";display:block;height:1px;width:50px;margin:0 auto 12px;background:currentColor;opacity:.25}.diff-btn-sub{font-family:var(--font-body, sans-serif);font-size:.78rem;letter-spacing:.5px;text-transform:none;display:block;opacity:.6;line-height:1.4;transition:opacity .25s;white-space:nowrap}.diff-btn:hover .diff-btn-sub{opacity:.9}.diff-easy{color:var(--neon-green, #39ff14);border-color:#39ff1459;box-shadow:0 0 20px #39ff140f,inset 0 1px #39ff1414}.diff-easy .diff-btn-label{text-shadow:0 0 8px rgba(57,255,20,.5)}.diff-easy:hover{border-color:#39ff14b3;box-shadow:0 0 35px #39ff1438,0 10px 28px #00000080}.diff-normal{color:var(--neon-yellow, #ffea00);border-color:#ffea0059;box-shadow:0 0 20px #ffea000f,inset 0 1px #ffea0014}.diff-normal .diff-btn-label{text-shadow:0 0 8px rgba(255,234,0,.5)}.diff-normal:hover{border-color:#ffea00b3;box-shadow:0 0 35px #ffea0038,0 10px 28px #00000080}.diff-hard{color:#ff3a3a;border-color:#ff3a3a59;box-shadow:0 0 20px #ff3a3a0f,inset 0 1px #ff3a3a14}.diff-hard .diff-btn-label{text-shadow:0 0 8px rgba(255,58,58,.5)}.diff-hard:hover{border-color:#ff3a3ab3;box-shadow:0 0 35px #ff3a3a38,0 10px 28px #00000080}@media(max-width:640px){.reproduction-diff-buttons{flex-direction:column;align-items:center;gap:16px}.diff-btn{width:100%;max-width:320px;min-width:unset}}.reproduction-target-container{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.reproduction-target-title{font-family:var(--font-heading);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.reproduction-target-img{border-radius:6px;border:1px solid rgba(0,255,255,.2);object-fit:cover;box-shadow:0 0 20px #00ffff14,0 6px 24px #000000b3;transition:border-color .3s,box-shadow .3s}.reproduction-target-img:hover{border-color:#00ffff73;box-shadow:0 0 25px #00ffff26,0 6px 24px #000000b3}.reproduction-gameover-panel{background:linear-gradient(135deg,#39ff140d,#0000 70%);border:1px solid rgba(57,255,20,.3);padding:36px 40px;border-radius:14px;margin:20px 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #39ff1414,0 0 50px #39ff140f,inset 0 1px #ffffff0a;animation:panelReveal .6s cubic-bezier(.16,1,.3,1)}@keyframes panelReveal{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.reproduction-gameover-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;border-radius:inherit}.reproduction-gameover-title{font-family:var(--font-heading);font-size:2rem;letter-spacing:6px;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.7),0 0 25px rgba(57,255,20,.3);margin-bottom:16px;animation:winPulse 2s ease-in-out infinite}@keyframes winPulse{0%,to{text-shadow:0 0 10px rgba(57,255,20,.7),0 0 25px rgba(57,255,20,.3)}50%{text-shadow:0 0 18px rgba(57,255,20,.9),0 0 40px rgba(57,255,20,.5)}}.reproduction-gameover-text{font-size:1.05rem;color:#e8e8f0d9;letter-spacing:1px;margin:6px 0;position:relative;z-index:1}.reproduction-gameover-btn{margin-top:24px;position:relative;z-index:1}.reproduction-gameover-btn button,.reproduction-gameover-btn a{font-family:var(--font-heading);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;padding:14px 32px;background:transparent;color:var(--neon-green);border:1px solid var(--neon-green);border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;transition:box-shadow .25s,background .25s;text-shadow:0 0 6px rgba(57,255,20,.5);box-shadow:0 0 15px #39ff141a}.reproduction-gameover-btn button:hover,.reproduction-gameover-btn a:hover{background:#39ff1414;box-shadow:0 0 28px #39ff1440}@media(max-width:600px){.reproduction-gameover-panel{padding:22px 18px;margin:12px 0;border-radius:10px}.reproduction-gameover-title{font-size:1.4rem;letter-spacing:3px}.reproduction-gameover-text{font-size:.85rem;letter-spacing:.5px}.reproduction-gameover-btn{margin-top:16px}.reproduction-gameover-btn button,.reproduction-gameover-btn a{font-size:.65rem;padding:12px 24px;letter-spacing:2px}}@media(max-width:400px){.reproduction-gameover-panel{padding:16px 14px}.reproduction-gameover-title{font-size:1.1rem;letter-spacing:2px}.reproduction-gameover-text{font-size:.78rem}}@media(max-height:500px)and (orientation:landscape){.reproduction-gameover-panel{padding:14px 18px;margin:6px 0}.reproduction-gameover-title{font-size:1.1rem;letter-spacing:3px;margin-bottom:8px}.reproduction-gameover-text{font-size:.8rem;margin:4px 0}.reproduction-gameover-btn{margin-top:10px}.reproduction-gameover-btn button,.reproduction-gameover-btn a{font-size:.6rem;padding:10px 20px}}.draggable-brick-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.draggable-brick-disabled{color:#cbd5e1;font-style:italic;font-size:.9rem}.draggable-brick-active{cursor:grab;opacity:1}.draggable-brick-dragging{cursor:grabbing;opacity:.5}.reproduction-active-brick{margin:12px 0;padding:14px 18px;background:#05050ff7;border:1px solid rgba(255,234,0,.2);display:inline-block;border-radius:10px;box-shadow:0 0 15px #ffea000d,0 4px 20px #0009;transition:border-color .3s,box-shadow .3s}.reproduction-active-brick:hover{border-color:#ffea0066;box-shadow:0 0 20px #ffea001f,0 4px 20px #0009}.reproduction-active-title{margin:0 0 10px;font-family:var(--font-heading);font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--neon-yellow);text-shadow:0 0 6px rgba(255,234,0,.3)}.reproduction-active-box{padding:15px;background-color:#1a1a2a;border:1px solid #2d2d44;border-radius:6px;min-width:150px;min-height:150px;width:fit-content;height:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #00000080}@media(max-height:500px)and (orientation:landscape){.reproduction-active-brick{margin:4px 0;padding:6px 10px;border-radius:6px}.reproduction-active-title{font-size:.5rem;letter-spacing:2px;margin-bottom:5px}.reproduction-active-box{min-width:70px;min-height:70px;padding:6px}}.repro-layout-container{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:95vw;margin:0 auto;padding:20px;width:100%;flex-grow:1}.repro-page-wrapper{width:100vw;min-height:calc(100vh - 65px);display:flex;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;overflow-x:hidden}.repro-page-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;z-index:0}.repro-side-panel{display:flex;flex-direction:column;gap:24px;width:380px;flex-shrink:0}.repro-center-panel{flex-grow:1;display:flex;flex-direction:column;align-items:center;max-width:800px}.arcade-panel{background:#000;border:1px solid;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .3s ease}.arcade-panel:before,.arcade-panel:after{content:"";position:absolute;width:12px;height:12px;border-color:inherit;border-style:solid;z-index:1;pointer-events:none;opacity:.6}.arcade-panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:10px 0 0}.arcade-panel:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 10px}.panel-magenta{border-color:var(--neon-magenta);box-shadow:0 0 20px #ff00ff1a,0 8px 32px #000000b3}.panel-magenta:hover{box-shadow:0 0 30px #f0f3,0 8px 32px #000000b3}.panel-cyan{border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff1a,0 8px 32px #000000b3}.panel-cyan:hover{box-shadow:0 0 30px #0ff3,0 8px 32px #000000b3}.panel-yellow{border-color:var(--neon-yellow);box-shadow:0 0 20px #ffea001a,0 8px 32px #000000b3}.panel-yellow:hover{box-shadow:0 0 30px #ffea0033,0 8px 32px #000000b3}.arcade-panel-header{padding:10px 16px;text-align:center;font-family:var(--font-heading);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;border-bottom:1px solid;background:#000c;display:flex;align-items:center;justify-content:center;gap:8px}.arcade-panel-header:before{content:"◆";font-size:.5rem;animation:blink 2s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}.panel-magenta .arcade-panel-header{border-bottom-color:#f0f6;color:var(--neon-magenta);text-shadow:0 0 8px var(--neon-magenta)}.panel-cyan .arcade-panel-header{border-bottom-color:#0ff6;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.panel-yellow .arcade-panel-header{border-bottom-color:#ffea0066;color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow)}.arcade-panel-content{padding:20px;background:#05050ff7;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.arcade-panel-content table,.arcade-panel-content .board-container{background-color:#1a1a2a!important;border:1px solid #2d2d44!important;box-shadow:0 0 30px #00000080 inset,0 0 1px #ffffff1a}.arcade-panel-content td,.arcade-panel-content .board-cell-bg{background-color:#262638!important;border:1px solid #33334a!important}.arcade-panel-content td[style*=background-color]:not([style*=transparent]),.arcade-panel-content .board-cell-bg[style*=background-color]:not([style*=transparent]),.arcade-panel-content .board-brick-placed{border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0006,0 0 8px #ffffff1a;filter:brightness(1.25) saturate(1.2)}@media(max-width:1050px){.repro-layout-container{flex-direction:column;align-items:center}.repro-side-panel{width:100%;max-width:540px;flex-direction:row;flex-wrap:wrap}.arcade-panel{flex:1;min-width:240px}}@media(max-width:600px){.repro-layout-container{padding:12px;gap:16px}.arcade-panel-content{padding:14px}}.reproduction-gameover-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px;padding:10px 0;animation:go-fadein .5s ease both}@keyframes go-fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.go-result-banner{position:relative;width:100%;max-width:520px;display:flex;align-items:center;gap:18px;padding:18px 24px;border-radius:10px;border:1px solid;overflow:hidden;animation:go-banner-in .6s cubic-bezier(.175,.885,.32,1.275) both}@keyframes go-banner-in{0%{opacity:0;transform:scale(.88) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.go-result-win{border-color:var(--neon-green, #39ff14);background:linear-gradient(135deg,#39ff1412,#0000 60%);box-shadow:0 0 28px #39ff1426,inset 0 0 20px #39ff140a}.go-result-loss{border-color:var(--neon-magenta);background:linear-gradient(135deg,#ff00ff12,#0000 60%);box-shadow:0 0 28px #ff00ff26,inset 0 0 20px #ff00ff0a}.go-result-draw{border-color:var(--neon-yellow);background:linear-gradient(135deg,#ffea0012,#0000 60%);box-shadow:0 0 28px #ffea0026,inset 0 0 20px #ffea000a}.go-result-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:0}.go-result-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:0;animation:go-glow-pulse 2.5s ease-in-out infinite}.go-result-win .go-result-glow{background:radial-gradient(circle,rgba(57,255,20,.12) 0%,transparent 70%)}.go-result-loss .go-result-glow{background:radial-gradient(circle,rgba(255,0,255,.12) 0%,transparent 70%)}.go-result-draw .go-result-glow{background:radial-gradient(circle,rgba(255,234,0,.12) 0%,transparent 70%)}@keyframes go-glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.go-result-icon{font-size:2.4rem;position:relative;z-index:1;flex-shrink:0;filter:drop-shadow(0 0 8px currentColor);animation:go-icon-bounce .8s cubic-bezier(.175,.885,.32,1.275) .3s both}@keyframes go-icon-bounce{0%{transform:scale(0)}to{transform:scale(1)}}.go-result-texts{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.go-result-label{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;letter-spacing:3px;line-height:1}.go-result-win .go-result-label{color:var(--neon-green, #39ff14);text-shadow:0 0 12px var(--neon-green, #39ff14)}.go-result-loss .go-result-label{color:var(--neon-magenta);text-shadow:0 0 12px var(--neon-magenta)}.go-result-draw .go-result-label{color:var(--neon-yellow);text-shadow:0 0 12px var(--neon-yellow)}.go-result-scores{font-family:var(--font-heading);font-size:.65rem;letter-spacing:2px;color:#ffffff80;text-transform:uppercase}.go-waiting-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:400px;padding:30px 28px;background:#050514f5;border:1px solid var(--neon-yellow);border-radius:12px;box-shadow:0 0 30px #ffea001f,inset 0 0 20px #ffea0008;animation:go-fadein .5s ease both}.go-waiting-header{display:flex;gap:6px;margin-bottom:4px}.go-waiting-dot{width:7px;height:7px;border-radius:50%;background:var(--neon-yellow);box-shadow:0 0 6px var(--neon-yellow);animation:go-dot-blink 1.4s step-end infinite}.go-waiting-dot:nth-child(2){animation-delay:.25s}.go-waiting-dot:nth-child(3){animation-delay:.5s}@keyframes go-dot-blink{0%,to{opacity:1}50%{opacity:.1}}.go-waiting-icon{font-size:2.6rem;animation:go-waiting-spin 2s linear infinite;filter:drop-shadow(0 0 8px var(--neon-yellow));line-height:1}@keyframes go-waiting-spin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.05)}75%{transform:rotate(15deg) scale(1.05)}to{transform:rotate(0) scale(1)}}.go-waiting-title{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:4px;color:var(--neon-yellow);text-shadow:0 0 14px var(--neon-yellow);margin:0}.go-waiting-sub{font-family:var(--font-heading);font-size:.58rem;letter-spacing:2.5px;color:#fff6;text-transform:uppercase;margin:0;text-align:center}.go-waiting-score-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 32px;border:1px solid rgba(255,234,0,.3);border-radius:8px;background:#ffea000d;margin-top:4px}.go-waiting-score-label{font-family:var(--font-heading);font-size:.55rem;letter-spacing:2px;color:#ffffff73;text-transform:uppercase}.go-waiting-score-value{font-family:var(--font-heading);font-size:2.4rem;font-weight:900;color:var(--neon-yellow);text-shadow:0 0 18px var(--neon-yellow);letter-spacing:-1px;line-height:1}.go-waiting-bar{width:100%;height:3px;background:#ffea001f;border-radius:2px;overflow:hidden;margin-top:4px}.go-waiting-bar-fill{height:100%;width:40%;background:var(--neon-yellow);box-shadow:0 0 8px var(--neon-yellow);border-radius:2px;animation:go-bar-slide 1.8s ease-in-out infinite}@keyframes go-bar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.repro-mobile-wrapper{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:16px;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:15px;box-sizing:border-box}.repro-mobile-wrapper:before{content:"";position:absolute;inset:0;background-color:#000000d9;z-index:0}.repro-mobile-side,.repro-mobile-center{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.repro-mobile-side{width:200px;gap:12px;overflow-y:auto}.repro-mobile-side::-webkit-scrollbar{display:none}.repro-mobile-box{background:#05050fe6;border:1px solid var(--neon-magenta);border-radius:8px;padding:12px;text-align:center;box-shadow:0 0 10px #ff00ff1a;display:flex;flex-direction:column;align-items:center}.mobile-label{font-family:var(--font-heading);font-size:.8rem;margin-bottom:8px;letter-spacing:1px}.opp-score{font-size:1.6rem;color:var(--neon-cyan);margin-bottom:6px}.target-box{border-color:var(--neon-magenta)}.target-box .mobile-label{color:var(--neon-magenta)}.active-box{border-color:var(--neon-cyan)}.active-box .mobile-label{color:var(--neon-cyan)}.repro-mobile-target,.repro-mobile-active{background:#1a1a2a;border:1px solid #2d2d44;padding:10px;border-radius:6px;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.repro-mobile-target .board-container{--cell-size: 11px !important}.repro-mobile-active .board-container{--cell-size: 18px !important}.timer-box{border-color:var(--neon-yellow);box-shadow:0 0 10px #ffea001a}.timer-box .timer-container{flex-direction:row!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;gap:10px!important;min-width:0!important}.timer-box .timer-value{font-size:2rem!important;color:var(--neon-yellow)!important}.timer-box .timer-label{font-size:.7rem!important;color:var(--neon-yellow)!important}.actions-box{border-color:transparent;background:transparent;box-shadow:none;padding:0;gap:10px}.actions-box button{font-size:.7rem!important;padding:14px!important;margin-bottom:0!important;letter-spacing:1px}.opp-box .mobile-label{color:var(--neon-magenta)}.opp-box .board-container{--cell-size: 12px !important}.repro-mobile-center{flex:1;align-items:center}.repro-mobile-board-wrapper{background:#05050fe6;border:2px solid var(--neon-cyan);border-radius:10px;padding:12px;box-shadow:0 0 15px #0ff3}.repro-mobile-center .board-container{--cell-size: 30px !important;background-color:#1a1a2a!important;border:1px solid #2d2d44!important}.repro-mobile-center .board-cell-bg{background-color:#262638!important;border:1px solid #33334a!important}.repro-gameover{width:100%;max-width:450px}.tetris-gameover{position:relative;background:linear-gradient(160deg,#0a0a1a,#0d0d22,#0a0a1a);border:2px solid transparent;border-radius:4px;padding:40px 36px;margin:12px 0;overflow:hidden;box-shadow:0 0 0 2px #00f5ff,0 0 20px #00f5ff59,0 0 60px #00f5ff1f,inset 0 0 40px #000014cc;animation:border-pulse 3s ease-in-out infinite}@keyframes border-pulse{0%,to{box-shadow:0 0 0 2px #00f5ff,0 0 20px #00f5ff59,0 0 60px #00f5ff1f,inset 0 0 40px #000014cc}50%{box-shadow:0 0 0 2px #00f5ff,0 0 30px #00f5ff99,0 0 90px #00f5ff33,inset 0 0 40px #000014cc}}.tetris-gameover:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,.025) 2px,rgba(0,245,255,.025) 4px);pointer-events:none;z-index:0}.tetris-gameover:after{content:"";position:absolute;top:8px;right:8px;width:24px;height:24px;border-top:2px solid #ff00aa;border-right:2px solid #ff00aa;box-shadow:3px -3px 8px #ff00aa80}.tetris-gameover>*{position:relative;z-index:1}.tetris-gameover-title{font-family:"Press Start 2P",monospace;font-size:1.3rem;letter-spacing:.04em;color:#f0a;text-transform:uppercase;margin:0 0 24px;text-align:center;line-height:1.6;text-shadow:0 0 10px #ff00aa,0 0 30px rgba(255,0,170,.6),0 0 60px rgba(255,0,170,.3);animation:glitch 4s infinite}@keyframes glitch{0%,90%,to{text-shadow:0 0 10px #ff00aa,0 0 30px rgba(255,0,170,.6),0 0 60px rgba(255,0,170,.3);transform:translate(0)}92%{transform:translate(-3px,1px);text-shadow:3px 0 #00f5ff,-3px 0 #ff00aa,0 0 20px rgba(255,0,170,.8)}94%{transform:translate(3px,-1px);text-shadow:-3px 0 #00f5ff,3px 0 #ff00aa,0 0 20px rgba(255,0,170,.8)}96%{transform:translate(0);text-shadow:0 0 10px #ff00aa,0 0 30px rgba(255,0,170,.6)}}.tetris-gameover-title[style*=neon-yellow],.tetris-gameover h2[style*=neon-yellow]{color:#ffe600;text-shadow:0 0 10px #ffe600,0 0 30px rgba(255,230,0,.5);animation:wait-pulse 1.5s ease-in-out infinite}@keyframes wait-pulse{0%,to{opacity:1}50%{opacity:.6}}.tetris-gameover-text{font-family:Orbitron,sans-serif;font-size:.82rem;font-weight:400;color:#a0c8d0;text-align:center;margin:0 0 12px;letter-spacing:.08em;line-height:1.7}.tetris-gameover-text strong{font-family:"Press Start 2P",monospace;font-size:1rem;color:#00f5ff;text-shadow:0 0 12px #00f5ff,0 0 30px rgba(0,245,255,.4)}.multiplayer-result{margin-top:20px;padding:14px 20px;border-radius:2px;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);animation:result-appear .5s ease-out}@keyframes result-appear{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.multiplayer-result p{font-family:"Press Start 2P",monospace!important;font-size:.85rem!important;letter-spacing:.05em;line-height:1.8;margin:0}.tetris-gameover-btn{display:block;margin:28px auto 0;padding:14px 28px;font-family:"Press Start 2P",monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#0a0a1a;background:#00f5ff;border:none;border-radius:2px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 0 2px #00f5ff,0 0 20px #00f5ff80,4px 4px #00646ecc;transition:transform .1s ease,box-shadow .1s ease}.tetris-gameover-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s ease}.tetris-gameover-btn:hover{transform:translate(-2px,-2px);box-shadow:0 0 0 2px #00f5ff,0 0 35px #00f5ffbf,6px 6px #00646ecc}.tetris-gameover-btn:hover:before{transform:translate(100%)}.tetris-gameover-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 2px #00f5ff,0 0 12px #00f5ff66,2px 2px #00646ecc}.tetris-gameover hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#00f5ff,transparent);margin:20px 0;opacity:.5}.tetris-mobile-wrapper{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:12px;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:10px;box-sizing:border-box}.tetris-mobile-wrapper:before{content:"";position:absolute;inset:0;background-color:#000000d9;z-index:0}.tetris-mobile-side,.tetris-mobile-center{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.tetris-mobile-side{width:160px;gap:10px;overflow-y:auto}.tetris-mobile-side::-webkit-scrollbar{display:none}.tetris-mobile-box{background:#05050fe6;border:1px solid var(--neon-cyan);border-radius:6px;padding:8px;text-align:center;box-shadow:0 0 10px #00ffff1a;display:flex;flex-direction:column;align-items:center}.mobile-label{font-family:var(--font-heading);font-size:.65rem;color:var(--neon-cyan);margin-bottom:6px;letter-spacing:1px}.mobile-val{font-family:var(--font-heading);color:#fff;line-height:1}.score-val{font-size:1.8rem}.opp-score{font-size:1.2rem;color:var(--neon-magenta);margin-bottom:4px}.tetris-mobile-piece{background:#1a1a2a;border:1px solid #2d2d44;padding:8px;border-radius:4px}.tetris-mobile-piece .board-container{--cell-size: 12px !important}.mobile-rules ul{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.mobile-rules li{display:flex;align-items:center;font-family:var(--font-heading);font-size:.65rem;color:var(--neon-yellow)}.rule-color{width:10px;height:10px;margin-right:4px;border:1px solid rgba(255,255,255,.4)}.timer-box .timer-container{flex-direction:row!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;gap:6px!important;min-width:0!important}.timer-box .timer-value{font-size:1.6rem!important}.timer-box .timer-label{font-size:.55rem!important}.timer-box .timer-bar-track{display:none!important}.tetris-mobile-center{flex:1;align-items:center}.tetris-mobile-board-wrapper{background:#05050fe6;border:2px solid var(--neon-cyan);border-radius:8px;padding:8px;box-shadow:0 0 15px #0ff3}.tetris-mobile-center .board-container{--cell-size: 20px !important;background-color:#1a1a2a!important;border:1px solid #2d2d44!important}.tetris-mobile-center .board-cell-bg{background-color:#262638!important;border:1px solid #33334a!important}.opp-box{border-color:var(--neon-magenta)}.opp-box .board-container{--cell-size: 10px !important}:root{--chat-bg: #0f0e1a;--chat-surface: #16142a;--chat-border: rgba(139, 92, 246, .2);--chat-border-glow: rgba(139, 92, 246, .5);--bubble-me-from: #6d28d9;--bubble-me-to: #7c3aed;--bubble-other: #1e1c35;--accent-primary: #8b5cf6;--accent-cyan: #22d3ee;--accent-glow: rgba(139, 92, 246, .35);--text-primary: #f1f0ff;--text-muted: rgba(241, 240, 255, .4);--font-display: "Rajdhani", sans-serif;--font-body: "DM Sans", sans-serif;--radius-container: 20px;--radius-bubble: 16px;--radius-input: 14px}.chat-container{position:relative;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;background:var(--chat-bg);border-radius:var(--radius-container);border:1px solid var(--chat-border);box-shadow:0 0 0 1px #8b5cf614,0 20px 60px #0009,inset 0 1px #ffffff0d}.chat-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.chat-glow--1{width:200px;height:200px;top:-60px;right:-40px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%)}.chat-glow--2{width:160px;height:160px;bottom:40px;left:-40px;background:radial-gradient(circle,rgba(34,211,238,.12) 0%,transparent 70%)}.chat-header{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:16px 20px;background:#8b5cf612;border-bottom:1px solid var(--chat-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,var(--accent-primary),#a78bfa);border-radius:8px;color:#fff;flex-shrink:0;box-shadow:0 0 12px #8b5cf680}.chat-header__title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);flex:1}.chat-header__badge{display:flex;align-items:center;gap:5px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:3px 10px;font-family:var(--font-body);font-size:.7rem;font-weight:500;color:#a78bfa}.chat-header__dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.chat-messages{position:relative;z-index:1;flex:1;padding:20px 16px;overflow-y:auto;display:flex;min-height:0;flex-direction:column;gap:12px;text-transform:none!important}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-family:var(--font-body);font-size:.8rem;margin:auto;padding:40px 0}.chat-empty__icon{font-size:1.8rem;color:#8b5cf64d;animation:spin-slow 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-msg-wrapper{display:flex;flex-direction:column;max-width:82%;animation:slide-in .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes slide-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-msg-wrapper.me{align-self:flex-end}.chat-msg-wrapper.other{align-self:flex-start}.chat-msg-sender{font-family:var(--font-display);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px;padding:0 6px}.me .chat-msg-sender{text-align:right;color:#a78bfab3}.other .chat-msg-sender{color:#22d3ee99}.chat-msg-bubble{padding:11px 16px;border-radius:var(--radius-bubble);font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-primary);text-transform:none!important;word-break:break-word}.me .chat-msg-bubble{background:linear-gradient(135deg,var(--bubble-me-from),var(--bubble-me-to));border-bottom-right-radius:4px;box-shadow:0 4px 16px #6d28d973,inset 0 1px #ffffff1f}.other .chat-msg-bubble{background:var(--bubble-other);border:1px solid rgba(255,255,255,.07);border-bottom-left-radius:4px;box-shadow:0 2px 10px #0000004d}.chat-input-area{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--chat-border);background:#0003;transition:border-color .2s}.chat-input-area.focused{border-top-color:#8b5cf680}.chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-input);color:var(--text-primary);padding:11px 16px;font-family:var(--font-body);font-size:.875rem;outline:none;text-transform:none!important;transition:border-color .2s,background .2s,box-shadow .2s}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:#8b5cf699;background:#8b5cf60f;box-shadow:0 0 0 3px #8b5cf61f}.chat-send-btn{flex-shrink:0;width:42px;height:42px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#8b5cf680;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.chat-send-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:transparent;color:#fff;box-shadow:0 0 18px #6d28d980}.chat-send-btn.active:hover{transform:scale(1.1) rotate(-8deg);box-shadow:0 0 28px #6d28d9b3}.chat-send-btn:disabled{cursor:not-allowed}.chat-floating-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--bubble-me-from),var(--bubble-me-to));border:2px solid var(--accent-primary);color:#fff;box-shadow:0 0 20px var(--accent-glow),0 10px 20px #00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease}.chat-floating-btn:hover{transform:scale(1.1);box-shadow:0 0 30px var(--accent-glow),0 15px 25px #0009}.chat-unread-badge{position:absolute;top:-5px;right:-5px;background:#ff003c;color:#fff;font-family:var(--font-display);font-size:.9rem;font-weight:700;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ff003ccc;border:2px solid var(--chat-bg);animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.chat-floating-panel{position:fixed;bottom:110px;right:30px;width:360px;height:550px;max-height:75vh;z-index:9998;box-shadow:0 20px 50px #000c,0 0 30px #8b5cf64d;animation:slide-up .4s cubic-bezier(.16,1,.3,1);border-radius:var(--radius-container)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-container.hidden{display:none!important}.chat-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;margin-left:auto;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.8rem}.chat-close-btn:hover{background:#ff003c99;border-color:#ff003c;box-shadow:0 0 10px #ff003c80}@media(max-width:650px){.chat-container{border-radius:12px}.chat-header{padding:12px 14px;gap:8px}.chat-header__title{font-size:.85rem}.chat-header__badge{font-size:.6rem;padding:2px 8px}.chat-messages{padding:14px 12px;gap:10px}.chat-msg-wrapper{max-width:90%}.chat-msg-bubble{font-size:.82rem;padding:9px 13px}.chat-input-area{padding:10px 12px;gap:8px}.chat-input{font-size:.82rem;padding:9px 13px}.chat-send-btn{width:38px;height:38px;border-radius:10px}.chat-floating-panel{right:10px;left:10px;width:auto;bottom:100px}.chat-floating-btn{bottom:20px;right:16px;width:52px;height:52px}}@media(max-height:500px)and (orientation:landscape){.chat-header{padding:8px 14px}.chat-header__title{font-size:.8rem}.chat-messages{padding:10px 12px;gap:8px}.chat-msg-bubble{font-size:.78rem;padding:7px 12px}.chat-input-area{padding:8px 12px}.chat-input{font-size:.78rem;padding:7px 12px}.chat-send-btn{width:34px;height:34px}.chat-floating-panel{bottom:70px;right:16px;width:300px;height:60vh;max-height:unset}.chat-floating-btn{bottom:14px;right:14px;width:46px;height:46px}}.game-header{padding:15px 30px;background:#000c;border-bottom:3px solid var(--neon-blue);box-shadow:0 5px 15px #0055ff4d;display:flex;justify-content:center;align-items:center;gap:20px;position:sticky;top:0;z-index:100}.header-link,.header-link-home{font-size:.7rem;letter-spacing:1px;padding:8px 15px;border:1px solid transparent;transition:all .3s ease}.header-link:hover,.header-link-home:hover{color:var(--neon-yellow);text-decoration:none;border-color:var(--neon-yellow);box-shadow:inset 0 0 10px #ffe80033}.header-link-home{color:var(--neon-red);font-weight:700}.header-separator{color:#333}@media(max-width:768px){.game-header{padding:12px 16px;gap:12px}.header-link,.header-link-home{font-size:.6rem;padding:6px 10px;letter-spacing:.5px}}@media(max-width:480px){.game-header{padding:10px 8px;gap:4px;flex-wrap:wrap;justify-content:center}.header-link,.header-link-home{font-size:.5rem;padding:5px 6px;letter-spacing:0}.header-separator{font-size:.5rem}}@media(max-width:360px){.game-header{gap:2px}.header-link,.header-link-home{font-size:.45rem;padding:4px 5px}.header-separator{display:none}}@media(max-height:500px)and (orientation:landscape){.game-header{padding:6px 16px;gap:10px;border-bottom-width:2px}.header-link,.header-link-home{font-size:.5rem;padding:4px 8px}}.arcade-home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;padding:20px;position:relative;overflow:hidden;background-color:#000}.arcade-home-container:before{content:"";position:absolute;inset:-20px;background-image:url(https://images.unsplash.com/photo-1511512578047-dfb367046420?q=80&w=2071);background-size:cover;background-position:center;z-index:0;animation:glitch-anim 5s infinite}@keyframes glitch-anim{0%,92%{transform:translate(0);filter:hue-rotate(0deg) contrast(1)}93%{transform:translate(-8px,4px);filter:hue-rotate(90deg) contrast(1.5)}95%{transform:translate(6px,-6px);filter:hue-rotate(-90deg) contrast(.8)}97%{transform:translate(-4px,8px);filter:hue-rotate(180deg) contrast(1.2)}99%{transform:translate(8px,-4px);filter:hue-rotate(45deg) contrast(2)}to{transform:translate(0);filter:hue-rotate(0deg) contrast(1)}}.arcade-home-container:after{content:"";position:absolute;bottom:0;left:-50%;width:200%;height:50%;background-image:linear-gradient(rgba(255,0,127,.9) 2px,transparent 2px),linear-gradient(90deg,rgba(255,0,127,.9) 2px,transparent 2px);background-size:50px 25px;transform:perspective(300px) rotateX(75deg);animation:move-grid 1s linear infinite;z-index:1;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 80%);mask-image:linear-gradient(to top,#000 10%,#0000 80%)}@keyframes move-grid{0%{transform:perspective(300px) rotateX(75deg) translateY(0)}to{transform:perspective(300px) rotateX(75deg) translateY(25px)}}.arcade-monitor{position:relative;z-index:2;background:#050505f2;border:10px solid #222;border-radius:20px;padding:40px 50px;box-shadow:0 0 0 4px #111,0 20px 50px #000c,inset 0 0 30px #ffffff1a;width:100%;max-width:600px;text-align:center}.arcade-title{color:#ffea00;font-size:2rem;line-height:1.5;margin-bottom:40px;text-shadow:4px 4px 0px #ff007f}.arcade-menu-list{display:flex;flex-direction:column;gap:25px;align-items:center}.arcade-input-field{background:transparent;border:2px dashed #00ffff;color:#0ff;font-family:"Press Start 2P",cursive;font-size:.8rem;padding:15px;width:100%;max-width:350px;text-align:center;outline:none}.arcade-input-field:focus{border-style:solid;box-shadow:0 0 15px #0ff}.arcade-menu-btn{background:transparent;color:#fff;border:none;font-family:"Press Start 2P",cursive;font-size:1rem;cursor:pointer;text-transform:uppercase;position:relative;padding:10px 20px;transition:all .2s}.arcade-menu-btn:before{content:"►";position:absolute;left:-20px;color:#ff007f;opacity:0;transition:opacity .2s}.arcade-menu-btn:hover:before{opacity:1}.arcade-menu-btn:hover{color:#ffea00;transform:scale(1.1)}.arcade-join-group{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:20px;padding-top:20px;border-top:2px solid #333}.arcade-logo{max-width:350px;width:100%;margin-bottom:40px;filter:drop-shadow(0 0 15px rgba(255,0,127,.8));animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.arcade-monitor{border:4px solid var(--neon-blue);box-shadow:0 0 20px #05f6,inset 0 0 40px #000}.arcade-input-field{border:2px solid var(--neon-cyan);color:var(--neon-cyan)}.arcade-menu-btn:nth-of-type(1){color:var(--neon-yellow)}.arcade-menu-btn:nth-of-type(1):hover{text-shadow:0 0 10px var(--neon-yellow)}.arcade-menu-btn:nth-of-type(2){color:var(--neon-red)}.arcade-menu-btn:nth-of-type(2):hover{text-shadow:0 0 10px var(--neon-red)}.arcade-join-group{border-top:2px dashed #444}.arcade-select-container{position:relative;width:100%;max-width:350px;font-family:var(--font-arcade);font-size:.8rem;-webkit-user-select:none;user-select:none;margin:0 auto}.arcade-select-header{background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan);padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.arcade-select-header:hover,.arcade-select-header.open{box-shadow:0 0 15px var(--neon-cyan)}.arcade-select-arrow{font-size:.6rem;transition:transform .3s}.arcade-select-list{position:absolute;top:100%;left:0;right:0;background:#050505f2;border:2px solid var(--neon-cyan);border-top:none;list-style:none;padding:0;margin:0;z-index:50;max-height:200px;overflow-y:auto;box-shadow:0 10px 30px #000000e6}.arcade-select-item{padding:15px;color:#666;cursor:pointer;transition:all .2s}@media(max-width:768px){.arcade-home-container{padding:30px 15px 15px;align-items:center}.arcade-monitor{padding:30px 25px;border-radius:14px;max-width:100%}.arcade-logo{max-width:260px;margin-bottom:30px}.arcade-menu-list{gap:20px}.arcade-menu-btn{font-size:.85rem;padding:10px 16px}.arcade-input-field{font-size:.7rem;padding:13px 10px}.arcade-select-container{font-size:.7rem}.arcade-select-header{padding:13px 10px}.arcade-select-item{padding:13px 10px;font-size:.65rem}.arcade-title{font-size:1.5rem;margin-bottom:30px}}@media(max-width:480px){.arcade-home-container{padding:20px 10px 10px}.arcade-monitor{padding:24px 16px;border-radius:10px;border-width:3px}.arcade-logo{max-width:200px;margin-bottom:24px;animation:float-sm 3s ease-in-out infinite}@keyframes float-sm{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.arcade-menu-list{gap:16px}.arcade-menu-btn{font-size:.72rem;padding:8px 12px}.arcade-menu-btn:before{left:-16px;font-size:.65rem}.arcade-input-field{font-size:.62rem;padding:12px 8px;max-width:100%}.arcade-select-container{font-size:.62rem;max-width:100%}.arcade-select-header{padding:12px 8px}.arcade-select-item{font-size:.6rem;padding:12px 8px}.arcade-title{font-size:1.1rem;margin-bottom:20px}.arcade-join-group{margin-top:14px;padding-top:14px;gap:8px}}@media(max-width:360px){.arcade-monitor{padding:18px 12px}.arcade-logo{max-width:165px}.arcade-menu-btn{font-size:.62rem}.arcade-input-field,.arcade-select-container{font-size:.55rem}}@media(max-height:500px)and (orientation:landscape){.arcade-home-container{align-items:center;justify-content:center;padding:5px;min-height:100vh;box-sizing:border-box}.arcade-monitor{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 20px;max-width:90%;margin:0 auto;border-radius:10px;text-align:center}.arcade-logo{max-width:100px;margin-bottom:0;flex-shrink:0;animation:float-sm 3s ease-in-out infinite}.arcade-menu-list{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:100%}.arcade-menu-btn{font-size:.6rem;padding:6px 16px}.arcade-input-field{font-size:.6rem;padding:8px;max-width:100%}.arcade-select-container{font-size:.6rem;max-width:100%}.arcade-select-header{padding:8px}.arcade-select-item{font-size:.58rem;padding:8px}.arcade-join-group{margin-top:5px;padding-top:5px;gap:6px;align-items:center;width:100%}}.waiting-lobby-page{width:100vw;height:100vh;display:flex;flex-direction:column;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative}.waiting-lobby-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:0}.waiting-header,.lobby-container{position:relative;z-index:1}.lobby-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;min-height:calc(100vh - 100px);padding:40px;gap:40px;width:98vw;max-width:1800px;margin:20px auto 0;height:calc(100vh - 120px)}.lobby-card{flex:2;background:#050505f2;border:4px solid var(--neon-blue);box-shadow:0 0 20px #05f6,inset 0 0 40px #000;width:100%;padding:40px;text-align:center;position:relative;height:800px;display:flex;flex-direction:column;box-sizing:border-box}.chat-wrapper{flex:1;height:calc(100vh - 160px);max-height:800px;overflow:hidden}.app-chat-wrapper{flex:1;height:50%;min-width:400px}.lobby-card h2{color:var(--neon-yellow);text-shadow:3px 3px 0px var(--neon-red);font-size:1.5rem;margin-bottom:30px;animation:blink-title 1.5s infinite;flex-shrink:0}@keyframes blink-title{0%,to{opacity:1}50%{opacity:.7}}.lobby-code-box{background:#000;border:2px dashed var(--neon-cyan);padding:20px;margin:0 auto 30px;width:fit-content;flex-shrink:0}.lobby-code-title{color:#666;font-size:.6rem;display:block;margin-bottom:10px}.lobby-code-text{font-size:3rem;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);letter-spacing:15px;font-weight:700}.lobby-vs-zone{display:flex;justify-content:space-around;align-items:center;margin-bottom:40px;gap:20px;flex-shrink:0}.player-box{flex:1;padding:20px;border:2px solid #333;background:#ffffff0d}.player-box.active{border-color:var(--neon-red);box-shadow:0 0 15px #ff003c4d}.vs-divider{font-size:2rem;color:var(--neon-yellow);font-style:italic;text-shadow:0 0 10px var(--neon-yellow)}.lobby-status-ready{color:#0f0;font-size:.7rem;margin-top:10px}.lobby-status-waiting{color:var(--neon-red);font-size:.7rem;margin-top:10px;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.lobby-config-zone{border-top:2px solid #222;padding-top:30px;display:flex;flex-direction:column;align-items:center;gap:20px;flex-grow:1;overflow-y:auto}.lobby-config-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:600px;gap:20px;padding:10px 0}.lobby-config-label{color:var(--neon-cyan);font-size:.8rem;text-align:left;flex:1;margin-bottom:0}.lobby-config-row .arcade-select-container{flex:1.5;max-width:350px}.lobby-config-zone::-webkit-scrollbar{width:6px}.lobby-config-zone::-webkit-scrollbar-thumb{background:var(--neon-blue)}.lobby-config-label{color:var(--neon-cyan);font-size:.7rem;margin-bottom:5px;display:block}.btn-start-game{background:var(--neon-red);color:#fff;border:none;padding:20px 40px;font-family:var(--font-arcade);font-size:1rem;cursor:pointer;box-shadow:4px 4px #800020;transition:all .2s;flex-shrink:0;margin-top:auto}.btn-start-game:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #800020;filter:brightness(1.2)}.btn-start-game:disabled{background:#333;box-shadow:none;cursor:not-allowed;opacity:.5}@media(max-width:900px){.lobby-container{padding:25px 20px;gap:25px;height:auto;min-height:calc(100vh - 100px)}.lobby-card{height:auto;min-height:unset;padding:30px 25px}.chat-wrapper{height:450px;min-width:unset;max-height:unset}.app-chat-wrapper{min-width:unset;width:100%}.lobby-code-text{font-size:2.2rem;letter-spacing:10px}}@media(max-width:650px){.lobby-container{flex-direction:column;padding:15px 12px;gap:20px;height:auto;width:100vw}.lobby-card{height:auto;min-height:unset;padding:20px 16px;flex:unset;width:100%}.chat-wrapper{flex:unset;width:100%;height:380px;max-height:380px}.app-chat-wrapper{flex:unset;min-width:unset;width:100%;height:380px}.lobby-card h2{font-size:1rem;margin-bottom:20px}.lobby-code-box{padding:14px;margin-bottom:20px}.lobby-code-text{font-size:1.8rem;letter-spacing:8px}.lobby-code-title{font-size:.52rem}.lobby-vs-zone{flex-direction:column;gap:12px;margin-bottom:25px}.vs-divider{font-size:1.2rem;transform:rotate(90deg)}.player-box{width:100%;padding:14px}.lobby-config-row{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%}.lobby-config-row .arcade-select-container{width:100%;max-width:100%;flex:unset}.lobby-config-label{font-size:.65rem}.btn-start-game{font-size:.8rem;padding:16px 30px;width:100%;margin-top:20px}.lobby-status-ready,.lobby-status-waiting{font-size:.6rem}}@media(max-width:400px){.lobby-container{padding:10px 8px;gap:14px}.lobby-card{padding:16px 12px}.lobby-card h2{font-size:.82rem}.lobby-code-text{font-size:1.4rem;letter-spacing:6px}.chat-wrapper,.app-chat-wrapper{height:320px;max-height:320px}}@media(max-height:500px)and (orientation:landscape){.lobby-container{flex-direction:row;align-items:stretch;padding:10px 14px;gap:14px;height:calc(100vh - 70px);margin-top:5px}.lobby-card{flex:1.4;height:100%;padding:14px 16px;overflow-y:auto}.chat-wrapper{flex:1;height:100%;max-height:unset}.app-chat-wrapper{flex:1;height:100%;min-width:unset}.lobby-card h2{font-size:.8rem;margin-bottom:12px}.lobby-code-box{padding:10px;margin-bottom:14px}.lobby-code-text{font-size:1.4rem;letter-spacing:6px}.lobby-vs-zone{margin-bottom:16px;gap:10px}.player-box{padding:10px}.vs-divider{font-size:1.2rem}.lobby-config-zone{gap:10px;padding-top:14px}.lobby-config-row{max-width:100%;gap:10px}.lobby-config-label{font-size:.6rem}.btn-start-game{font-size:.75rem;padding:12px 24px;margin-top:10px}}.loyalty-container{position:relative;width:95vw;max-width:2500px;margin:0 auto;padding:40px 80px;color:#fff;overflow:hidden}.slider-track{display:flex;gap:100px;transition:transform .5s cubic-bezier(.25,.8,.25,1);width:100%;align-items:flex-start}.loyalty-card{min-width:100%;width:100%;flex-shrink:0;background:#0a0a0ff2;border:3px solid var(--neon-blue);border-radius:10px;padding:30px;box-shadow:0 0 15px #05f3,inset 0 0 20px #000c}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000c;color:var(--neon-cyan);border:2px solid var(--neon-cyan);font-family:var(--font-arcade);font-size:1.5rem;padding:15px;cursor:pointer;z-index:10;transition:all .2s}.slider-btn:hover:not(:disabled){background:#00e5ff33;box-shadow:0 0 15px var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.slider-btn:disabled{border-color:#333;color:#333;cursor:not-allowed}.slider-btn.prev{left:15px}.slider-btn.next{right:15px}.slider-indicators{display:flex;justify-content:center;gap:15px;margin-top:-10px;padding-bottom:20px}.indicator{width:15px;height:15px;background:#222;border:2px solid #444;cursor:pointer;transition:all .3s;transform:rotate(45deg)}.indicator.active{background:var(--neon-yellow);border-color:var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow)}.loyalty-title{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red);font-size:1.2rem;margin-bottom:30px;text-align:center;border-bottom:2px dashed #333;padding-bottom:15px}.loyalty-input-group{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.loyalty-input-group label{font-size:.8rem;color:var(--neon-cyan);margin-bottom:10px;text-align:center}.loyalty-input-group input{text-align:center;width:100%;max-width:400px}.loyalty-connection-group{background:#000!important;border:2px solid #222!important;box-shadow:inset 0 0 20px #000;display:flex;flex-direction:column;align-items:center}.loyalty-connection-group p{color:#888!important;font-size:.7rem!important;text-align:center;line-height:1.5}.loyalty-stat-box{text-align:center;margin-top:20px;border:2px dashed var(--neon-yellow);padding:20px;background:#ffe8000d}.loyalty-stat-box p{font-size:1rem;color:#fff}.loyalty-stat-value{display:block;font-size:3rem;color:var(--neon-yellow);text-shadow:0 0 15px var(--neon-yellow);margin-top:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px;max-width:1400px;margin-left:auto;margin-right:auto}.stat-card{background:#050505;border:2px solid #333;padding:20px;text-align:center;transition:all .2s}.stat-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00e5ff33}.stat-card h4{font-size:.6rem;color:var(--neon-cyan);margin-bottom:15px;line-height:1.4}.stat-card .value{font-size:1.5rem;color:#fff}.stat-card .value.win{color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow)}.loyalty-history-list{list-style:none;padding:0;max-height:300px;overflow-y:auto;border:1px solid #333}.loyalty-history-list::-webkit-scrollbar{width:8px}.loyalty-history-list::-webkit-scrollbar-track{background:#000}.loyalty-history-list::-webkit-scrollbar-thumb{background:var(--neon-blue)}.loyalty-history-item{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #222;background:#0a0a0a;font-size:.7rem;line-height:1.5}.loyalty-history-item:hover{background:#0055ff1a}.loyalty-history-item strong{color:var(--neon-cyan)}.global-progress-container{background:#000;padding:20px;border:2px solid #333;margin-bottom:30px}.global-progress-title{font-size:.8rem;color:var(--neon-yellow)}.global-progress-stats{float:right;font-size:.7rem;color:#888}.achiev-progress-bar{width:100%;height:20px;background:#111;border:2px solid #444;margin-top:15px}.achiev-progress-fill{height:100%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);transition:width .5s ease-out}.global-fill{background:var(--neon-red);box-shadow:0 0 10px var(--neon-red)}.achiev-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.achiev-tab{background:#000;color:#666;border:2px solid #333;padding:12px;font-family:var(--font-arcade);font-size:.6rem;cursor:pointer;flex:1;text-align:center}.achiev-tab.active{background:#05f3;color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:inset 0 0 10px #0055ff4d}.achiev-tab:hover:not(.active){border-color:#888;color:#fff}.achiev-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-height:500px;overflow-y:auto;padding-right:10px;margin-top:20px}.achiev-grid::-webkit-scrollbar{width:8px}.achiev-grid::-webkit-scrollbar-track{background:#000}.achiev-grid::-webkit-scrollbar-thumb{background:var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow)}.achiev-card{min-height:120px;display:flex;background:#050505;border:2px solid #222;padding:15px;gap:15px;opacity:.5;filter:grayscale(100%);transition:all .3s}.achiev-card.completed{opacity:1;filter:grayscale(0%);border-color:var(--neon-yellow);box-shadow:0 0 15px #ffe8001a;background:#ffe8000d}.achiev-icon-wrapper{font-size:2rem;display:flex;align-items:center;justify-content:center}.achiev-title{font-size:.6rem;color:#fff;margin-bottom:8px;line-height:1.4}.achiev-objective{font-size:.6rem;color:#888;margin-bottom:10px;font-family:sans-serif}.achiev-progress-text{font-size:.5rem;color:var(--neon-cyan);display:block;margin-top:8px;text-align:right}.filters-bar select{background:#000;color:var(--neon-cyan);border:2px solid var(--neon-cyan);padding:10px;font-size:.6rem;margin-left:10px;cursor:pointer}.filters-bar{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:15px}.filter-group label{font-size:.7rem;color:var(--neon-cyan)}.filter-group select{background:#000;color:var(--neon-cyan);border:1px dashed var(--neon-cyan);padding:10px 15px;font-family:var(--font-arcade);font-size:.6rem;cursor:pointer;outline:none;transition:all .3s}.filter-group select:focus,.filter-group select:hover{border-style:solid;box-shadow:0 0 10px #00e5ff4d}.filter-group select option{background-color:#050505;color:var(--neon-cyan);font-family:var(--font-arcade);font-size:.7rem;text-transform:uppercase}.history-mode-tag{margin-left:10px;font-size:.5rem;padding:4px 8px;border-radius:4px;text-transform:uppercase;border:1px solid}.mode-solo{color:var(--neon-yellow);border-color:var(--neon-yellow);background:#ffe8001a}.mode-multi{color:var(--neon-red);border-color:var(--neon-red);background:#ff003c1a}.arcade-select-container{position:relative;width:220px;font-family:var(--font-arcade);font-size:.6rem;-webkit-user-select:none;user-select:none}.arcade-select-header{background:#000;color:var(--neon-cyan);border:1px dashed var(--neon-cyan);padding:10px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.arcade-select-header:hover,.arcade-select-header.open{border-style:solid;box-shadow:0 0 10px #00e5ff4d}.arcade-select-arrow{font-size:.5rem;transition:transform .3s}.arcade-select-header.open .arcade-select-arrow{transform:rotate(180deg)}.arcade-select-list{position:absolute;top:100%;left:0;right:0;background:#050505;border:1px solid var(--neon-cyan);border-top:none;list-style:none;padding:0;margin:0;z-index:50;max-height:200px;overflow-y:auto;box-shadow:0 10px 20px #000000e6}.arcade-select-item{padding:12px 15px;color:#666;cursor:pointer;transition:all .2s}.arcade-select-item:hover{background:#00e5ff1a;color:#fff;padding-left:20px}.arcade-select-item.selected{color:var(--neon-cyan);background:#00e5ff0d;border-left:3px solid var(--neon-cyan)}@media(max-width:900px){.loyalty-container{padding:30px 50px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.achiev-grid{gap:15px;max-height:420px}.filters-bar{gap:20px}.arcade-select-container{width:180px}}@media(max-width:600px){.loyalty-container{padding:25px 45px}.loyalty-card{padding:20px 16px}.loyalty-title{font-size:.85rem;margin-bottom:20px}.slider-btn{font-size:1rem;padding:10px 12px}.stats-grid{grid-template-columns:1fr;gap:15px}.achiev-grid{grid-template-columns:1fr;max-height:400px;gap:12px}.filters-bar{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.filter-group,.arcade-select-container{width:100%}.achiev-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.achiev-tab{font-size:.5rem;padding:10px 6px}.achiev-card{min-height:90px;padding:12px;gap:10px}.achiev-icon-wrapper{font-size:1.5rem}.achiev-title{font-size:.52rem}.achiev-objective{font-size:.55rem}.loyalty-history-item{flex-direction:column;gap:8px;font-size:.6rem}.loyalty-history-item>div:last-child{text-align:left}.global-progress-stats{float:none;display:block;margin-top:6px;color:#888;font-size:.6rem}.global-progress-title{font-size:.7rem}.loyalty-stat-value{font-size:2.2rem}.loyalty-input-group label{font-size:.65rem}.slider-indicators{gap:10px;margin-top:0;padding-bottom:12px}.indicator{width:12px;height:12px}}@media(max-width:400px){.loyalty-container{padding:20px 38px}.loyalty-card{padding:16px 12px}.loyalty-title{font-size:.72rem}.slider-btn{font-size:.85rem;padding:8px 10px}.achiev-tab{font-size:.42rem;padding:8px 4px}.stat-card .value{font-size:1.2rem}.stat-card h4{font-size:.5rem}.loyalty-stat-value{font-size:1.8rem}.loyalty-connection-group p{font-size:.6rem!important}}@media(max-height:500px)and (orientation:landscape){.loyalty-container{padding:15px 50px}.loyalty-card{padding:16px 20px}.loyalty-title{font-size:.8rem;margin-bottom:14px;padding-bottom:10px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.achiev-grid{max-height:280px;grid-template-columns:1fr 1fr}.loyalty-stat-value{font-size:2rem}.global-progress-container{padding:12px;margin-bottom:16px}}:root{--arcade-bg: #050505;--neon-red: #FF003C;--neon-blue: #0055FF;--neon-yellow: #FFE800;--neon-cyan: #00E5FF;--font-arcade: "Press Start 2P", system-ui, monospace;--glow-red: 0 0 10px rgba(255, 0, 60, .5);--glow-blue: 0 0 10px rgba(0, 85, 255, .5)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--arcade-bg);color:#fff;font-family:var(--font-arcade);overflow-x:hidden;-webkit-font-smoothing:none}h1,h2,h3,h4,button,input,select{font-family:var(--font-arcade);text-transform:uppercase}a{color:var(--neon-cyan);text-decoration:none;transition:all .2s}a:hover{text-shadow:0 0 8px var(--neon-cyan)}