*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{color:#e0d0c0;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.board-container{touch-action:manipulation;perspective:800px;justify-content:center;align-items:center;padding:8px;display:flex}.board{--cell-size:clamp(28px, 8.5vw, 52px);--gap-size:clamp(5px, 1.5vw, 8px);transform-origin:50%;background:#5c1e1e;border:4px solid #4a1a1a;border-radius:8px;flex-direction:column;gap:0;padding:4px;display:inline-flex;position:relative;transform:rotateX(25deg);box-shadow:0 20px 40px #00000080}.board-row{gap:0;display:flex}.board-slot{box-sizing:border-box}.board-slot.cell{width:var(--cell-size);height:var(--cell-size);cursor:default;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.board-slot.cell.goal-p1{background:#3a2a1a}.board-slot.cell.goal-p2{background:#1a2a3a}.board-slot.cell.legal-move{cursor:pointer}.board-slot.cell.legal-move:after{content:"";background:#d4940a80;border-radius:50%;width:35%;height:35%;position:absolute}.board-slot.cell.pawn-p1,.board-slot.cell.pawn-p2{z-index:10;overflow:visible}.board-slot.cell.pawn-p1:before,.board-slot.cell.pawn-p2:before{content:"";z-index:11;border-radius:30% 30% 50% 50%;width:55%;height:45%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.board-slot.cell.pawn-p1:after,.board-slot.cell.pawn-p2:after{content:"";z-index:12;border-radius:50%;width:42%;height:42%;position:absolute;bottom:45%;left:50%;transform:translate(-50%)}.board-slot.cell.pawn-p1:before{background:linear-gradient(#d4940a 0%,#c48a10 60%,#a06800);border:1.5px solid #ffdc644d;box-shadow:inset 0 -3px 5px #0006,inset 2px 0 3px #ffffff26,0 4px 8px #0009}.board-slot.cell.pawn-p1:after{background:radial-gradient(circle at 38% 35%,#ffe082,#f5c842 35%,#d4940a 65%,#a06800 100%);border:1.5px solid #ffdc644d;box-shadow:inset 0 -2px 4px #0000004d,inset 0 2px 3px #fff6,0 3px 6px #00000080}.board-slot.cell.pawn-p2:before{background:linear-gradient(#7a2e2e 0%,#5a2020 60%,#3a1010);border:1.5px solid #ffffff1f;box-shadow:inset 0 -3px 5px #00000080,inset 2px 0 3px #ffffff1a,0 4px 8px #0009}.board-slot.cell.pawn-p2:after{background:radial-gradient(circle at 38% 35%,#c06060,#9a4040 35%,#7a2e2e 65%,#4a1515 100%);border:1.5px solid #ffffff1f;box-shadow:inset 0 -2px 4px #0006,inset 0 2px 3px #fff3,0 3px 6px #00000080}.board-slot.cell.pawn-p1.legal-move:after{background:radial-gradient(circle at 38% 35%,#ffe082,#f5c842 35%,#d4940a 65%,#a06800 100%);border:1.5px solid #ffdc644d;border-radius:50%;width:42%;height:42%;bottom:45%;left:50%;transform:translate(-50%);box-shadow:inset 0 -2px 4px #0000004d,inset 0 2px 3px #fff6,0 3px 6px #00000080}.board-slot.cell.pawn-p2.legal-move:after{background:radial-gradient(circle at 38% 35%,#c06060,#9a4040 35%,#7a2e2e 65%,#4a1515 100%);border:1.5px solid #ffffff1f;border-radius:50%;width:42%;height:42%;bottom:45%;left:50%;transform:translate(-50%);box-shadow:inset 0 -2px 4px #0006,inset 0 2px 3px #fff3,0 3px 6px #00000080}.board-slot.h-gap{width:var(--cell-size);height:var(--gap-size);cursor:default;border-radius:1px;position:relative;overflow:visible}.board-slot.v-gap{width:var(--gap-size);height:var(--cell-size);cursor:default;border-radius:1px;position:relative;overflow:visible}.board-slot.intersection{width:var(--gap-size);height:var(--gap-size);border-radius:1px;position:relative;overflow:visible}.wall-overlays{pointer-events:none;z-index:6;position:absolute;inset:4px}.wall-overlay{border-radius:3px;position:absolute}.wall-overlay.horizontal{background:linear-gradient(#f8dc78 0%,#d9a726 42%,#8a5b09 100%);border-top:1px solid #fff0aab3;border-bottom:1px solid #462600bf;box-shadow:inset 0 1px #fff5be99,inset 0 -1px #54320899,0 3px 6px #00000080,0 1px #ffdc642e}.wall-overlay.vertical{background:linear-gradient(90deg,#f8dc78 0%,#d9a726 42%,#8a5b09 100%);border-left:1px solid #fff0aab3;border-right:1px solid #462600bf;box-shadow:inset 1px 0 #fff5be99,inset -1px 0 #54320899,3px 0 6px #00000080,1px 0 #ffdc642e}.wall-overlay.preview.valid.horizontal{opacity:.72;background:linear-gradient(#f8dc7873,#b4781242);box-shadow:inset 0 1px #fff5be47,0 1px 3px #0000001f}.wall-overlay.preview.valid.vertical{opacity:.72;background:linear-gradient(90deg,#f8dc7873,#b4781242);box-shadow:inset 1px 0 #fff5be47,0 1px 3px #0000001f}.wall-overlay.preview.invalid.horizontal{opacity:.72;background:linear-gradient(#f06e6e6b,#8c1e1e47);box-shadow:inset 0 1px #ffd2d23d,0 1px 3px #0000001f}.wall-overlay.preview.invalid.vertical{opacity:.72;background:linear-gradient(90deg,#f06e6e6b,#8c1e1e47);box-shadow:inset 1px 0 #ffd2d23d,0 1px 3px #0000001f}.board-slot.h-gap,.board-slot.v-gap,.board-slot.intersection{transition:background .1s}.game-info{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:12px 16px;display:flex}.ai-switcher{background:#2a2a2a;border-radius:10px;gap:4px;padding:3px;display:flex}.ai-btn{border:none;border-radius:8px;padding:6px 16px;font-size:.85rem}.winner-banner{flex-direction:column;align-items:center;gap:12px;display:flex}.winner-text{font-size:1.5rem;font-weight:700}.winner-text.p1{color:#d4940a}.winner-text.p2{color:#c46a6a}.turn-indicator{align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.turn-dot{border:2px solid #ffffff26;border-radius:50%;width:16px;height:16px;display:inline-block}.turn-dot.p1{background:#d4940a}.turn-dot.p2{background:#7a2e2e}.walls-info{gap:24px;display:flex}.wall-count{align-items:center;gap:6px;font-size:1rem;font-weight:500;display:flex}.controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.controls.controls-hidden{visibility:hidden}.btn{color:#e0d0c0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#3a3a3a;border:2px solid #555;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn.active{color:#1a1a1a;background:#d4940a;border-color:#d4940a}.restart-btn{color:#e0d0c0;background:#5c1e1e;border-color:#7a2e2e;padding:10px 24px;font-size:1rem}.ai-error-banner{background:#3a1a1a;border:2px solid #e53935;border-radius:10px;flex-direction:column;align-items:center;gap:12px;max-width:100%;padding:12px 16px;display:flex}.ai-error-text{color:#ff6b6b;text-align:center;white-space:pre-line;font-size:.85rem;font-weight:500}.game-screen{background:#1a1a1a;flex-direction:column;align-items:center;gap:8px;min-height:100dvh;padding:8px;display:flex}.game-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:8px;display:flex}.game-footer .btn{text-align:center;min-width:90px;padding:10px 18px;font-size:.9rem}