*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #5E38F5;--purple-glow: rgba(94, 56, 245, .4);--purple-dim: rgba(94, 56, 245, .15);--bg: #0a0a0f;--bg-card: #111118;--border: #2a2a35;--text: #e0e0e0;--text-dim: #6a6a7a;--ship-color: #d0d0e0;--ship-detail: rgba(255, 255, 255, .15)}[data-theme=light]{--bg: #e8e8f0;--bg-card: #f5f5fa;--border: #c8c8d5;--text: #1a1a2e;--text-dim: #7a7a90;--purple-dim: rgba(94, 56, 245, .1);--purple-glow: rgba(94, 56, 245, .25);--ship-color: #1a1a2e;--ship-detail: rgba(0, 0, 0, .12)}html,body{height:100%}body{font-family:Azeret Mono,monospace;background-color:var(--bg);color:var(--text);image-rendering:pixelated;cursor:url(/crosshair.svg) 12 12,auto}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}.waiting-room{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1rem 0;text-align:center}.waiting-icon{color:var(--purple);animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.waiting-title{font-size:1rem;font-weight:800;letter-spacing:.2em;color:var(--text)}.waiting-subtitle{font-size:.65rem;color:var(--text-dim);letter-spacing:.1em}.game-code-display{display:flex;gap:.5rem;margin:.5rem 0}.code-char{display:flex;align-items:center;justify-content:center;width:44px;height:52px;background:var(--bg);border:3px solid var(--purple);font-size:1.4rem;font-weight:900;color:var(--purple);letter-spacing:0;box-shadow:3px 3px #5e38f533}.waiting-dots{display:flex;gap:.5rem;margin-top:.5rem}.waiting-dots .dot{width:8px;height:8px;background:var(--purple);animation:dot-pulse 1.4s ease-in-out infinite}.waiting-dots .dot:nth-child(2){animation-delay:.2s}.waiting-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media(max-width:900px){.game-code-display{gap:.35rem}.code-char{width:36px;height:44px;font-size:1.1rem}}.board-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.board-label{font-size:.6rem;font-weight:800;letter-spacing:.25em;color:var(--text-dim);text-align:center}.board{display:grid;grid-template-columns:24px repeat(10,36px);grid-template-rows:20px repeat(10,36px);border:3px solid var(--border);background:var(--border);gap:1px}.board-corner{background:var(--bg-card)}.board-col-header,.board-row-header{display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;letter-spacing:.05em;color:var(--text-dim);background:var(--bg-card)}.board-cell{background:var(--bg);cursor:default;position:relative;transition:background .1s}.board-cell.cell-ship{background:var(--bg);overflow:visible}.board-cell.cell-ship:before{content:"";position:absolute;background:var(--ship-color);z-index:1}.board-cell.cell-ship.ship-h:before{inset:5px 0}.board-cell.cell-ship.ship-v:before{inset:0 5px}.board-cell.cell-ship.ship-h.connected-right:before{right:-1px}.board-cell.cell-ship.ship-h.connected-left:before{left:-1px}.board-cell.cell-ship.ship-v.connected-bottom:before{bottom:-1px}.board-cell.cell-ship.ship-v.connected-top:before{top:-1px}.board-cell.cell-ship.ship-bow.ship-h:before{clip-path:polygon(100% 0%,100% 100%,33% 100%,8% 70%,8% 30%,33% 0%)}.board-cell.cell-ship.ship-stern.ship-h:before{clip-path:polygon(0% 0%,67% 0%,92% 30%,92% 70%,67% 100%,0% 100%)}.board-cell.cell-ship.ship-bow.ship-v:before{clip-path:polygon(0% 100%,100% 100%,100% 33%,70% 8%,30% 8%,0% 33%)}.board-cell.cell-ship.ship-stern.ship-v:before{clip-path:polygon(0% 0%,100% 0%,100% 67%,70% 92%,30% 92%,0% 67%)}.board-cell.cell-ship.ship-bridge:after{content:"";position:absolute;background:var(--ship-color);z-index:2}.board-cell.cell-ship.ship-bridge.ship-h:after{width:50%;height:5px;top:1px;left:25%}.board-cell.cell-ship.ship-bridge.ship-v:after{height:50%;width:5px;left:1px;top:25%}.board-cell.cell-ship.ship-mid.ship-h:after{content:"";position:absolute;top:50%;left:-1px;right:-1px;height:1px;background:var(--ship-detail);z-index:2}.board-cell.cell-ship.ship-mid.ship-v:after{content:"";position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:var(--ship-detail);z-index:2}.board-cell.cell-ship.ship-bridge.ship-mid:after{top:unset;left:unset;right:unset;bottom:unset;width:unset;height:unset}.board-cell.cell-ship.ship-bridge.ship-mid.ship-h:after{width:50%;height:5px;top:1px;left:25%}.board-cell.cell-ship.ship-bridge.ship-mid.ship-v:after{height:50%;width:5px;left:1px;top:25%}.board-cell.cell-hit{background:#e53535}.board-cell.cell-hit:after{content:"";position:absolute;inset:30%;background:#fff;opacity:.3}.board-cell.cell-sunk{background:var(--bg);overflow:visible}.board-cell.cell-sunk.ship-h:before{content:"";position:absolute;inset:5px 0;background:#8b0000;z-index:1}.board-cell.cell-sunk.ship-v:before{content:"";position:absolute;inset:0 5px;background:#8b0000;z-index:1}.board-cell.cell-sunk.ship-h.connected-right:before{right:-1px}.board-cell.cell-sunk.ship-h.connected-left:before{left:-1px}.board-cell.cell-sunk.ship-v.connected-bottom:before{bottom:-1px}.board-cell.cell-sunk.ship-v.connected-top:before{top:-1px}.board-cell.cell-sunk.ship-bow.ship-h:before{clip-path:polygon(100% 0%,100% 100%,33% 100%,8% 70%,8% 30%,33% 0%)}.board-cell.cell-sunk.ship-stern.ship-h:before{clip-path:polygon(0% 0%,67% 0%,92% 30%,92% 70%,67% 100%,0% 100%)}.board-cell.cell-sunk.ship-bow.ship-v:before{clip-path:polygon(0% 100%,100% 100%,100% 33%,70% 8%,30% 8%,0% 33%)}.board-cell.cell-sunk.ship-stern.ship-v:before{clip-path:polygon(0% 0%,100% 0%,100% 67%,70% 92%,30% 92%,0% 67%)}.board-cell.cell-sunk:after{content:"X";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:.7rem;font-weight:900;z-index:2}.board-cell.cell-miss:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--text-dim);opacity:.4;transform:translate(-50%,-50%)}.board-cell.cell-interactive{cursor:url(/crosshair.svg) 12 12,crosshair}.board-cell.cell-ship.cell-interactive{cursor:pointer}.board-cell.cell-interactive:hover{background:var(--purple-dim);box-shadow:inset 0 0 0 2px var(--purple)}.board-cell.cell-preview-valid{background:#5e38f54d!important;box-shadow:inset 0 0 0 2px var(--purple)}.board-cell.cell-preview-invalid{background:#e535354d!important;box-shadow:inset 0 0 0 2px #e53535}@media(max-width:900px){.board{grid-template-columns:20px repeat(10,30px);grid-template-rows:18px repeat(10,30px)}}.ship-placement{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:900px}.placement-header{text-align:center}.placement-title{font-size:1rem;font-weight:800;letter-spacing:.2em;color:var(--text);margin-bottom:.5rem}.placement-hint{font-size:.6rem;color:var(--text-dim);letter-spacing:.05em}.placement-content{display:flex;gap:2rem;align-items:flex-start}.ship-list{display:flex;flex-direction:column;gap:.5rem;min-width:200px;background:var(--bg-card);border:3px solid var(--border);padding:1rem;box-shadow:4px 4px 0 0 var(--border)}.ship-list-header{font-size:.6rem;font-weight:800;letter-spacing:.3em;color:var(--text-dim);margin-bottom:.25rem}.ship-list-item{display:flex;flex-direction:column;gap:.3rem;padding:.5rem .6rem;border:2px solid var(--border);cursor:pointer;transition:all .15s;position:relative}.ship-list-item:hover{border-color:#5e38f566}.ship-list-item.selected{border-color:var(--purple);background:var(--purple-dim)}.ship-list-item.placed{opacity:.6}.ship-list-item.placed.selected{opacity:1}.ship-list-info{display:flex;align-items:center;justify-content:space-between}.ship-list-name{font-size:.55rem;font-weight:700;letter-spacing:.15em;color:var(--text)}.ship-list-size{font-size:.5rem;color:var(--text-dim)}.ship-list-dots{display:flex;gap:2px}.ship-block{width:16px;height:10px;background:var(--ship-color)}.ship-block:first-child{clip-path:polygon(100% 0%,100% 100%,25% 100%,0% 65%,0% 35%,25% 0%)}.ship-block:last-child{clip-path:polygon(0% 0%,75% 0%,100% 35%,100% 65%,75% 100%,0% 100%)}.ship-remove{position:absolute;top:2px;right:4px;background:none;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:0;line-height:1}.ship-remove:hover{color:#e53535}.placement-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.placement-direction{text-align:center;margin-top:.25rem}.placement-waiting{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;color:var(--purple);text-align:center}@media(max-width:900px){.placement-content{flex-direction:column-reverse;align-items:center}.ship-list{min-width:unset;width:100%;max-width:400px}}.gameplay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:960px}.turn-indicator{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.75rem;font-weight:800;letter-spacing:.2em;border:3px solid var(--border);background:var(--bg-card);box-shadow:4px 4px 0 0 var(--border)}.turn-indicator.your-turn{border-color:var(--purple);color:var(--purple);box-shadow:4px 4px #5e38f54d;animation:turn-pulse 1.5s ease-in-out infinite}.turn-indicator.opponent-turn{color:var(--text-dim);opacity:.7}@keyframes turn-pulse{0%,to{box-shadow:4px 4px #5e38f54d}50%{box-shadow:4px 4px #5e38f599,0 0 20px -5px var(--purple-glow)}}.boards-container{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;justify-content:center}.board-section{display:flex;flex-direction:column;gap:.75rem}.boards-divider{width:3px;height:400px;background:var(--border);align-self:center}.ship-status{background:var(--bg-card);border:3px solid var(--border);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.3rem}.ship-status-label{font-size:.5rem;font-weight:800;letter-spacing:.25em;color:var(--text-dim);margin-bottom:.15rem}.ship-status-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ship-status-item.sunk{opacity:.35;text-decoration:line-through}.ship-status-name{font-size:.45rem;font-weight:700;letter-spacing:.1em;color:var(--text);min-width:70px}.ship-status-dots{display:flex;gap:2px}.ship-status-dot{width:12px;height:8px;background:var(--ship-color)}.ship-status-dot.sunk{background:#e53535}.forfeit-area{margin-top:.5rem}.forfeit-confirm{display:flex;align-items:center;gap:1rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--text-dim)}@media(max-width:900px){.boards-container{flex-direction:column;align-items:center}.boards-divider{width:80%;height:3px}}.game-over{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0;text-align:center}.game-over-icon{line-height:0}.game-over-icon.victory{color:#fbbf24;animation:victory-bounce .6s ease-out}.game-over-icon.defeat{color:#e53535}@keyframes victory-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.game-over-title{font-size:1.6rem;font-weight:900;letter-spacing:.3em}.game-over-title.victory{color:#fbbf24;text-shadow:2px 2px 0 rgba(251,191,36,.3)}.game-over-title.defeat{color:#e53535;text-shadow:2px 2px 0 rgba(229,53,53,.3)}.game-over-subtitle{font-size:.65rem;color:var(--text-dim);letter-spacing:.1em}.game-over-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:300px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--bg);border:2px solid var(--border)}.stat-value{font-size:1.1rem;font-weight:900;color:var(--purple)}.stat-label{font-size:.45rem;font-weight:700;letter-spacing:.15em;color:var(--text-dim)}.game-over-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:280px;margin-top:.5rem}.card.admin-card{max-width:none;width:100%}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.admin-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:800;letter-spacing:.15em;color:var(--purple)}.admin-title svg{flex-shrink:0}.admin-actions{display:flex;align-items:center;gap:.5rem}.admin-count{font-size:.6rem;color:var(--text-dim);letter-spacing:.1em}.admin-login{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.admin-login-icon{color:var(--purple);opacity:.6}.admin-login .field{width:100%;max-width:320px}.admin-login .primary-btn{max-width:320px}.history-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;border-collapse:collapse;font-size:.65rem;letter-spacing:.05em}.history-table th{padding:.5rem;text-align:left;font-weight:800;font-size:.55rem;letter-spacing:.15em;color:var(--purple);border-bottom:3px solid var(--border);white-space:nowrap;text-transform:uppercase}.history-table td{padding:.45rem .5rem;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;vertical-align:top}.history-table tr:hover td{background:var(--purple-dim)}.history-table .winner-cell{color:var(--purple);font-weight:700}.history-table .reason-cell{font-size:.55rem;letter-spacing:.08em}.reason-badge{display:inline-block;padding:.15rem .4rem;border:2px solid var(--border);font-size:.5rem;font-weight:700;letter-spacing:.1em}.reason-badge.sunk{border-color:var(--purple);color:var(--purple)}.reason-badge.forfeit{border-color:#e5a035;color:#e5a035}.reason-badge.disconnect{border-color:#e53535;color:#e53535}.mode-badge{display:inline-block;padding:.1rem .35rem;border:2px solid var(--border);font-size:.5rem;font-weight:700;letter-spacing:.08em;color:var(--text-dim)}.mode-badge.ai{border-color:#5e38f566;color:var(--purple)}.shots-detail{font-size:.5rem;color:var(--text-dim)}.shots-detail .hits{color:#e53535}.shots-detail .misses{color:var(--text-dim)}.admin-empty{text-align:center;padding:2rem 1rem;color:var(--text-dim);font-size:.7rem;letter-spacing:.1em}@media(max-width:640px){.admin-card{padding:1.5rem 1rem}.admin-header{flex-direction:column;align-items:flex-start}.history-table{font-size:.55rem}.history-table th,.history-table td{padding:.4rem .5rem}}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(94,56,245,.04) 2px,transparent 2px),linear-gradient(90deg,rgba(94,56,245,.04) 2px,transparent 2px);background-size:24px 24px;pointer-events:none;z-index:0}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:0}.corner-decor{position:fixed;width:48px;height:48px;z-index:1;pointer-events:none}.corner-decor:before,.corner-decor:after{content:"";position:absolute;background:var(--purple);opacity:.15}.top-left{top:16px;left:16px}.top-left:before{top:0;left:0;width:24px;height:4px}.top-left:after{top:0;left:0;width:4px;height:24px}.top-right{top:16px;right:16px}.top-right:before{top:0;right:0;width:24px;height:4px}.top-right:after{top:0;right:0;width:4px;height:24px}.bottom-left{bottom:16px;left:16px}.bottom-left:before{bottom:0;left:0;width:24px;height:4px}.bottom-left:after{bottom:0;left:0;width:4px;height:24px}.bottom-right{bottom:16px;right:16px}.bottom-right:before{bottom:0;right:0;width:24px;height:4px}.bottom-right:after{bottom:0;right:0;width:4px;height:24px}.theme-toggle{position:fixed;top:1.25rem;right:1.25rem;z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:3px solid var(--border);color:var(--purple);cursor:pointer;transition:all .15s;box-shadow:4px 4px 0 0 var(--border)}.theme-toggle:hover{border-color:var(--purple);box-shadow:4px 4px 0 0 var(--purple);color:#fff;background:var(--purple)}.theme-toggle:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--border)}.container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.card{position:relative;z-index:1;width:100%;max-width:460px;background:var(--bg-card);border:3px solid var(--border);padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.75rem;box-shadow:6px 6px 0 0 var(--border),0 0 80px -20px var(--purple-glow)}.pixel-corner{position:absolute;width:8px;height:8px;background:var(--bg);z-index:2}.pixel-corner:after{content:"";position:absolute;width:8px;height:8px;border:3px solid var(--border)}.pc-tl{top:-3px;left:-3px}.pc-tl:after{border-right:none;border-bottom:none;top:0;left:0}.pc-tr{top:-3px;right:-3px}.pc-tr:after{border-left:none;border-bottom:none;top:0;right:0}.pc-bl{bottom:-3px;left:-3px}.pc-bl:after{border-right:none;border-top:none;bottom:0;left:0}.pc-br{bottom:-3px;right:-3px}.pc-br:after{border-left:none;border-top:none;bottom:0;right:0}.title-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.title-icon{color:var(--purple);line-height:0}.pixel-title-wrapper{image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;transform-origin:center center}.pixel-title{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1;font-size:6px;font-weight:900;letter-spacing:.15em;color:var(--text);transform:scale(6);margin:2rem 0;text-shadow:.5px .5px 0 var(--border)}.pixel-title-top{font-size:4px;letter-spacing:.35em;color:var(--purple);text-shadow:none}.pixel-title-bottom{font-size:7px}.title-accent{color:var(--purple);text-shadow:.5px .5px 0 rgba(94,56,245,.3)}.title-underline,.footer-line{display:flex;align-items:center;gap:0;width:80%}.pixel-dot{display:block;width:6px;height:6px;background:var(--purple);flex-shrink:0}.pixel-line{display:block;flex:1;height:3px;background:linear-gradient(90deg,var(--purple),var(--purple) 4px,transparent 4px,transparent 8px);background-size:8px 3px}.subtitle{font-size:.6rem;color:var(--text-dim);letter-spacing:.3em;display:flex;align-items:center;gap:.5rem}.footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-line{width:100%}.footer-text{font-size:.5rem;color:var(--text-dim);letter-spacing:.12em;opacity:.6;white-space:nowrap}.game-card{max-width:520px}.label-row{display:flex;align-items:center;justify-content:space-between}.field-error{font-size:.55rem;font-weight:700;letter-spacing:.05em;color:#e53535;cursor:pointer}.input-error{border-color:#e53535!important;box-shadow:0 0 0 1px #e535354d}.primary-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.9rem 1rem;background:var(--purple);border:3px solid var(--purple);color:#fff;font-family:Azeret Mono,monospace;font-size:.85rem;font-weight:800;letter-spacing:.15em;cursor:pointer;transition:all .15s;box-shadow:6px 6px #5e38f54d;margin-top:.5rem}.primary-btn:hover{background:#7050ff;border-color:#7050ff;box-shadow:8px 8px #5e38f559;transform:translate(-2px,-2px)}.primary-btn:active{transform:translate(3px,3px);box-shadow:2px 2px #5e38f54d}.secondary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1rem;background:var(--bg);border:3px solid var(--border);color:var(--text);font-family:Azeret Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s;box-shadow:4px 4px 0 0 var(--border)}.secondary-btn:hover{border-color:var(--purple);color:var(--purple);box-shadow:4px 4px #5e38f54d}.secondary-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--border)}.text-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-dim);font-family:Azeret Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.15em;cursor:pointer;padding:.5rem;transition:color .15s}.text-btn:hover{color:var(--text)}.text-btn.danger{color:#e53535;opacity:.7}.text-btn.danger:hover{opacity:1}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-btn:disabled:hover,.secondary-btn:disabled:hover{transform:none;box-shadow:6px 6px #5e38f54d}.toggle-wrapper{display:flex;justify-content:center}.toggle-track{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;border:3px solid var(--border);background:var(--bg)}.toggle-thumb{position:absolute;top:0;left:0;width:50%;height:100%;background:var(--purple-dim);border:3px solid var(--purple);transition:left .15s ease;pointer-events:none;z-index:0}.toggle-thumb.toggle-right{left:50%}.toggle-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;background:none;border:none;color:var(--text-dim);font-family:Azeret Mono,monospace;font-size:.8rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:color .15s}.toggle-option.active{color:var(--purple)}.form-section{display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.6rem;font-weight:700;letter-spacing:.2em;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.input{font-family:Azeret Mono,monospace;font-size:.85rem;padding:.75rem 1rem;background:var(--bg);border:3px solid var(--border);color:var(--text);outline:none;letter-spacing:.05em;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple-glow),4px 4px #5e38f526}.input::placeholder{color:var(--text-dim);font-size:.7rem}.code-input{font-size:1.4rem;letter-spacing:.5em;text-align:center;font-weight:800}.opponent-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.opponent-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:var(--bg);border:3px solid var(--border);color:var(--text-dim);font-family:Azeret Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s;box-shadow:4px 4px 0 0 var(--border)}.opponent-btn:hover{border-color:#5e38f580;transform:translate(-1px,-1px);box-shadow:5px 5px 0 0 var(--border)}.opponent-btn.selected{border-color:var(--purple);background:var(--purple-dim);color:var(--purple);box-shadow:4px 4px #5e38f54d}