:root{--text:#6b6375;--text-h:#08060d;--bg:#05070a;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:rgba(170,59,255,.1);--accent-border:rgba(170,59,255,.5);--social-bg:rgba(244,243,236,.5);--shadow:rgba(0,0,0,.1) 0 10px 15px -3px, rgba(0,0,0,.05) 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (max-width:1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#05070a;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:rgba(192,132,252,.15);--accent-border:rgba(192,132,252,.5);--social-bg:rgba(47,48,58,.5);--shadow:rgba(0,0,0,.4) 0 10px 15px -3px, rgba(0,0,0,.25) 0 4px 6px -2px}#social .button-icon{-webkit-filter:invert()brightness(2);filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (max-width:1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.mission-cleared-popup{border:2px solid var(--neon-cyan,#00f3ff);z-index:5000;text-align:center;background:rgba(5,7,10,.95);border-radius:12px;min-width:300px;padding:30px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popup-bounce;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px rgba(0,243,255,.5)}.mission-cleared-popup h3{color:var(--neon-cyan,#00f3ff);text-shadow:0 0 10px var(--neon-cyan,#00f3ff);margin:0 0 20px;font-family:Orbitron,Outfit,sans-serif;font-size:1.8rem}.mission-cleared-item{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(0,243,255,.2);border-radius:6px;justify-content:center;align-items:center;gap:10px;margin:12px 0;padding:10px;font-size:1.1rem;display:flex}.mission-cleared-item .icon{color:var(--neon-cyan,#00f3ff);font-size:1.5rem;animation:1.5s infinite pulse}@keyframes popup-bounce{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}:root{--neon-cyan:#00f3ff;--neon-magenta:#ff003c;--dark-bg:#05070a;--board-bg:#0d1117;--board-grid:rgba(0,243,255,.3);--board-grid-glow:rgba(0,243,255,.1);--glass:rgba(255,255,255,.05);--cell-size:36px;--stone-size:32px}@media (max-width:600px){:root{--cell-size:22px;--stone-size:20px}}*,:before,:after{box-sizing:border-box}html{background-color:var(--dark-bg);width:100%;height:100%;margin:0;padding:0}body{background-color:var(--dark-bg);color:#fff;background-image:radial-gradient(circle,rgba(0,243,255,.05) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,50px 50px,50px 50px;background-attachment:fixed;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}.app-container{perspective:1000px;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:100vw;margin-top:auto;margin-bottom:auto;padding:20px 10px;display:flex}.cyber-title{color:#fff;text-align:center;margin-bottom:2rem;font-family:Orbitron,Outfit,sans-serif;font-weight:900;line-height:1.2;transform:translateZ(20px)}.cyber-title.massive{text-transform:uppercase;margin-bottom:3rem;font-size:max(3rem,min(15vw,6rem));animation:4s infinite alternate vapor-pulse}.traditional-title.massive{color:#3e2723;text-align:center;text-shadow:none;letter-spacing:2px;margin-bottom:3rem;font-family:Times New Roman,serif;font-size:max(2.5rem,min(12vw,5rem));font-weight:400}@keyframes vapor-pulse{0%{text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 40px #00f3ff;color:#d4fbff}to{text-shadow:0 0 20px #ff003c,0 0 40px #ff003c,0 0 80px #ff003c;color:#ffd4de}}.cyber-title.small{margin-bottom:0;font-size:max(1rem,min(5vw,1.5rem))}.title-screen{justify-content:center}.menu-container{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;gap:15px;width:100%;max-width:300px;display:flex}body.traditional-theme .menu-container{background:rgba(255,255,255,.4);border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.menu-button{background:var(--glass);border:1px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:15px 20px;font-size:max(1rem,min(4vw,1.2rem));font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 15px rgba(0,243,255,.1)}.menu-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.menu-button:hover:before{left:100%}.menu-button:hover{background:rgba(0,243,255,.1);transform:translateY(-2px);box-shadow:0 0 30px rgba(0,243,255,.4)}body.traditional-theme .menu-button{color:#8b4513;background:#fdf5e6;border:1px solid #8b4513;box-shadow:2px 2px 5px rgba(0,0,0,.1)}body.traditional-theme .menu-button:hover{color:#5c4033;background:#fff;border-color:#5c4033;box-shadow:2px 2px 8px rgba(0,0,0,.2)}body.traditional-theme .menu-button:before{display:none}.menu-button.pve-btn{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:0 0 15px rgba(255,0,60,.1)}.menu-button.pve-btn:hover{background:rgba(255,0,60,.1);box-shadow:0 0 30px rgba(255,0,60,.4)}.pve-section{flex-direction:column;gap:10px;display:flex}.difficulty-selectors{color:#888;justify-content:space-between;padding:0 10px;font-size:.8rem;display:flex}.difficulty-selectors label{cursor:pointer;align-items:center;gap:5px;transition:all .2s;display:flex}.difficulty-selectors label:hover{color:var(--neon-magenta)}.game-header{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:.5rem;padding:0 1rem;display:flex}.back-button{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #333;border-radius:4px;padding:5px 10px;font-size:.7rem;transition:all .3s}body.traditional-theme .back-button{color:#3e2723;background:rgba(255,255,255,.5);border:1px solid #8b4513}.back-button:hover{color:#fff;background:rgba(255,255,255,.05);border-color:#fff}body.traditional-theme .back-button:hover{color:#000;background:rgba(255,255,255,.8);border-color:#5c4033}.game-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.board{background-color:var(--board-bg);border:1px solid rgba(0,243,255,.2);border-radius:8px;flex-direction:column;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;padding:10px;display:flex;position:relative;box-shadow:0 0 40px rgba(0,0,0,.5),0 0 20px rgba(0,243,255,.1),inset 0 0 20px rgba(0,243,255,.05)}.classic-game-board{background-color:#deb887;border:4px solid #8b4513;padding:15px;box-shadow:0 0 40px rgba(0,0,0,.5),inset 0 0 10px rgba(139,69,19,.3)}body.traditional-theme{color:#3e2723;background-color:#deb887;background-image:none}body.traditional-theme .app-container{color:#3e2723}.game-over-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;box-sizing:border-box;background:rgba(5,7,10,.8);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.5s ease-out fade-in;display:flex;position:absolute;top:0;left:0}.game-over-overlay.minimal{pointer-events:none;background:rgba(5,7,10,.4)}.game-over-overlay.minimal .menu-button{pointer-events:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-over-overlay h2{color:#fff;text-shadow:0 0 20px var(--neon-magenta);letter-spacing:.1em;margin:0;font-size:max(2rem,min(8vw,3.5rem))}.game-over-overlay p{color:var(--neon-cyan);margin:10px 0 20px;font-size:max(1.2rem,min(5vw,1.8rem));font-weight:700}body.traditional-theme .game-over-overlay{background:rgba(244,232,216,.9);border:2px solid #8b4513;box-shadow:0 0 20px rgba(0,0,0,.3)}body.traditional-theme .game-over-overlay h2{color:#8b4513;text-shadow:none}body.traditional-theme .game-over-overlay p{color:#3e2723;text-shadow:none}.board-row{display:flex}.board-cell{width:var(--cell-size);height:var(--cell-size);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.board-cell:before{content:"";background:var(--board-grid);height:1px;box-shadow:0 0 5px var(--board-grid-glow);position:absolute;top:50%;left:0;right:0}.classic-game-board .board-cell:before{box-shadow:none;background:#8b4513}.board-cell:after{content:"";background:var(--board-grid);width:1px;box-shadow:0 0 5px var(--board-grid-glow);position:absolute;top:0;bottom:0;left:50%}.classic-game-board .board-cell:after{box-shadow:none;background:#8b4513}.board-row:first-child .board-cell:after{top:50%}.board-row:last-child .board-cell:after{bottom:50%}.board-cell:first-child:before{left:50%}.board-cell:last-child:before{right:50%}.board-cell:hover:after,.board-cell:hover:before{background:var(--neon-cyan);z-index:1}.classic-game-board .board-cell:hover:after,.classic-game-board .board-cell:hover:before{background:#000}.star-point{background:var(--neon-cyan);width:4px;height:4px;box-shadow:0 0 8px var(--neon-cyan);z-index:2;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.classic-game-board .star-point{box-shadow:none;background:#3e2723}.stone{width:var(--stone-size);height:var(--stone-size);z-index:5;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.3s cubic-bezier(.175,.885,.32,1.275) stone-drop}.stone.square{border-radius:4px}@keyframes stone-drop{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.stone.black{box-shadow:0 0 15px var(--neon-cyan), 0 0 30px rgba(0,243,255,.3), inset -2px -2px 5px rgba(0,0,0,.5);background:radial-gradient(circle at 30% 30%,#44fcff,#00d2ff)}.classic-game-board .stone.black{background:radial-gradient(circle at 30% 30%,#555,#111);box-shadow:2px 2px 4px rgba(0,0,0,.5),inset -2px -2px 5px rgba(0,0,0,.5)}.stone.white{box-shadow:0 0 15px var(--neon-magenta), 0 0 30px rgba(255,0,60,.3), inset -2px -2px 5px rgba(0,0,0,.5);background:radial-gradient(circle at 30% 30%,#ff4d7a,#ff003c)}.classic-game-board .stone.white{background:radial-gradient(circle at 30% 30%,#fff,#ddd);box-shadow:2px 2px 4px rgba(0,0,0,.5),inset -2px -2px 5px rgba(0,0,0,.2)}.last-move-indicator{z-index:10;background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;position:absolute;box-shadow:0 0 10px #fff}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.controls-container{gap:1rem;margin-top:1rem;display:flex}.turn-indicator{text-transform:uppercase;letter-spacing:.2em;margin-bottom:10px;font-size:1.4rem;font-weight:900}.turn-text.black{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.turn-text.white{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}body.traditional-theme .turn-text.black{color:#000;text-shadow:none}body.traditional-theme .turn-text.white{color:#555;text-shadow:none}body.traditional-theme .player-color.black{color:#000!important;text-shadow:none!important}body.traditional-theme .player-color.white{color:#fff!important;text-shadow:none!important}body.traditional-theme .you-tag{color:#fff!important;background:#333!important}body.traditional-theme .player-box.right .you-tag{color:#000!important;background:#eee!important}body.traditional-theme .player-box{color:#3e2723!important;background:rgba(222,184,135,.8)!important;border-color:#8b4513!important;box-shadow:inset 0 0 10px rgba(139,69,19,.2)!important}body.traditional-theme .player-box.active{box-shadow:0 0 15px rgba(139,69,19,.6)!important}body.traditional-theme .player-name-display{color:#3e2723!important}.action-button{color:#ccc;cursor:pointer;text-transform:uppercase;background:rgba(255,255,255,.05);border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}body.traditional-theme .action-button{color:#3e2723;background:rgba(255,255,255,.5);border:1px solid #8b4513}body.traditional-theme .action-button:hover{color:#000;background:rgba(255,255,255,.8);border-color:#5c4033}.button-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;overflow:visible}.button-icon-wrapper .item-icon{transform-origin:50%;flex-shrink:0;transform:scale(.48);margin-bottom:0!important}.action-button:hover{color:#fff;background:rgba(255,255,255,.1);border-color:#fff}.undo-button:hover:not(:disabled){border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,243,255,.2)}.setup-instruction{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,243,255,.5);margin-bottom:5px;font-size:1.2rem}.setup-instruction-container{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.start-battle-btn{background:var(--neon-cyan);color:#000;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:0 0 15px rgba(0,243,255,.4)}.start-battle-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(0,243,255,.6)}.reset-button:hover{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:0 0 10px rgba(255,0,60,.2)}.separator{color:#555;text-align:center;margin:15px 0;font-size:.8rem;position:relative}.join-section{gap:10px;margin-top:10px;display:flex}.room-input{color:var(--neon-cyan);text-align:center;background:rgba(0,0,0,.3);border:1px solid #444;border-radius:4px;outline:none;flex:1;padding:10px;font-family:monospace;font-size:1.2rem;transition:all .3s}.room-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,243,255,.2)}.join-btn{padding:10px 20px!important;font-size:1rem!important}.waiting-container{background:rgba(255,255,255,.05);border:1px solid rgba(0,243,255,.2);border-radius:8px;flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}.loader{border:3px solid rgba(0,243,255,.1);border-top-color:var(--neon-cyan);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-id-display{color:#888;font-size:1rem}.room-id-display span{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);margin-left:10px;font-family:monospace;font-size:1.4rem;font-weight:700}.game-info{flex-direction:column;align-items:center;gap:5px;margin-bottom:15px;display:flex}.online-status{color:#888;align-items:center;gap:10px;font-size:.9rem;display:flex}.room-id-tag{color:#ccc;background:rgba(255,255,255,.1);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.8rem}button:disabled{opacity:.3;cursor:not-allowed;-webkit-filter:grayscale();filter:grayscale()}.cyber-btn{text-shadow:0 0 10px rgba(255,255,255,.5);animation:2s infinite alternate cyber-glow;color:#fff!important;background:linear-gradient(45deg, var(--neon-cyan), var(--neon-magenta))!important;border-color:#fff!important}@keyframes cyber-glow{0%{box-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-magenta)}to{box-shadow:0 0 20px var(--neon-cyan), 0 0 40px var(--neon-magenta)}}.rank-badge{color:#000;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-family:Outfit,sans-serif;font-weight:900;line-height:1;display:inline-flex}.rank-badge.standard{background:var(--neon-cyan);box-shadow:0 0 10px rgba(0,243,255,.4)}.rank-badge.cyber{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta));box-shadow:0 0 15px rgba(255,0,60,.4)}.rank-badge.mini{padding:2px 5px;font-size:.8rem}.rank-badge.large{padding:8px 15px;font-size:1.5rem}.mode-border{border:1px solid var(--neon-cyan);border-radius:4px;transition:all .3s}.mode-border.cyber{background:rgba(0,0,0,.8) padding-box padding-box;border:1px solid transparent;position:relative}.mode-border.cyber:before{content:"";background:linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta));border-radius:inherit;z-index:-1;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.mode-border.rounded{border-radius:12px}.item-selection-container{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:600px;display:flex}.item-card{background:var(--glass);cursor:pointer;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:200px;padding:20px;transition:all .3s}.item-card:hover{border-color:var(--neon-cyan);background:rgba(0,243,255,.05)}.item-card.selected{border-color:var(--neon-cyan);background:rgba(0,243,255,.2);transform:translateY(-5px);box-shadow:0 0 20px rgba(0,243,255,.3)}.item-card h3{color:var(--neon-cyan);margin:0 0 10px}.item-card p{color:#aaa;margin:0;font-size:.8rem;line-height:1.4}.setup-instruction{color:var(--neon-magenta);margin-bottom:10px;font-weight:700}.bomb-mine-indicator{z-index:5;background:#222;border:1.5px solid #000;border-radius:50%;width:22px;height:22px;animation:1s infinite alternate pulse-mine;position:absolute;box-shadow:0 0 10px rgba(0,0,0,.8),inset 2px 2px 5px rgba(255,255,255,.1),0 0 5px #fff700}.bomb-mine-indicator:before{content:"";background:#444;border-radius:2px;width:8px;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.bomb-mine-indicator:after{content:"";background:#fff700;border-radius:50%;width:4px;height:4px;animation:.2s infinite fuse-spark;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fff700,0 0 20px #ff4d00}@keyframes fuse-spark{0%{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.5)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pulse-mine{0%{-webkit-filter:brightness();filter:brightness();transform:scale(.9)}to{-webkit-filter:brightness(1.3);filter:brightness(1.3);transform:scale(1.1)}}.item-icon{border-radius:50%;width:50px;height:50px;margin-bottom:15px}.stealth-icon{border:2px dashed var(--neon-cyan);background:radial-gradient(circle,rgba(0,255,255,.2) 0%,transparent 70%)}.bomb-icon{background:#222;border:2px solid #000;position:relative;box-shadow:0 0 15px rgba(255,247,0,.2)}.bomb-icon:before{content:"";background:#444;border-radius:2px;width:12px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.bomb-icon:after{content:"";background:#fff700;border-radius:50%;width:8px;height:8px;animation:.3s infinite fuse-spark;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #fff700,0 0 30px #ff4d00}.bomb-indicator.small{width:6px;height:6px;position:absolute;top:5px;right:5px}.stone.stealth{opacity:.4;border:1px dashed #fff;position:absolute}.stone.stealth.revealed-stealth{border:2px dashed var(--neon-cyan);box-shadow:inset 0 0 10px var(--neon-cyan);opacity:.8}.stone.stealth.revealed-stealth.magenta{border-color:var(--neon-magenta);box-shadow:inset 0 0 10px var(--neon-magenta)}@keyframes blink1{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes blink2{0%,49%{opacity:1}50%,to{opacity:0}}.blink-1{animation:1s infinite blink1}.blink-2{animation:1s infinite blink2}.stealth-toggle{color:#fff;border-color:#fff}.stealth-toggle.active{background:var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan)}.effect-overlay{z-index:150;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:1.5s forwards effect-fade;display:flex;position:absolute;top:0;left:0}.bomb-effect h2{color:var(--neon-magenta);text-shadow:0 0 30px var(--neon-magenta);font-size:4rem}@keyframes effect-fade{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.menu-container.wider{max-width:700px}.mode-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (max-width:600px){.mode-grid{grid-template-columns:1fr;gap:15px}}.mode-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;flex-direction:column;gap:15px;padding:20px;display:flex}.section-title{color:#888;text-align:center;letter-spacing:.1em;margin:0 0 10px;font-size:1rem}.cyan-text{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.title-difficulty{justify-content:center;gap:30px;margin-top:30px}.waiting-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.waiting-content{text-align:center;border:1px solid var(--neon-cyan);background:rgba(0,20,20,.8);padding:3rem;position:relative;overflow:hidden;box-shadow:0 0 50px rgba(0,255,255,.2)}.scanner-line{background:var(--neon-cyan);width:100%;height:2px;box-shadow:0 0 15px var(--neon-cyan);animation:2s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0}to{top:100%}}.glitch-text{color:var(--neon-cyan);letter-spacing:.2em;text-shadow:2px 2px #f05,-2px -2px #0ff;font-size:2rem;animation:1s infinite glitch}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.room-info{border-top:1px solid rgba(0,255,255,.3);margin-top:2rem;padding-top:1rem}.room-id{color:#fff;letter-spacing:.1em;text-shadow:0 0 20px var(--neon-cyan);margin:10px 0;font-size:3rem}.hint{color:#888;font-size:.9rem}.cut-in-overlay{z-index:1000;pointer-events:none;background:rgba(0,0,0,.95);border-top:3px solid #fff;border-bottom:3px solid #fff;justify-content:center;align-items:center;width:140%;height:160px;animation:.4s cubic-bezier(.23,1,.32,1) forwards slide-in-cutin,.3s 1.2s forwards fade-out-cutin;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cut-in-overlay.black{border-color:var(--neon-cyan);box-shadow:0 0 50px rgba(0,255,255,.3)}.cut-in-overlay.white{border-color:#f05;box-shadow:0 0 50px rgba(255,0,85,.3)}.cut-in-text{color:#fff;letter-spacing:.3em;text-align:center;font-family:Outfit,sans-serif;font-size:max(1.8rem,min(8vw,2.8rem));font-style:italic;font-weight:900;line-height:1.1}.cut-in-content{flex-direction:column;align-items:center;gap:5px;display:flex}.cut-in-overlay.black .cut-in-text{text-shadow:0 0 20px var(--neon-cyan)}.cut-in-overlay.white .cut-in-text{text-shadow:0 0 20px #f05}@keyframes slide-in-cutin{0%{opacity:0;width:0;transform:translate(-50%,-50%)skew(45deg)}to{opacity:1;width:140%;transform:translate(-50%,-50%)skew(0)}}.board-cell.winning-cell{z-index:10;background:rgba(255,255,255,.1);box-shadow:inset 0 0 15px rgba(255,255,255,.2)}.board-cell.winning-cell.black{box-shadow:inset 0 0 20px var(--neon-cyan)}.classic-game-board .board-cell.winning-cell.black{box-shadow:inset 0 0 20px rgba(0,0,0,.8)}.board-cell.winning-cell.white{box-shadow:inset 0 0 20px var(--neon-magenta)}.classic-game-board .board-cell.winning-cell.white{box-shadow:inset 0 0 20px rgba(255,255,255,.8)}.stone.winning{z-index:15;animation:1s infinite alternate winning-pulse}.classic-game-board .stone.winning.black{animation:1s infinite alternate winning-pulse-classic-black}.classic-game-board .stone.winning.white{animation:1s infinite alternate winning-pulse-classic-white}@keyframes winning-pulse{0%{-webkit-filter:brightness();filter:brightness();transform:scale(1);box-shadow:0 0 15px}to{-webkit-filter:brightness(1.5);filter:brightness(1.5);transform:scale(1.1);box-shadow:0 0 30px}}@keyframes winning-pulse-classic-black{0%{transform:scale(1);box-shadow:0 0 10px rgba(0,0,0,.5)}to{transform:scale(1.1);box-shadow:0 0 20px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.4)}}@keyframes winning-pulse-classic-white{0%{transform:scale(1);box-shadow:0 0 10px rgba(255,255,255,.5)}to{transform:scale(1.1);box-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.4)}}.victory-text-container{perspective:1000px;margin:20px 0}.victory-title{letter-spacing:.3em;margin:0;font-family:Outfit,sans-serif;font-size:max(3rem,min(15vw,5rem));font-style:italic;font-weight:900;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards victory-appear}.victory-title.black{color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan), 0 0 50px rgba(0,243,255,.5)}.victory-title.white{color:var(--neon-magenta);text-shadow:0 0 20px var(--neon-magenta), 0 0 50px rgba(255,0,60,.5)}body.traditional-theme .victory-title.black{color:#000;text-shadow:0 0 10px rgba(0,0,0,.5)}body.traditional-theme .victory-title.white{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}@keyframes victory-appear{0%{opacity:0;transform:rotateX(90deg)scale(.5)}to{opacity:1;transform:rotateX(0)scale(1)}}.board.revealed .stone.stealth{opacity:.7;border:2px solid #fff}.bomb-mine-indicator.revealed{opacity:.8;-webkit-filter:grayscale(.5);filter:grayscale(.5);transform:rotate(45deg)scale(.9)}.bomb-toggle.active{color:#000;background:#fff700;border-color:#fff;box-shadow:0 0 20px #fff700}.play-again-btn{animation:1.5s infinite alternate pulse-button;background:var(--neon-cyan)!important;color:#000!important;box-shadow:0 0 30px var(--neon-cyan)!important;border-radius:8px!important;margin:10px 0!important;padding:15px 30px!important;font-size:1.2rem!important;font-weight:900!important}@keyframes pulse-button{0%{box-shadow:0 0 20px var(--neon-cyan);transform:scale(1)}to{box-shadow:0 0 40px var(--neon-cyan);transform:scale(1.05)}}.waiting-result-hint{color:#888;margin-top:10px;font-size:.9rem;font-style:italic;animation:1s infinite alternate blink-text}@keyframes blink-text{0%{opacity:.4}to{opacity:1}}@keyframes fade-out-cutin{to{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(1.2)}}.explosion-container{pointer-events:none;z-index:2000;justify-content:center;align-items:center;display:flex;position:absolute}.explosion-flash{width:var(--cell-size);height:var(--cell-size);background:#fff;border-radius:50%;animation:.5s ease-out forwards explosion-core-anim;position:absolute;box-shadow:0 0 20px #fff,0 0 40px #fff700,0 0 60px #ff4d00}.explosion-ring{-webkit-filter:blur(2px);filter:blur(2px);border:4px solid #ff4d00;border-radius:50%;width:40px;height:40px;animation:.8s ease-out forwards explosion-ring-anim;position:absolute;box-shadow:0 0 20px #ff4d00}.explosion-blast{background:radial-gradient(circle,rgba(255,100,0,.8) 0%,rgba(255,50,0,.4) 50%,transparent 70%);border-radius:50%;width:0;height:0;animation:.8s ease-out forwards blast-wave-anim;position:absolute}.explosion-particles{width:100%;height:100%;position:absolute}.particle{background:#fff;border-radius:50%;width:6px;height:6px;animation:.6s ease-out forwards particle-fly;position:absolute;box-shadow:0 0 10px #fff,0 0 20px #fff700,0 0 30px #ff4d00}@keyframes explosion-core-anim{0%{opacity:1;transform:scale(.1)}20%{opacity:1;-webkit-filter:brightness(3);filter:brightness(3);transform:scale(2.5);box-shadow:0 0 50px #fff,0 0 100px #fff700,0 0 150px #ff4d00}to{opacity:0;transform:scale(2)}}@keyframes explosion-ring-anim{0%{opacity:1;border-width:10px;transform:scale(.5)}to{opacity:0;border-width:1px;transform:scale(12)}}@keyframes blast-wave-anim{0%{opacity:1;width:0;height:0}30%{opacity:1}to{opacity:0;width:500px;height:500px}}@keyframes particle-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(0);opacity:0}}.particle:first-child{--tx:80px;--ty:-120px}.particle:nth-child(2){--tx:-100px;--ty:-80px}.particle:nth-child(3){--tx:120px;--ty:40px}.particle:nth-child(4){--tx:-60px;--ty:140px}.particle:nth-child(5){--tx:140px;--ty:-60px}.particle:nth-child(6){--tx:-120px;--ty:20px}.particle:nth-child(7){--tx:40px;--ty:160px}.particle:nth-child(8){--tx:-80px;--ty:-140px}.particle:nth-child(9){--tx:100px;--ty:100px}.particle:nth-child(10){--tx:-140px;--ty:-40px}.particle:nth-child(11){--tx:20px;--ty:-160px}.particle:nth-child(12){--tx:-40px;--ty:120px}.board-shake{animation:.5s linear explosion-shake}@keyframes explosion-shake{0%{transform:translate(0)}10%{transform:translate(5px,-5px)}20%{transform:translate(-5px,5px)}30%{transform:translate(5px,5px)}40%{transform:translate(-5px,-5px)}50%{transform:translate(5px)}60%{transform:translate(-5px,5px)}70%{transform:translateY(-5px)}80%{transform:translate(5px,5px)}90%{transform:translate(-5px)}to{transform:translate(0)}}.coin-toss-modal{text-align:center;border:2px solid var(--neon-cyan);background:rgba(0,20,20,.9);border-radius:20px;padding:4rem;box-shadow:0 0 50px rgba(0,255,255,.3)}.coin-container{width:150px;height:150px;transform-style:preserve-3d;margin:2rem auto;position:relative}.coin-container.spinning{animation:.2s linear infinite spin-coin}.coin{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;font-weight:900;display:flex;position:absolute}.coin.black{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#000;transform:rotateY(0)}.coin.white{color:var(--neon-magenta);border-color:var(--neon-magenta);background:#fff;transform:rotateY(180deg)}.coin-container.black{transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transform:rotateY(0)}.rules-overlay-backdrop{z-index:5000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.85);justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.rules-modal{background:var(--dark-bg);border:1px solid var(--neon-cyan);color:#eee;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 0 50px rgba(0,243,255,.2)}.rules-modal section{margin-bottom:25px}.rules-modal h3{color:#fff;border-left:3px solid var(--neon-cyan);margin-bottom:10px;padding-left:10px;font-size:1.1rem}.rules-modal p{color:#bbb;font-size:.95rem;line-height:1.6}.close-rules{color:#888;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:all .2s;position:absolute;top:15px;right:15px}.close-rules:hover{color:#fff}.item-desc{background:rgba(255,255,255,.03);border-radius:8px;margin-bottom:10px;padding:15px}.item-name{margin-bottom:5px;font-size:1rem;font-weight:700}.item-note{margin-top:10px;font-style:italic;font-size:.8rem!important}.magenta-text{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}.rules-title{text-align:center;letter-spacing:.2em;margin-bottom:30px;font-size:2rem}.players-status-bar{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:600px;margin:0 auto 1rem;padding:0 1rem;display:flex}.player-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:.8rem;transition:all .3s;display:flex;position:relative}.player-box.active{border-color:var(--neon-cyan);background:rgba(0,243,255,.05);box-shadow:0 0 15px rgba(0,243,255,.2)}.player-box.right.active{border-color:var(--neon-magenta);background:rgba(255,0,255,.05);box-shadow:0 0 15px rgba(255,0,255,.2)}.player-label{color:#888;margin-bottom:4px;font-size:.7rem;font-weight:700}.player-color{letter-spacing:.1em;font-size:1rem;font-weight:900}.player-color.black{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.player-color.white{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}.vs-label{color:#444;font-size:1.2rem;font-style:italic;font-weight:900}.match-start-notification{z-index:7000;text-align:center;pointer-events:none;background:rgba(0,0,0,.9);border:2px solid;border-radius:20px;padding:3rem 5rem;animation:3s forwards notify-in-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.match-start-notification.black{border-color:var(--neon-cyan);box-shadow:0 0 100px rgba(0,255,255,.4)}.match-start-notification.white{border-color:var(--neon-magenta);box-shadow:0 0 100px rgba(255,0,255,.4)}.notif-label{color:#888;letter-spacing:.3em;margin-bottom:1rem;font-size:1rem}.notif-value{letter-spacing:.2em;font-size:3rem;font-weight:900}.match-start-notification.black .notif-value{color:var(--neon-cyan);text-shadow:0 0 30px var(--neon-cyan)}.match-start-notification.white .notif-value{color:var(--neon-magenta);text-shadow:0 0 30px var(--neon-magenta)}@keyframes notify-in-out{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@media (max-width:600px){.players-status-bar{gap:.5rem;max-width:100%}.player-box{padding:.5rem}.player-color{font-size:.8rem}.notif-value{font-size:2rem}.item-card{width:100%!important;max-width:260px!important}.menu-container{max-width:90%!important}.app-container{padding:10px 5px!important}}.forbidden-popup{color:#fff;z-index:6000;pointer-events:none;background:rgba(255,0,0,.9);border-radius:8px;padding:15px 30px;font-weight:700;animation:.3s ease-out slide-down-fade,.3s 2.7s forwards fade-out-late;position:fixed;top:20%;left:50%;transform:translate(-50%);box-shadow:0 0 30px rgba(255,0,0,.5)}@keyframes slide-down-fade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-out-late{to{opacity:0}}.radar-icon{border:1px solid #00ff41;position:relative;overflow:hidden;background-color:transparent!important;background-image:linear-gradient(90deg,rgba(0,255,65,.3) 1px,transparent 1px),linear-gradient(rgba(0,255,65,.3) 1px,transparent 1px)!important;background-position:0 0,0 0!important;background-repeat:repeat,repeat!important;background-size:8px 8px!important;background-attachment:scroll,scroll!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important}.radar-icon:after{content:"";background:conic-gradient(transparent,rgba(0,255,65,.5));border-radius:50%;width:100%;height:100%;animation:2s linear infinite radar-sweep;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radar-sweep{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.action-button.radar-toggle{color:#00ff41;border-color:#00ff41}.action-button.radar-toggle:hover{background:rgba(0,255,65,.1);box-shadow:0 0 15px rgba(0,255,65,.3)}.action-button.radar-toggle.active{color:#000;background:#00ff41;box-shadow:0 0 20px #00ff41}.radar-area{pointer-events:none;animation:2s ease-in-out infinite alternate radar-pulse}@keyframes radar-pulse{0%{opacity:.6}to{opacity:.9}}.revealed-stealth{opacity:.6;-webkit-filter:saturate(.5)brightness(1.2);filter:saturate(.5)brightness(1.2)}.bomb-mine-indicator.revealed{opacity:1!important;display:block!important}.board-cell.radar-active{box-shadow:inset 0 0 8px rgba(0,255,65,.2)}.board-cell.radar-active:before,.board-cell.radar-active:after{background-color:rgba(0,255,65,.8)!important}.cut-in-overlay.radar{background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);border-top:2px solid #00ff41;border-bottom:2px solid #00ff41}.cut-in-overlay.radar .cut-in-text{color:#00ff41!important;text-shadow:0 0 15px #00ff41!important}.slow-motion-stone{z-index:1000!important;animation:1s cubic-bezier(.3,.9,.4,1) forwards slowMotionDrop!important}@keyframes slowMotionDrop{0%{opacity:0;-webkit-filter:blur(5px);filter:blur(5px);transform:scale(3)translateY(-30px)}60%{opacity:.8;-webkit-filter:blur(1px);filter:blur(1px);transform:scale(1.5)translateY(-5px)}90%{opacity:.95;-webkit-filter:blur();filter:blur();transform:scale(1.05)translateY(0)}to{opacity:1;-webkit-filter:drop-shadow(0 0 10px rgba(0,255,255,.8));filter:drop-shadow(0 0 10px rgba(0,255,255,.8));transform:scale(1)translateY(0)}}.trailer-overlay{z-index:9999;color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Outfit,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.trailer-bg{background:radial-gradient(circle,#0a1520 0%,#000 100%);width:100%;height:100%;position:absolute}.scanline{background:rgba(0,243,255,.1);width:100%;height:5px;animation:3s linear infinite scanning;position:absolute;top:-10px;box-shadow:0 0 15px rgba(0,243,255,.2)}@keyframes scanning{0%{top:-10px}to{top:100%}}.code-rain{opacity:.2;background:linear-gradient(transparent,rgba(0,255,65,.05) 50%,transparent) 0 0/100% 200%;width:100%;height:100%;animation:8s linear infinite code-scroll;position:absolute}@keyframes code-scroll{0%{background-position:0 100%}to{background-position:0 -100%}}.cinematic-bars{z-index:50;background:#000;width:100%;height:12%;position:absolute}.cinematic-bars.top{border-bottom:1px solid rgba(0,243,255,.1);top:0}.cinematic-bars.bottom{border-top:1px solid rgba(0,243,255,.1);bottom:0}.flow-container{flex-direction:column;align-items:center;width:100%;animation:6s cubic-bezier(.4,0,.2,1) infinite wind-flow;display:flex;position:relative}@keyframes wind-flow{0%{opacity:0;-webkit-filter:blur(15px);filter:blur(15px);transform:translate(100%)skew(-15deg)}15%{opacity:1;-webkit-filter:blur();filter:blur();transform:translate(0)skew(0)}85%{opacity:1;-webkit-filter:blur();filter:blur();transform:translate(0)skew(0)}to{opacity:0;-webkit-filter:blur(15px);filter:blur(15px);transform:translate(-100%)skew(15deg)}}.large-icon-wrapper{justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:2rem;display:flex;position:relative}.large-icon-wrapper .item-icon{-webkit-filter:drop-shadow(0 0 20px rgba(0,243,255,.5));filter:drop-shadow(0 0 20px rgba(0,243,255,.5));width:140px;height:140px}.realistic-board{background-color:var(--board-bg);grid-template-columns:repeat(9, var(--cell-size));grid-template-rows:repeat(9, var(--cell-size));border:1px solid rgba(0,243,255,.3);border-radius:8px;padding:10px;transition:transform .1s;display:grid;box-shadow:0 0 40px rgba(0,243,255,.2)}.shake-anim{animation:.2s infinite shake}@keyframes shake{0%{transform:translate(1px,1px)}25%{transform:translate(-2px,-1px)}50%{transform:translate(2px,2px)}75%{transform:translate(-1px,-2px)}to{transform:translate(1px,1px)}}.demo-cell-realistic{width:var(--cell-size);height:var(--cell-size);justify-content:center;align-items:center;display:flex;position:relative}.demo-cell-realistic:before{content:"";background:var(--board-grid);height:1px;position:absolute;top:50%;left:0;right:0}.demo-cell-realistic:after{content:"";background:var(--board-grid);width:1px;position:absolute;top:0;bottom:0;left:50%}.rich-item-info{text-align:center;border-left:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan);background:rgba(0,243,255,.03);margin-top:1rem;padding:1rem 3rem}.item-name-premium{letter-spacing:1.5rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5);margin:0;font-size:4.5rem;font-weight:900}.item-desc-premium{color:var(--neon-cyan);letter-spacing:.3rem;text-transform:uppercase;margin-top:.5rem;font-size:1.2rem}.outro-logo{color:var(--neon-cyan);text-shadow:0 0 25px var(--neon-cyan);font-size:5rem;font-weight:900}.hidden-skip{color:#222;cursor:pointer;z-index:100;background:0 0;border:none;position:absolute;top:5%;right:5%}.hidden-skip:hover{color:#555}.tournament-bracket-container{color:#fff;text-align:center;background:rgba(0,0,0,.8);border-style:solid;border-width:2px;border-radius:15px;width:95vw;max-width:900px;padding:40px 20px}.tournament-round-title{margin-bottom:10px;font-size:2rem}.tournament-next-opponent{margin-bottom:20px;font-size:1.5rem}.bt-container{flex-direction:column;width:100%;margin:10px 0;display:flex}.bt-row{justify-content:center;width:100%;display:flex}.bt-player-wrapper{flex:1;justify-content:center;padding:0 5px;display:flex}.bt-player{text-align:center;white-space:nowrap;text-overflow:ellipsis;z-index:2;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;width:100%;padding:4px 0;font-size:max(.5rem,min(2vw,.75rem));position:relative;overflow:hidden}.bt-player.win{background:rgba(255,255,255,.3);font-weight:700}.bt-player.lose{color:#666;opacity:.4}.bt-player.current{animation:2s infinite pulse-current}.bt-player.waiting{color:#888}.bt-branch-group{flex:1;height:40px;display:flex;position:relative}.bt-branch{border-top-style:solid;border-top-width:2px;flex:1;height:20px;margin-top:20px;transition:all .3s}.bt-branch.left{border-left-style:solid;border-left-width:2px;border-top-left-radius:4px;margin-left:50%}.bt-branch.right{border-right-style:solid;border-right-width:2px;border-top-right-radius:4px;margin-right:50%}.bt-branch-up{width:2px;height:20px;transition:background .3s;position:absolute;top:0;left:calc(50% - 1px)}.cyber-theme .bt-player.win{color:var(--neon-cyan);border-color:var(--neon-cyan);background:rgba(0,255,255,.2);box-shadow:0 0 10px rgba(0,255,255,.2)}.cyber-theme .bt-player.current{border-color:var(--neon-magenta);color:#fff;box-shadow:0 0 10px rgba(255,0,255,.5)}.traditional-theme .bt-player.win{color:#fff;background:rgba(139,69,19,.3);border-color:#8b4513}.traditional-theme .bt-player.current{color:#000;background:#fff;border-color:#ff003c}@keyframes pulse-current{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.traditional-container{background-color:#f0f0f0;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.traditional-board{box-sizing:border-box;background-color:#dcb35c;background-image:linear-gradient(45deg,rgba(0,0,0,.03) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.03) 75%,rgba(0,0,0,.03)),linear-gradient(45deg,rgba(0,0,0,.03) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.03) 75%,rgba(0,0,0,.03));background-position:0 0,10px 10px;background-size:20px 20px;border-radius:4px;width:800px;height:800px;padding:30px;position:relative;box-shadow:10px 15px 25px rgba(0,0,0,.4),inset 0 0 50px rgba(100,50,0,.2)}.traditional-grid{background-image:linear-gradient(90deg,#333 1.5px,transparent 1.5px),linear-gradient(#333 1.5px,transparent 1.5px);background-size:7.14286% 7.14286%;border:1.5px solid #333;width:100%;height:100%;position:relative}.traditional-container .star-point{background-color:#333;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.traditional-cell{cursor:pointer;z-index:10;width:7.14286%;height:7.14286%;position:absolute;transform:translate(-50%,-50%)}.traditional-container .stone{border-radius:50%;width:90%;height:90%;position:absolute;top:5%;left:5%;box-shadow:3px 4px 6px rgba(0,0,0,.4)}.traditional-container .stone.black{background:radial-gradient(circle at 30% 30%,#555,#111 60%,#000)}.traditional-container .stone.white{background:radial-gradient(circle at 30% 30%,#fff,#eee 50%,#ccc)}.controls{z-index:100;position:absolute;top:20px;left:20px}.controls button{color:#fff;cursor:pointer;opacity:.1;background:#333;border:none;border-radius:4px;padding:8px 16px;transition:opacity .2s}.controls button:hover{opacity:1}