h1{margin:8px!important}.player-history-wrapper{width:100%;margin-top:20px}.history-title{text-align:center;margin-bottom:15px}.history-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.history-card{color:#fff;background:#1f1f1f;border-radius:12px;padding:15px}.history-game-name{color:#0f9;margin-bottom:10px}.history-row{justify-content:space-between;margin:8px 0;display:flex}.history-empty{text-align:center;opacity:.7}body{background:#f5f5f5;margin:0;font-family:Arial,sans-serif}.game-panel{color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:50px 20px;display:flex}.game-panel h1{letter-spacing:2px;text-shadow:0 0 20px #ffffff26,0 0 35px #7209b780;margin-bottom:50px;font-size:52px;font-weight:800}.game-grid{flex-wrap:wrap;justify-content:center;gap:35px;display:flex}.game-card{cursor:pointer;-webkit-backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:240px;height:240px;transition:transform .35s,box-shadow .35s,border .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059,inset 0 0 12px #ffffff0d}.game-card:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:180px;height:180px;transition:all .4s;position:absolute;top:-80px;left:-80px}.game-card:hover{border:1px solid #ffffff38;transform:translateY(-12px)scale(1.03);box-shadow:0 20px 40px #00000073,0 0 25px #7209b773}.game-card:hover:before{opacity:1;transform:scale(1.4)}.game-icon{z-index:2;filter:drop-shadow(0 0 12px #fff3);margin-bottom:20px;font-size:72px;transition:transform .3s}.game-card:hover .game-icon{transform:scale(1.1)}.game-card h2{color:#fff;z-index:2;letter-spacing:1px;margin:0;font-size:26px;font-weight:700}@media (width<=768px){.game-panel h1{font-size:38px}.game-card{width:180px;height:180px}.game-icon{font-size:56px}.game-card h2{font-size:20px}}.marquee-wrapper{-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:1100px;margin-bottom:45px;overflow:hidden;box-shadow:0 8px 25px #00000040}.marquee{white-space:nowrap;color:#fff;padding:16px 0;font-size:18px;font-weight:700;animation:18s linear infinite marqueeMove}@keyframes marqueeMove{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (width<=768px){.marquee{padding:14px 0;font-size:15px}}body{color:#fff;background:radial-gradient(circle at top,#1f1f2e,#0f0f1a);justify-content:center;align-items:flex-start;min-height:100vh;margin:0;font-family:Inter,Segoe UI,sans-serif;display:flex;overflow-y:auto}.container{text-align:center;z-index:2;justify-items:center;width:100%;max-width:420px;padding:20px;position:relative}.board{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0f;border-radius:25px;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;padding:20px;display:grid;box-shadow:0 10px 40px #0009,inset 0 0 20px #ffffff0d}.cell{aspect-ratio:1;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:18px;justify-content:center;align-items:center;font-weight:600;transition:all .25s;display:flex;position:relative}.cell:hover{background:#ffffff26;transform:translateY(-5px)scale(1.05)}.cell:active{transform:scale(.95)}.marked{background:linear-gradient(135deg,#00c9a7,#00b894);animation:1.5s infinite alternate glowPulse}@keyframes glowPulse{0%{box-shadow:0 0 10px #00ffc880}to{box-shadow:0 0 25px #00ffc8e6}}h2,h3{letter-spacing:1px;margin:10px 0;font-weight:500}button{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin:6px 0;padding:12px;font-size:14px;font-weight:500;transition:all .25s}button.primary{background:linear-gradient(135deg,#6c5ce7,#8e44ad)}button.success{background:linear-gradient(135deg,#00c9a7,#00b894)}button.warning{color:#000;background:linear-gradient(135deg,#f7971e,#ffd200)}button.danger{background:linear-gradient(135deg,#ff416c,#ff4b2b)}button:hover{transform:translateY(-2px)}button:disabled,.disabled{opacity:.4;pointer-events:none}input{color:#fff;background:#ffffff0f;border:none;border-radius:10px;outline:none;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:6px 0;padding:12px}body:before,body:after{content:"";filter:blur(80px);pointer-events:none;width:500px;height:500px;position:fixed}body:before{background:radial-gradient(circle,#00cfff55,#0000 70%);top:-100px;left:-100px}body:after{background:radial-gradient(circle,#ff4d8855,#0000 70%);bottom:-100px;right:-100px}@media (width<=480px){.container{padding:15px}h2{font-size:18px}h3{font-size:14px}}h1{font-size:3rem;animation:.5s pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.clear-btn-wrapper{z-index:999;position:fixed;top:10px;left:10px}.clear-btn{opacity:.05;color:#0000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#f003;border:none;border-radius:8px;padding:8px 10px;transition:all .3s}.clear-btn:hover{opacity:1;color:#fff;background:#f00c;transform:scale(1.05)}.clear-btn:after{color:#fff;opacity:0;white-space:nowrap;background:#000;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;top:120%;left:0}.clear-btn:hover:after{opacity:1}.joinGame{gap:10px;width:-webkit-fill-available;width:-moz-available;width:stretch;display:flex}.joinGame .primary{flex:1}.active-turn{animation:1.2s infinite alternate turnPulse}@keyframes turnPulse{0%{box-shadow:0 0 10px #00ffc8}to{box-shadow:0 0 25px #00ffc8}}.turn-indicator.flash{animation:.5s flash}@keyframes flash{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.board.turn-shift{animation:.3s shake}@keyframes shake{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}.cell{position:relative;overflow:hidden}.ripple{background:#fff;border-radius:50%;width:20px;height:20px;animation:.5s linear ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(8)}}.cell.winning{color:#000;background:linear-gradient(135deg,gold,#ffea00);font-weight:700;transition:all .3s;animation:1s infinite alternate glow;transform:scale(1.05);box-shadow:0 0 10px #ffd700cc}@keyframes glow{0%{box-shadow:0 0 5px gold}to{box-shadow:0 0 20px #ffea00}}.config-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:left;background:#ffffff0f;border-radius:20px;width:100%;max-width:400px;padding:25px;box-shadow:0 10px 40px #0009,inset 0 0 20px #ffffff0d}.config-form{flex-direction:column;gap:16px;display:flex}.config-field{flex-direction:column;gap:6px;display:flex}.config-field label{opacity:.8;font-size:13px}.config-field input{color:#fff;background:#ffffff14;border:none;border-radius:12px;outline:none;padding:12px;transition:all .25s}.config-field input:focus{background:#ffffff26;box-shadow:0 0 10px #00ffc84d}.config-preview{opacity:.85;text-align:center;font-size:14px}.config-card button{margin-top:10px}.game-layout{align-items:flex-start;gap:20px;display:flex}.game-area{flex:3}.rules-panel{color:#fff;background:#1e1e1e;border-radius:10px;flex:1;min-width:220px;padding:15px;position:sticky;top:20px}.rules-panel ul{padding:0;list-style:none}.rules-panel li{margin:8px 0}.rule-highlight{background:#ff4d4f;border-radius:8px;margin-top:10px;padding:10px;font-size:14px}.player-stats{background:#1e1e2f;border-radius:10px;margin-top:15px;padding:10px}.player-stats h4{margin-bottom:5px}.popup-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box{color:#fff;background:#1e1e2f;border-radius:12px;width:500px;padding:20px}.game-item{margin:8px 0}.popup-actions{justify-content:space-between;margin-top:15px;display:flex}.game-item label{cursor:pointer;align-items:center;gap:10px;display:flex}.game-item input[type=radio]{transform:scale(1.1)}.fullscreen-overlay{color:#fff;z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex;position:fixed;top:0;left:0}.overlay-waiting{color:#fff;z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-result{z-index:9999;color:#fff;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.react-select__menu{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.react-select__menu-list::-webkit-scrollbar{width:6px}.react-select__menu-list::-webkit-scrollbar-thumb{background:#00c9a7;border-radius:10px}.select-wrapper{width:300px;position:relative}.bingo-page{color:#fff;background:radial-gradient(circle at top,#6c5ce7 0%,#0f1117 70%);padding:20px;font-family:Inter,Segoe UI,sans-serif;position:fixed;inset:0;overflow-y:auto}.bingo-page .bingo-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;min-height:calc(100vh - 40px);display:flex}.bingo-page .bingo-container{flex-direction:column;align-items:center;width:100%;max-width:650px;display:flex}.bingo-page .bingo-title{letter-spacing:2px;text-shadow:0 0 20px #ffffff4d,0 0 40px #6c5ce780;font-size:42px;font-weight:700;animation:2s infinite alternate bingoTitleGlow}@keyframes bingoTitleGlow{0%{transform:scale(1)}to{transform:scale(1.03)}}.bingo-page .bingo-info-panel{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.bingo-page .bingo-info-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;padding:12px 18px;transition:all .25s;box-shadow:0 4px 12px #00000059,inset 0 0 10px #ffffff0d}.bingo-page .bingo-info-box:hover{transform:translateY(-3px)}.bingo-page .bingo-board{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:3px solid #ffffff14;border-radius:24px;gap:10px;width:100%;padding:20px;animation:4s infinite alternate bingoBoardGlow;display:grid;box-shadow:0 10px 40px #00000080,inset 0 0 20px #ffffff0d}@keyframes bingoBoardGlow{0%{box-shadow:0 10px 40px #00000080,0 0 20px #6c5ce74d}to{box-shadow:0 10px 50px #000000b3,0 0 35px #6c5ce799}}.bingo-page .bingo-cell{aspect-ratio:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:2px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden}.bingo-page .bingo-cell:hover{background:linear-gradient(145deg,#ffffff2e,#ffffff14);transform:scale(1.06)}.bingo-page .bingo-cell:active{transform:scale(.95)}.bingo-page .bingo-marked{color:#fff;background:linear-gradient(145deg,#00c9a7,#00b894);animation:1.5s infinite alternate bingoMarkedGlow}@keyframes bingoMarkedGlow{0%{box-shadow:0 0 10px #00ffc880}to{box-shadow:0 0 25px #00ffc8e6}}.bingo-page .bingo-winning{color:#000;background:linear-gradient(145deg,gold,#ffea00);font-weight:700;animation:1s infinite alternate bingoWinningGlow;transform:scale(1.05)}@keyframes bingoWinningGlow{0%{box-shadow:0 0 10px gold}to{box-shadow:0 0 25px #ffea00}}.bingo-page .bingo-disabled{pointer-events:none;opacity:.6}.bingo-page .bingo-buttons,.bingo-page .bingo-join-group{flex-wrap:nowrap;justify-content:center;gap:12px;width:-webkit-fill-available;width:-moz-available;width:stretch;display:flex}.bingo-page .bingo-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 22px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 6px 18px #0006}.bingo-page .bingo-btn:hover{transform:translateY(-3px)scale(1.03)}.bingo-page .bingo-primary{background:linear-gradient(145deg,#6c5ce7,#8e44ad)}.bingo-page .bingo-success{background:linear-gradient(145deg,#00c9a7,#00b894)}.bingo-page .bingo-warning{color:#000;background:linear-gradient(145deg,#f7971e,#ffd200)}.bingo-page .bingo-danger{background:linear-gradient(145deg,#ff416c,#ff4b2b)}.bingo-page .bingo-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;background:#ffffff14;border:none;border-radius:14px;outline:none;width:-webkit-fill-available;padding:14px;transition:all .25s}.bingo-page .bingo-input:focus{background:#ffffff24;box-shadow:0 0 10px #6c5ce780}.bingo-page .bingo-waiting-box{flex-direction:column;align-items:center;gap:14px;display:flex}.bingo-page .bingo-loader{border:5px solid #fff3;border-top-color:#6c5ce7;border-radius:50%;width:50px;height:50px;animation:1s linear infinite bingoSpin}@keyframes bingoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bingo-page .bingo-rules-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;width:300px;padding:20px;position:sticky;top:20px;box-shadow:0 10px 30px #0006}.bingo-page .bingo-rules-panel ul{padding:0;list-style:none}.bingo-page .bingo-rules-panel li{margin:10px 0}.bingo-page .bingo-rule-highlight{background:linear-gradient(145deg,#ff416c,#ff4b2b);border-radius:12px;margin-top:14px;padding:12px;box-shadow:0 0 15px #ff4b2b80}.bingo-page .bingo-popup-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bingo-page .bingo-popup-box{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#14141ef2;border:1px solid #ffffff14;border-radius:22px;width:500px;max-width:90%;padding:24px;box-shadow:0 10px 40px #0009}.bingo-page .bingo-game-item{background:#ffffff0d;border-radius:12px;margin:10px 0;padding:12px;transition:all .25s}.bingo-page .bingo-game-item:hover{background:#ffffff1a}.bingo-page .bingo-game-item label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;font-size:16px;font-weight:600;display:flex}.bingo-page .bingo-game-item input[type=radio]{appearance:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff59;border-radius:50%;width:22px;height:22px;transition:all .25s;position:relative;box-shadow:inset 0 0 8px #ffffff0d,0 0 8px #6c5ce726}.bingo-page .bingo-game-item input[type=radio]:hover{border-color:#8e7dff;transform:scale(1.08);box-shadow:0 0 12px #6c5ce773}.bingo-page .bingo-game-item input[type=radio]:checked{background:linear-gradient(145deg,#00ffd5,#00b894);border-color:#00ffd5;box-shadow:0 0 15px #00ffd5b3,0 0 30px #00ffd559}.bingo-page .bingo-game-item input[type=radio]:before{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:all .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.bingo-page .bingo-game-item input[type=radio]:checked:before{transform:translate(-50%,-50%)scale(1)}.bingo-page .bingo-game-item:has(input:checked){background:#6c5ce72e;border:1px solid #00ffd573;transform:translateY(-2px);box-shadow:0 0 20px #00ffd52e}.bingo-page .bingo-popup-actions{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.bingo-page .bingo-overlay-waiting,.bingo-page .bingo-overlay-result{color:#fff;z-index:99999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bingo-page .bingo-overlay-waiting{background:#0009}.bingo-page .bingo-overlay-result{background:#000000d1}.bingo-page .bingo-overlay-result h1,.bingo-page .bingo-overlay-waiting h1{font-size:42px;animation:1s infinite alternate bingoWinnerAnim}@keyframes bingoWinnerAnim{0%{text-shadow:0 0 10px gold;transform:scale(1)}to{text-shadow:0 0 25px gold;transform:scale(1.08)}}.bingo-page .bingo-active-turn{animation:1.2s infinite alternate bingoTurnPulse}@keyframes bingoTurnPulse{0%{box-shadow:0 0 10px #00ffc8}to{box-shadow:0 0 25px #00ffc8}}@media (width<=768px){.bingo-page .bingo-layout{flex-direction:column;align-items:center}.bingo-page .bingo-rules-panel{width:100%;max-width:650px}.bingo-page .bingo-title{font-size:30px}.bingo-page .bingo-cell{font-size:14px}.bingo-page .bingo-popup-box{width:95%}.bingo-page .bingo-overlay-result h1,.bingo-page .bingo-overlay-waiting h1{text-align:center;padding:20px;font-size:26px}}.bingo-live-notification{z-index:9999;color:#fff;background:linear-gradient(145deg,#6c5ce7,#0f1117);border:2px solid #6c5ce7;border-radius:16px;flex-direction:column;gap:12px;min-width:240px;padding:18px;animation:.4s slideIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 0 25px #6a4caf80}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.reversi-page{color:#fff;background:radial-gradient(circle at top,#1b5e20 0%,#0d1117 70%);padding:20px;position:fixed;inset:0;overflow-y:auto}.reversi-page .game-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.reversi-page .game-title{letter-spacing:2px;text-shadow:0 0 20px #ffffff4d,0 0 40px #4caf5066;font-size:42px;font-weight:700;animation:2s infinite alternate reversiTitleGlow}@keyframes reversiTitleGlow{0%{transform:scale(1)}to{transform:scale(1.03)}}.reversi-page .info-panel{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.reversi-page .info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;padding:12px 18px;transition:all .25s;box-shadow:0 4px 12px #0000004d,inset 0 0 10px #ffffff0d}.reversi-page .info-box:hover{transform:translateY(-3px)}.reversi-page .reversi-board{background:#0b3d1d;border:4px solid #8d6e63;border-radius:24px;grid-template-columns:repeat(8,50px);gap:6px;padding:16px;animation:4s infinite alternate reversiBoardGlow;display:grid;box-shadow:0 10px 40px #00000080,inset 0 0 20px #00000080}@keyframes reversiBoardGlow{0%{box-shadow:0 10px 40px #00000080,0 0 20px #4caf504d}to{box-shadow:0 10px 50px #000000b3,0 0 35px #4caf50b3}}.reversi-page .reversi-cell{cursor:pointer;background:linear-gradient(145deg,#2e7d32,#1b5e20);border:2px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s;display:flex;position:relative}.reversi-page .reversi-cell:hover{background:linear-gradient(145deg,#388e3c,#2e7d32);transform:scale(1.06)}.reversi-page .reversi-cell.valid:after{content:"";background:#fffc;border-radius:50%;width:14px;height:14px;animation:1s infinite reversiPulse;position:absolute}@keyframes reversiPulse{0%{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(.7)}}.reversi-page .reversi-piece{border-radius:50%;width:30px;height:30px;transition:transform .3s;animation:.25s reversiDropPiece}.reversi-page .reversi-piece:hover{transform:scale(1.08)}.reversi-page .black{background:radial-gradient(circle at top,#666,#000);box-shadow:inset -4px -4px 8px #ffffff26,inset 4px 4px 10px #000000b3,0 0 12px #000000b3}.reversi-page .white{background:radial-gradient(circle at top,#fff,#cfcfcf);box-shadow:inset -4px -4px 8px #fffc,inset 4px 4px 10px #00000026,0 0 12px #ffffff80}@keyframes reversiDropPiece{0%{opacity:0;transform:scale(0)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.reversi-page .game-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.reversi-page .game-btn{cursor:pointer;color:#fff;background:linear-gradient(145deg,#43a047,#2e7d32);border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 6px 18px #0006}.reversi-page .game-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 25px #00000080}.waiting-box{flex-direction:column;align-items:center;gap:14px;margin-top:10px;display:flex}.loader{border:5px solid #fff3;border-top-color:#4caf50;border-radius:50%;width:50px;height:50px;animation:1s linear infinite reversiSpin}@keyframes reversiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reversi-page .winner-box{margin-top:20px}.reversi-page .winner-text{font-size:42px;font-weight:700;animation:1s infinite alternate reversiWinnerAnim}@keyframes reversiWinnerAnim{0%{text-shadow:0 0 10px gold;transform:scale(1)}to{text-shadow:0 0 25px gold;transform:scale(1.08)}}@media (width<=700px){.reversi-page .reversi-board{grid-template-columns:repeat(8,42px);gap:4px;padding:10px}.reversi-page .reversi-cell{width:42px;height:42px}.reversi-page .reversi-piece{width:30px;height:30px}.reversi-page .game-title{font-size:28px}.reversi-page .info-panel{gap:8px}.reversi-page .info-box{padding:10px;font-size:12px}.reversi-page .winner-text{text-align:center;font-size:28px}}.board-disabled{pointer-events:none;opacity:.7}.board-disabled .reversi-cell{cursor:not-allowed}.reversi-live-notification{z-index:9999;color:#fff;background:linear-gradient(145deg,#1b5e20,#0d1117);border:2px solid #4caf50;border-radius:16px;flex-direction:column;gap:12px;min-width:240px;padding:18px;animation:.4s reversiNotifySlide;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 0 25px #4caf5080}@keyframes reversiNotifySlide{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.gameplayer-history-section{-webkit-backdrop-filter:blur(14px);z-index:-1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:900px;margin-top:30px;padding:20px;box-shadow:0 8px 25px #00000040}.gameplayer-history-title{text-align:center;letter-spacing:1px;color:#fffffff2;text-shadow:0 0 10px #4caf5059;margin-bottom:20px;font-size:28px;font-weight:700;animation:2s infinite alternate reversiHistoryGlow}@keyframes reversiHistoryGlow{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}.gameplayer-history-list{flex-direction:column;gap:14px;display:flex}.gameplayer-history-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:all .25s;display:flex;box-shadow:0 4px 12px #0003}.gameplayer-history-card:hover{background:#ffffff14;transform:translateY(-3px)scale(1.01);box-shadow:0 8px 20px #0000004d,0 0 15px #4caf502e}.gameplayer-history-item{color:#ffffffeb;font-size:15px;font-weight:500}.gameplayer-history-win{color:#7dffb3;text-shadow:0 0 6px #7dffb366;font-weight:700}.gameplayer-history-loss{color:#ff8a8a;text-shadow:0 0 6px #ff8a8a59;font-weight:700}.gameplayer-history-tie{color:#ffe082;text-shadow:0 0 6px #ffe08259;font-weight:700}@media (width<=700px){.gameplayer-history-section{z-index:-1;padding:14px}.gameplayer-history-title{font-size:22px}.gameplayer-history-card{flex-direction:column;align-items:flex-start;gap:8px}.gameplayer-history-item{font-size:13px}}.reversi-radio-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;margin-top:12px;padding:16px 18px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000040}.reversi-radio-card:hover{background:#ffffff17;transform:translateY(-3px)scale(1.01);box-shadow:0 8px 20px #00000059,0 0 20px #4caf502e}.reversi-radio-card.active{background:linear-gradient(145deg,#4caf502e,#ffffff0f);border:1px solid #4caf5099;box-shadow:0 0 20px #4caf5059}.reversi-radio-card input{display:none}.radio-custom{border:2px solid #81c784;border-radius:50%;width:24px;min-width:24px;height:24px;transition:all .25s;position:relative;box-shadow:0 0 10px #4caf5040}.radio-custom:after{content:"";background:#4caf50;border-radius:50%;transition:all .25s;position:absolute;inset:4px;transform:scale(0);box-shadow:0 0 12px #4caf50cc}.reversi-radio-card.active .radio-custom:after{transform:scale(1)}.radio-content{flex-direction:column;gap:4px;display:flex}.radio-title{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:700}.radio-subtitle{color:#ffffffbf;font-size:13px}.no-games{text-align:center;color:#ffffffb3;padding:20px}@media (width<=700px){.reversi-radio-card{padding:14px}.radio-title{font-size:14px}.radio-subtitle{font-size:12px}}.game2048-page{color:#fff;background:radial-gradient(circle at top,#3a0ca3 0%,#121212 70%);justify-content:center;align-items:center;min-height:100vh;padding:30px;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.game2048-container{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:min-content;display:flex}.game2048-container .title{letter-spacing:3px;text-shadow:0 0 20px #ffffff40,0 0 35px #7209b780;margin:0;font-size:48px;font-weight:800;animation:2s infinite alternate titleFloat}@keyframes titleFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.game2048-container .top-panel{justify-content:space-between;gap:15px;display:flex}.game2048-container .score-box{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;flex:1;padding:16px;font-size:18px;font-weight:700;box-shadow:0 8px 25px #00000059,inset 0 0 12px #ffffff0a}.game2048-container .restart-btn{cursor:pointer;color:#fff;background:linear-gradient(145deg,#7209b7,#560bad);border:none;border-radius:18px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 8px 20px #0006}.game2048-container .restart-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 25px #00000080}.game2048-container .board{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:repeat(6,1fr);gap:12px;padding:18px;animation:4s infinite alternate boardGlow;display:grid;box-shadow:0 15px 40px #00000080,inset 0 0 18px #ffffff0a}@keyframes boardGlow{0%{box-shadow:0 15px 40px #00000080,0 0 15px #7209b740}to{box-shadow:0 15px 55px #000000a6,0 0 30px #7209b780}}.game2048-container .tile{border-radius:18px;justify-content:center;align-items:center;width:78px;height:78px;font-size:26px;font-weight:800;transition:all .2s;animation:.18s tileSpawn;display:flex}.game2048-container .tile:hover{transform:scale(1.05)}@keyframes tileSpawn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tile-0{background:#ffffff0d}.tile-2{color:#222;background:#f8edeb}.tile-4{color:#222;background:#fae1dd}.tile-8{color:#222;background:#f9c74f}.tile-16{background:#f9844a}.tile-32{background:#f3722c}.tile-64{background:#f94144}.tile-128{background:#90be6d;font-size:22px}.tile-256{background:#43aa8b;font-size:22px}.tile-512{background:#577590;font-size:22px}.tile-1024{background:#7209b7;font-size:18px}.tile-2048{color:#111;background:linear-gradient(145deg,#ffd60a,#ffb703);animation:1s infinite alternate tile2048Glow,.8s infinite pulse2048}@keyframes tile2048Glow{0%{box-shadow:0 0 10px #ffd60a80}to{box-shadow:0 0 28px #ffd60a}}@keyframes pulse2048{0%{transform:scale(1)}to{transform:scale(1.06)}}.game2048-container .game-over{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff14;border-radius:22px;padding:20px;animation:.4s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=500px){.game2048-container{max-width:100%}.game2048-container .title{font-size:34px}.game2048-container .board{gap:8px;padding:12px}.game2048-container .tile{width:62px;height:62px;font-size:20px}.tile-1024,.tile-2048{font-size:15px}.game2048-container .top-panel{flex-direction:column}.game2048-container .restart-btn{width:100%}}.ttt-page{color:#fff;background:radial-gradient(circle at top,#3f51b5 0%,#0f1117 70%);padding:20px;position:fixed;inset:0;overflow-y:auto}.ttt-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100vh - 40px);display:flex}.ttt-title{text-shadow:0 0 20px #ffffff4d,0 0 40px #3f51b580;font-size:42px;font-weight:700;animation:2s infinite alternate tttGlow}@keyframes tttGlow{0%{transform:scale(1)}to{transform:scale(1.03)}}.ttt-info-panel{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ttt-info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:14px;padding:12px 18px}.ttt-board{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-radius:24px;grid-template-columns:repeat(3,110px);gap:10px;padding:18px;display:grid;box-shadow:0 10px 40px #00000080}.ttt-cell{cursor:pointer;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border-radius:18px;justify-content:center;align-items:center;width:110px;height:110px;transition:all .25s;display:flex}.ttt-cell:hover{transform:scale(1.06)}.ttt-symbol{font-size:58px;font-weight:700}.ttt-x{color:#4caf50;text-shadow:0 0 15px #4caf50}.ttt-o{color:#ff5252;text-shadow:0 0 15px #ff5252}.ttt-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ttt-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 22px;font-weight:700;transition:all .25s}.ttt-btn:hover{transform:translateY(-3px)}.ttt-primary{background:linear-gradient(145deg,#3f51b5,#5c6bc0)}.ttt-danger{background:linear-gradient(145deg,#ff416c,#ff4b2b)}.ttt-disabled{pointer-events:none;opacity:.6}.ttt-loader{border:5px solid #fff3;border-top-color:#3f51b5;border-radius:50%;width:50px;height:50px;animation:1s linear infinite tttSpin}@keyframes tttSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ttt-popup-overlay{background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ttt-popup-box{background:#14141ef2;border-radius:24px;width:500px;max-width:90%;padding:24px}.ttt-game-item{margin:12px 0}.ttt-popup-actions{justify-content:space-between;margin-top:20px;display:flex}.ttt-winner-text{font-size:42px;animation:1s infinite alternate tttWinner}@keyframes tttWinner{0%{text-shadow:0 0 10px gold;transform:scale(1)}to{text-shadow:0 0 25px gold;transform:scale(1.08)}}@media (width<=600px){.ttt-board{grid-template-columns:repeat(3,80px)}.ttt-cell{width:80px;height:80px}.ttt-symbol{font-size:42px}.ttt-title{font-size:28px}}.ttt-live-notification{z-index:9999;color:#fff;background:linear-gradient(145deg,#3f51b5,#1a237e);border:2px solid #7986cb;border-radius:18px;flex-direction:column;gap:12px;min-width:240px;padding:18px;animation:.4s tttNotifySlide;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 0 25px #3f51b580}@keyframes tttNotifySlide{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.ttt-radio-card{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000040}.ttt-radio-card:hover{background:#ffffff1a;transform:translateY(-3px)scale(1.01);box-shadow:0 10px 24px #00000059,0 0 18px #3f51b540}.ttt-radio-card.active{background:linear-gradient(145deg,#3f51b538,#ffffff0d);border:1px solid #7986cbb3;box-shadow:0 0 22px #3f51b566}.ttt-radio-card input{display:none}.ttt-radio-custom{border:2px solid #7986cb;border-radius:50%;width:24px;min-width:24px;height:24px;transition:all .25s;position:relative;box-shadow:0 0 12px #3f51b540}.ttt-radio-custom:after{content:"";background:#5c6bc0;border-radius:50%;transition:all .25s;position:absolute;inset:4px;transform:scale(0);box-shadow:0 0 14px #5c6bc0e6}.ttt-radio-card.active .ttt-radio-custom:after{transform:scale(1)}.ttt-radio-content{flex-direction:column;gap:4px;display:flex}.ttt-radio-title{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:700}.ttt-radio-subtitle{color:#ffffffb8;font-size:13px}.ttt-no-games{text-align:center;color:#ffffffb3;padding:20px}@media (width<=600px){.ttt-radio-card{padding:14px}.ttt-radio-title{font-size:14px}.ttt-radio-subtitle{font-size:12px}}.dotsgame-page{color:#fff;box-sizing:border-box;background:radial-gradient(circle at top,#5b21b6 0%,#0d1117 70%);padding:20px;position:fixed;inset:0;overflow-y:auto}.dotsgame-page .dotsgame-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:calc(100vh - 40px);display:flex}.dotsgame-page .dotsgame-title{letter-spacing:2px;text-shadow:0 0 20px #ffffff4d,0 0 40px #a855f773;margin-bottom:20px;font-size:42px;font-weight:700;animation:2s infinite alternate dotsgameTitleGlow}@keyframes dotsgameTitleGlow{0%{transform:scale(1)}to{transform:scale(1.03)}}.dotsgame-page .dotsgame-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.dotsgame-page .dotsgame-btn{cursor:pointer;color:#fff;background:linear-gradient(145deg,#8b5cf6,#6d28d9);border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 6px 18px #0006}.dotsgame-page .dotsgame-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 25px #8b5cf659}.dotsgame-page .dotsgame-info-panel{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px;display:flex}.dotsgame-page .dotsgame-info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;padding:12px 18px;transition:all .25s;box-shadow:0 4px 12px #0000004d,inset 0 0 10px #ffffff0d}.dotsgame-page .dotsgame-info-box:hover{transform:translateY(-3px)}.dotsgame-page .dotsgame-board{box-sizing:border-box;background:#240046;border:4px solid #a78bfa;border-radius:24px;max-width:100%;padding:18px;animation:4s infinite alternate dotsgameBoardGlow;display:inline-block;overflow:auto;box-shadow:0 10px 40px #00000080,inset 0 0 20px #00000080}@keyframes dotsgameBoardGlow{0%{box-shadow:0 10px 40px #00000080,0 0 20px #a855f759}to{box-shadow:0 10px 50px #000000b3,0 0 35px #a855f7bf}}.dotsgame-page .dotsgame-dot-row,.dotsgame-page .dotsgame-box-row{align-items:center;width:fit-content;display:flex}.dotsgame-page .dotsgame-line-wrapper,.dotsgame-page .dotsgame-vertical-wrapper{flex-shrink:0;align-items:center;display:flex}.dotsgame-page .dotsgame-dot{z-index:2;background:radial-gradient(circle,#fff,#bdbdbd);border-radius:50%;width:12px;min-width:12px;height:12px;position:relative;box-shadow:0 0 10px #ffffffb3}.dotsgame-page .dotsgame-h-line{cursor:pointer;background:#374151;border-radius:10px;width:55px;min-width:55px;height:8px;margin:0;transition:all .25s}.dotsgame-page .dotsgame-h-line:hover{background:#a855f7;transform:scaleY(1.3);box-shadow:0 0 12px #a855f7cc}.dotsgame-page .dotsgame-v-line{cursor:pointer;background:#374151;border-radius:10px;width:8px;min-width:8px;height:55px;transition:all .25s}.dotsgame-page .dotsgame-v-line:hover{background:#a855f7;transform:scaleX(1.3);box-shadow:0 0 12px #a855f7cc}.dotsgame-page .dotsgame-box{background:#ffffff0d;border-radius:10px;width:59px;min-width:55px;height:55px;margin:0;transition:all .3s;box-shadow:inset 0 0 8px #ffffff0d}.dotsgame-page .dotsgame-box:hover{transform:scale(1.03)}.dotsgame-page .dotsgame-board-disabled{pointer-events:none;opacity:.7}.dotsgame-page .dotsgame-board-disabled .dotsgame-h-line,.dotsgame-page .dotsgame-board-disabled .dotsgame-v-line{cursor:not-allowed}.dotsgame-page .dotsgame-popup-overlay{z-index:999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dotsgame-page .dotsgame-popup-box{background:linear-gradient(145deg,#4c1d95,#0d1117);border:2px solid #a855f7;border-radius:24px;min-width:320px;padding:30px;animation:.3s dotsgamePopupAnim;box-shadow:0 0 30px #a855f773}@keyframes dotsgamePopupAnim{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dotsgame-page .dotsgame-game-item{background:#ffffff0d;border-radius:12px;margin:15px 0;padding:12px;transition:all .25s}.dotsgame-page .dotsgame-game-item:hover{background:#ffffff14}.dotsgame-page h2{margin-top:10px;font-size:22px;animation:1.5s infinite dotsgameWaitingPulse}@keyframes dotsgameWaitingPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.dotsgame-page .dotsgame-winner-box{margin-top:20px}.dotsgame-page .dotsgame-winner-box h1{font-size:42px;font-weight:700;animation:1s infinite alternate dotsgameWinnerAnim}@keyframes dotsgameWinnerAnim{0%{text-shadow:0 0 10px gold;transform:scale(1)}to{text-shadow:0 0 25px gold;transform:scale(1.08)}}.dotsgame-page.player-yellow .dotsgame-h-line:hover,.dotsgame-page.player-yellow .dotsgame-v-line:hover{background:#facc15;box-shadow:0 0 12px #facc15cc,0 0 20px #facc1580}.dotsgame-page.player-blue .dotsgame-h-line:hover,.dotsgame-page.player-blue .dotsgame-v-line:hover{background:#60a5fa;box-shadow:0 0 12px #60a5facc,0 0 20px #60a5fa80}.dotsgame-page .dotsgame-game-label{cursor:pointer;align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.dotsgame-page .dotsgame-radio{appearance:none;cursor:pointer;background:#ffffff14;border:2px solid #c084fc;border-radius:50%;width:20px;height:20px;transition:all .25s;position:relative;box-shadow:0 0 8px #a855f74d}.dotsgame-page .dotsgame-radio:hover{border-color:#e9d5ff;transform:scale(1.1);box-shadow:0 0 12px #a855f7b3}.dotsgame-page .dotsgame-radio:checked{background:#a855f7;border-color:#e9d5ff;box-shadow:0 0 14px #a855f7e6}.dotsgame-page .dotsgame-radio:checked:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=700px){.dotsgame-page{padding:14px}.dotsgame-page .dotsgame-title{font-size:28px}.dotsgame-page .dotsgame-board{padding:10px}.dotsgame-page .dotsgame-h-line{width:32px;min-width:32px;height:6px}.dotsgame-page .dotsgame-v-line{width:6px;min-width:6px;height:32px}.dotsgame-page .dotsgame-box{width:32px;min-width:32px;height:32px}.dotsgame-page .dotsgame-dot{width:8px;min-width:8px;height:8px}.dotsgame-page .dotsgame-info-panel{gap:8px}.dotsgame-page .dotsgame-info-box{padding:10px;font-size:12px}.dotsgame-page .dotsgame-winner-box h1{text-align:center;font-size:28px}.dotsgame-page .dotsgame-popup-box{min-width:90%}}.connect4-page{color:#fff;background:radial-gradient(circle at top,#1e3a8a 0%,#0f172a 70%);padding:20px;position:fixed;inset:0;overflow-y:auto}.connect4-page .game-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.connect4-page .game-title{letter-spacing:2px;text-shadow:0 0 20px #ffffff4d,0 0 40px #2563eb80;font-size:42px;font-weight:700;animation:2s infinite alternate connect4TitleGlow}@keyframes connect4TitleGlow{0%{transform:scale(1)}to{transform:scale(1.03)}}.connect4-page .game-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.connect4-page .game-btn{cursor:pointer;color:#fff;background:linear-gradient(145deg,#2563eb,#1d4ed8);border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 6px 18px #0006}.connect4-page .game-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 25px #00000080}.connect4-page .info-panel{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.connect4-page .info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;padding:12px 18px;transition:all .25s;box-shadow:0 4px 12px #0000004d,inset 0 0 10px #ffffff0d}.connect4-page .info-box:hover{transform:translateY(-3px)}.connect4-page .connect4-board{background:linear-gradient(145deg,#2563eb,#1e40af);border:5px solid #93c5fd;border-radius:24px;grid-template-columns:repeat(7,70px);gap:8px;padding:18px;animation:4s infinite alternate connect4BoardGlow;display:grid;box-shadow:0 10px 40px #00000080,0 0 25px #3b82f659}@keyframes connect4BoardGlow{0%{box-shadow:0 10px 40px #00000080,0 0 20px #3b82f64d}to{box-shadow:0 10px 50px #000000b3,0 0 35px #3b82f6b3}}.connect4-page .connect4-cell{cursor:pointer;background:radial-gradient(circle,#0f172a 55%,#020617 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .2s;display:flex;position:relative}.connect4-page .connect4-cell:hover{background:radial-gradient(circle,#1e293b 55%,#020617 100%);transform:scale(1.05)}.connect4-page .disc{border-radius:50%;width:58px;height:58px;animation:.22s connect4Drop}.connect4-page .red{background:radial-gradient(circle at top,#ff6b6b,#dc2626);box-shadow:inset -4px -4px 8px #ffffff26,inset 4px 4px 10px #00000080,0 0 16px #ef4444b3}.connect4-page .yellow{background:radial-gradient(circle at top,#fff176,#facc15);box-shadow:inset -4px -4px 8px #ffffff59,inset 4px 4px 10px #0003,0 0 16px #facc15b3}@keyframes connect4Drop{0%{opacity:0;transform:translateY(-80px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}.connect4-page .waiting-box{flex-direction:column;align-items:center;gap:14px;margin-top:10px;display:flex}.connect4-page .loader{border:5px solid #fff3;border-top-color:#60a5fa;border-radius:50%;width:50px;height:50px;animation:1s linear infinite connect4Spin}@keyframes connect4Spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connect4-page .winner-box{margin-top:20px}.connect4-page .winner-text{font-size:42px;font-weight:700;animation:1s infinite alternate connect4WinnerAnim}@keyframes connect4WinnerAnim{0%{text-shadow:0 0 10px gold;transform:scale(1)}to{text-shadow:0 0 25px gold;transform:scale(1.08)}}.connect4-page .board-disabled{pointer-events:none;opacity:.7}.connect4-page .board-disabled .connect4-cell{cursor:not-allowed}@media (width<=700px){.connect4-page .connect4-board{grid-template-columns:repeat(7,42px);gap:5px;padding:10px}.connect4-page .connect4-cell{width:42px;height:42px}.connect4-page .disc{width:34px;height:34px}.connect4-page .game-title{font-size:28px}.connect4-page .info-panel{gap:8px}.connect4-page .info-box{padding:10px;font-size:12px}.connect4-page .winner-text{text-align:center;font-size:28px}.connect4-page .game-btn{width:100%}}.connect4-popup-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.connect4-popup-box{background:linear-gradient(145deg,#1e3a8a,#0f172a);border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:420px;padding:24px;box-shadow:0 10px 40px #00000073}.connect4-radio-card{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;margin-top:12px;padding:16px;transition:all .25s;display:flex;position:relative}.connect4-radio-card:hover{background:#ffffff14;transform:translateY(-2px)}.connect4-radio-card.active{border:1px solid #60a5fa;box-shadow:0 0 20px #60a5fa59}.connect4-radio-card input{display:none}.connect4-radio-custom{border:2px solid #60a5fa;border-radius:50%;width:24px;height:24px;position:relative}.connect4-radio-custom:after{content:"";background:#60a5fa;border-radius:50%;transition:all .25s;position:absolute;inset:4px;transform:scale(0)}.connect4-radio-card.active .connect4-radio-custom:after{transform:scale(1)}.connect4-radio-content{flex-direction:column;display:flex}.connect4-radio-title{font-size:16px;font-weight:700}.connect4-radio-subtitle{opacity:.7;font-size:13px}.mind-container{color:#fff;align-items:flex-start;gap:20px;min-height:100vh;padding:20px;display:flex}.mind-box{text-align:center;background:#1e1e1e;border-radius:20px;padding:25px;box-shadow:0 0 20px #ffffff1a}.mind-cards{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;display:grid}.mind-input{text-align:center;border:none;border-radius:10px;width:120px;margin-top:15px;padding:10px;font-size:18px}.mind-button{cursor:pointer;background:gold;border:none;border-radius:12px;margin-top:15px;padding:12px 25px;font-size:18px;font-weight:700}.mind-button:hover{background:#ffea61}.mind-result{color:#0f9;min-height:40px;margin-top:25px;font-size:28px}.mind-step{color:#ccc;margin-top:15px;line-height:1.8}.mind-big-card{font-size:42px}.mind-card{color:#000;cursor:pointer;text-align:center;background:#fff;border-radius:10px;padding:12px;font-weight:700;transition:all .2s}.mind-card:hover{background:#ffe066;transform:scale(1.05)}@media (width<=768px){.mind-container{flex-direction:column}.mind-box{width:100%}.mind-cards{grid-template-columns:repeat(2,1fr);width:100%;margin-top:20px}}.mind-left,.mind-right{width:50%}