.duel-wrap{padding:clamp(16px,3vw,32px);width:100%;color:var(--ink,#183d32)}.duel-wrap h2{font-size:clamp(24px,4vw,34px);line-height:1.2}.duel-options{display:grid;gap:8px;margin:24px 0}.duel-options select,.duel-join input,.duel-amount input{padding:12px;border:1px solid #a9bcad;border-radius:12px;background:white;color:#183d32;max-width:100%;font:inherit}.duel-modes,.duel-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.duel-join{border-top:1px solid #ccd8c9;padding-top:24px;margin-top:28px}.duel-join label{display:block;margin-bottom:10px}.duel-join>div{display:flex;flex-wrap:wrap;gap:10px}.duel-join input{min-width:0;width:190px;text-transform:uppercase;letter-spacing:3px}.duel-message{color:#8b342b;min-height:24px}.duel-turn{font-size:24px;font-weight:750;margin:20px 0 4px}.duel-note{min-height:24px;font-size:14px}.duel-room{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#e8efdd;padding:14px;border-radius:16px}.duel-room strong{letter-spacing:3px}.duel-room small{flex-basis:100%}.duel-board{margin:22px 0;overflow:auto;padding-bottom:8px}.duel-grid,.duel-drop{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:6px;max-width:520px;margin:auto}.duel-grid.tic-tac-toe{max-width:330px}.duel-grid.gomoku,.duel-grid.reversi{min-width:330px;gap:2px}.duel-grid.connect-four,.duel-drop{min-width:310px}.duel-drop{margin-bottom:6px}.duel-cell{min-height:44px;aspect-ratio:1;border:1px solid #bccbbb;border-radius:9px;background:#f9faf2;font:inherit;font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center;color:#183d32;padding:4px;cursor:pointer}.duel-cell:disabled{cursor:default;opacity:1}.duel-cell:not(:disabled):hover{background:#e0eabf;border-color:#183d32}.duel-cell:focus-visible,.box-edge:focus-visible{outline:3px solid #183d32;outline-offset:2px;z-index:1}.duel-disc{width:80%;height:80%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center}.duel-disc.player-1{background:#183d32;color:#fff}.duel-disc.player-2{background:#ee9476;color:#183d32}.tic-tac-toe .duel-disc{background:none;color:#183d32;font-size:56px}.tic-tac-toe .duel-disc.player-2{color:#b15439}.gomoku .duel-cell,.reversi .duel-cell{border-radius:3px;background:#e8d9b6}.reversi .duel-cell{background:#50795e}.reversi .player-2{background:#fff9e5}.duel-hint{font-size:36px;color:white}.duel-piles{display:grid;gap:18px}.duel-piles>div{background:#e8efdd;border-radius:16px;padding:16px}.duel-stones{color:#183d32;letter-spacing:8px;margin:12px 0;font-size:24px}.duel-piles button{aspect-ratio:auto;font-size:16px;padding:10px 18px;min-width:150px}.duel-amount{display:flex;gap:12px;align-items:center}.duel-amount input{width:90px}.duel-mancala{display:flex;gap:6px;min-width:340px;border-radius:24px;background:#d3bb90;padding:12px}.mancala-store{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px;background:#faf3dc;border-radius:28px;min-width:38px}.mancala-pits{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;flex:1}.mancala-pit{display:flex;flex-direction:column;border-radius:50%;background:#faf3dc;aspect-ratio:auto;font-size:18px;min-height:62px}.mancala-pit small{font-size:9px}.duel-boxes{display:grid;grid-template-columns:repeat(var(--cols),44px);grid-auto-rows:44px;width:max-content;margin:auto;align-items:center;justify-items:center}.box-dot{font-size:15px}.box-square{width:44px;height:44px;display:grid;place-items:center;font-size:13px}.box-square.player-1{background:#d6e5d7}.box-square.player-2{background:#f6d6c5}.box-edge{border:0;background:transparent;font-size:26px;min-height:44px;width:44px;border-radius:5px}.box-edge.player-1{color:#183d32}.box-edge.player-2{color:#b15439}.memory .duel-cell{font-size:30px;min-height:48px}.memory .matched{background:#dfeacc}.duel-answers{display:grid;gap:12px;margin:24px 0}.duel-answers .duel-cell{aspect-ratio:auto;min-height:60px;font-size:18px;padding:14px;text-align:left;justify-content:flex-start}.duel-question{max-width:540px;margin:auto}.game-tools button:disabled{opacity:.55;cursor:default}@media(max-width:500px){.duel-wrap{padding:14px}.duel-modes .btn{flex:1;min-width:140px}.duel-grid.gomoku,.duel-grid.reversi{min-width:330px}.duel-room .btn{font-size:12px}.duel-turn{font-size:21px}}