:root{color:#231b14;background:#6f5538;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{background:radial-gradient(circle,#fffcefe6,#e7d3aa94 70%),#efe2bf;min-height:100vh;padding:3px}.game-table{background:linear-gradient(#fffcf1e0,#f4e8caf0),#efe2bf;border:1px solid #301f1247;border-radius:12px;width:min(1500px,100%);margin:0 auto;padding:7px 10px 8px;box-shadow:inset 0 0 0 1px #ffffffa6,0 10px 32px #4d371c2e}.status-bar,.play-area,.controls,.tray,.debug-panel{display:flex}.status-bar{border-bottom:1px solid #301f1229;grid-template-columns:230px minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:6px;display:grid}.brand-block{align-items:center;gap:8px;min-width:0;display:flex}.brand-mark{background:#116b42;border-radius:50%;grid-template-rows:repeat(3,5px);grid-template-columns:repeat(3,5px);place-content:center;gap:3px;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 3px #ffffff40,0 3px 10px #144e303d}.brand-mark span{background:#f9f0d4;border-radius:50%;display:block}.brand-block h1{color:#0e5233;letter-spacing:.08em;text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,1.7vw,1.65rem);font-weight:600}.brand-block p{color:#9a7b4d;letter-spacing:.32em;text-transform:uppercase;margin:1px 0 0;font-size:.48rem;font-weight:800}.eyebrow{color:#745536;letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:.62rem;font-weight:800}h1,h2{margin:0;line-height:1.05}h2{font-size:.88rem}.controls{justify-content:end;gap:6px}.mode-controls{flex-wrap:wrap;justify-content:start;align-items:end;gap:7px;display:flex}.mode-controls label,.turn-display{color:#443625;letter-spacing:.05em;text-transform:uppercase;gap:2px;font-size:.58rem;font-weight:800;display:grid}.mode-controls select,.turn-display strong{color:#231b14;min-height:32px;font:inherit;letter-spacing:0;text-transform:none;background:#fff8e7b8;border:1px solid #301f1247;border-radius:9px;padding:0 26px 0 8px;font-size:.78rem;font-weight:800;box-shadow:inset 0 1px #ffffff8c}.turn-display strong{align-items:center;gap:8px;min-width:110px;padding-right:8px;display:flex}.turn-player:before{content:"";border-radius:50%;width:9px;height:9px}.turn-player-p1:before{background:#ffd91a;box-shadow:0 0 0 2px #473900}.turn-player-p2:before{background:#7b2cff;box-shadow:0 0 0 2px #f7efe0}.mode-controls select:disabled{opacity:.5}.mode-controls .tutor-toggle{align-items:center;min-width:66px}.tutor-toggle input{accent-color:#0f7a46;width:22px;height:22px}.controls button,.debug-panel button,.tray-piece{color:#231b14;cursor:pointer;background:#fff8e7c7;border:1px solid #301f1247;border-radius:9px;min-height:32px;font-weight:800}.controls button{padding:0 10px}.controls .primary-action{color:#fff;background:#0f7a46;border-color:#116b42;box-shadow:0 6px 14px #0f7a4638}.controls button:disabled,.debug-panel button:disabled,.tray-piece:disabled{cursor:not-allowed;opacity:.45}.play-area{grid-template-columns:minmax(132px,170px) minmax(0,1fr) minmax(132px,170px);justify-content:center;align-items:start;gap:12px;min-height:calc(100vh - 218px);display:grid}.mobile-player-panel{display:none}.player-panel{background:linear-gradient(#fff9e9f2,#f2e5c4c2),#f8efd7;border:1px solid #301f1238;border-radius:10px;flex-direction:column;align-self:start;align-items:stretch;gap:7px;width:100%;min-height:0;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff75,0 5px 14px #4b351c1a}.player-panel.is-active{border-color:#1e5f3c;box-shadow:inset 0 0 0 3px #19a64a38,0 8px 18px #1e5f3c24}.player-panel.is-ai{opacity:.92}.tray-status{color:#315d58;margin:2px 0 0;font-size:.72rem;font-weight:800}.tray{grid-template-columns:1fr;gap:6px;display:grid}.tray-group{grid-template-columns:1fr;align-content:start;gap:4px;display:grid}.tray-group-title{color:#60442b;grid-column:1/-1;justify-content:start;align-items:baseline;gap:5px;font-size:.58rem;font-weight:850;display:flex}.tray-group-title small,.tray-piece small{color:#675845;font-size:.48rem;font-weight:750}.tray-piece{text-align:left;background:#fff8e7bd;border-color:#6a522c38;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:4px;min-height:28px;padding:3px 5px;font-size:.68rem;display:grid}.tray-piece.is-selected{background:#e7f6df;border-color:#111827;box-shadow:0 0 0 3px #19a64a3d}.tray-piece strong{font-variant-numeric:tabular-nums}.tray-piece small{display:none}.coin-banner{color:#315d58;background:#f6fff1cc;border:1px solid #301f122e;border-radius:6px;margin:5px 0;padding:4px 8px;font-size:.72rem;font-weight:800}.board-column{align-self:stretch;place-items:center;gap:0;width:100%;display:grid}.board{aspect-ratio:1;background:linear-gradient(#ffffff0d,#0000 45%),#19a64a;border:4px solid #0d6530;border-radius:12px;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(7px,.65vw,11px);width:min(100%,100vh - 185px,860px);padding:clamp(7px,.7vw,10px);display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff29,0 6px #087234,0 9px 15px #19331929}.board-2d{padding:clamp(48px,4.4vw,66px) clamp(24px,2.2vw,34px)}.board-relief-2d{z-index:1;pointer-events:none;justify-content:space-evenly;align-items:center;gap:clamp(18px,4vw,62px);display:flex;position:absolute;left:clamp(26px,2.6vw,42px);right:clamp(26px,2.6vw,42px)}.board-relief-2d-top{top:clamp(12px,1.1vw,16px)}.board-relief-2d-bottom{bottom:clamp(12px,1.1vw,16px)}.relief-pattern-2d{background:#036e303d;border-radius:999px;align-items:flex-end;gap:clamp(3px,.32vw,5px);padding:clamp(2px,.22vw,4px) clamp(7px,.75vw,11px);display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 -2px #00401b33}.relief-piece-2d{background:var(--relief-fill);border:1px solid var(--relief-outline);box-shadow:inset 0 1px 0 #ffffff47, 0 2px 0 var(--relief-side), 0 3px 5px #0000002e;flex:none;display:inline-block}.board-relief-2d-p1{--relief-fill:#ffd91a;--relief-side:#b99000;--relief-outline:#4b3a00}.board-relief-2d-p2{--relief-fill:#7b2cff;--relief-side:#4d159f;--relief-outline:#eadfff}.relief-piece-2d-peg{border-radius:999px;width:clamp(5px,.46vw,8px);height:clamp(24px,1.7vw,34px)}.relief-piece-2d-cylinder{border-radius:50%;width:clamp(15px,1.12vw,22px);height:clamp(10px,.78vw,15px)}.relief-pattern-2d.is-active .relief-piece-2d{animation:1.05s ease-in-out infinite alternate reliefPatternGlow2d}@keyframes reliefPatternGlow2d{0%,to{filter:drop-shadow(0 0 #fff0)}50%{filter:drop-shadow(0 0 7px #fff)drop-shadow(0 0 15px #fff56a)}}.board-pattern-rail{background:linear-gradient(#ffffff14,#0000000a),#16833f;border:2px solid #0d6530;justify-content:space-around;align-items:center;gap:clamp(9px,1.5vw,20px);width:min(100%,48vh,540px);min-height:26px;padding:3px 16px;display:none;box-shadow:inset 0 1px #ffffff38,inset 0 -3px #044c217a}.board-pattern-rail-p2{border-radius:12px 12px 8px 8px;margin-bottom:-2px}.board-pattern-rail-p1{border-radius:8px 8px 12px 12px;margin-top:5px}.raised-pattern{align-items:center;gap:5px;display:inline-flex}.raised-pattern-piece{border:1px solid var(--pattern-outline);background:var(--pattern-fill);box-shadow:0 2px 0 var(--pattern-side), 0 3px 4px #00000038, inset 0 2px 0 #ffffff47;flex:none;display:inline-block}.board-pattern-rail-p1{--pattern-fill:#ffd91a;--pattern-side:#b99000;--pattern-outline:#4b3a00}.board-pattern-rail-p2{--pattern-fill:#7b2cff;--pattern-side:#4d159f;--pattern-outline:#eadfff}.raised-pattern-peg{border-radius:999px;width:5px;height:17px}.raised-pattern-cylinder{width:17px;height:12px;box-shadow:0 3px 0 var(--pattern-side), 0 4px 4px #00000038, inset 0 0 0 4px #ffffff47;border-radius:50%}.board-cell{aspect-ratio:1;cursor:pointer;width:100%;min-width:0;min-height:0;box-shadow:none;background:radial-gradient(circle,#08431f24 0 32%,#0000 33%),#e8f7de;border:3px solid #087234;border-radius:50%;place-items:center;display:grid;position:relative}.board-cell.is-legal{border-color:#fff;box-shadow:inset 0 0 0 6px #111827,inset 0 0 0 11px #ffffffeb}.board-cell.is-selected{border-color:#111827;box-shadow:0 0 0 5px #fff}.board-cell.is-winning{border-color:#fff56a;box-shadow:0 0 0 4px #fff56a,0 0 0 7px #111827,0 0 24px #fff56abf}.board-cell.is-winning:after{content:"";pointer-events:none;border:3px dashed #111827;border-radius:50%;position:absolute;inset:8px}.board-cell.is-tutor-highlight{box-shadow:inset 0 0 0 5px #38bdf8,inset 0 0 0 10px #ffffffe6,0 0 18px #38bdf8b3}.board-cell.is-tutor-highlight:after{content:"";pointer-events:none;border:3px dotted #0f172a;border-radius:50%;position:absolute;inset:7px}.board-cell.is-last-move{overflow:visible}.board-cell.is-last-move-destination{border-color:#fff7ed;animation:.92s ease-in-out infinite lastMoveDestinationPulse}.board-cell.is-last-move-source{border-color:#ecfdf5;animation:.92s ease-in-out infinite lastMoveSourcePulse}.board-cell.is-last-move:before{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute;inset:-5px}.board-cell.is-last-move-destination:before{background:#ff84709e;border:5px solid #b91c1c}.board-cell.is-last-move-source:before{background:#56f68294;border:5px dashed #047857}.board-cell.is-last-move .cell-stack{z-index:1}@keyframes lastMoveDestinationPulse{0%,to{box-shadow:0 0 0 4px #7f1d1ddb,0 0 18px #ff5a4cbd}50%{box-shadow:0 0 0 11px #ff7560d1,0 0 34px #ff7560e6}}@keyframes lastMoveSourcePulse{0%,to{box-shadow:0 0 0 4px #166534db,0 0 18px #48e670b8}50%{box-shadow:0 0 0 11px #56f682d1,0 0 34px #56f682e0}}.cell-stack{place-items:center;width:100%;height:100%;display:grid;position:relative}.board-cell.has-winning-wave .cell-stack{animation:1.45s ease-in-out infinite alternate winningPieceWave}.board-cell.winning-wave-0 .cell-stack{animation-delay:0s}.board-cell.winning-wave-1 .cell-stack{animation-delay:.16s}.board-cell.winning-wave-2 .cell-stack{animation-delay:.32s}.board-cell.winning-wave-3 .cell-stack{animation-delay:.48s}.board-cell.winning-wave-4 .cell-stack{animation-delay:.64s}@keyframes winningPieceWave{0%,to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}34%{filter:drop-shadow(0 0 7px #fff)drop-shadow(0 0 13px #fff56a);transform:scale(1.18)}68%{filter:drop-shadow(0 0 #fff0);transform:scale(1)}}.piece-svg{grid-area:1/1;display:block;overflow:visible}.piece-p1{fill:#ffd91a}.piece-p2{fill:#7b2cff}.peg-view{z-index:2;width:72%;height:72%}.cylinder-view{z-index:1;width:108%;height:108%}.piece-rim,.piece-hole-rim{fill:none;stroke-width:5px}.piece-p1+.piece-rim,.piece-p1~.piece-hole-rim{stroke:#473900}.piece-p2+.piece-rim,.piece-p2~.piece-hole-rim{stroke:#fff}.piece-hole{fill:#e8f7de;stroke:none}.legend{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(7,minmax(82px,auto));gap:18px;width:100%;margin:0;padding:0;display:grid}.bottom-tools{background:#fff8e7b8;border:1px solid #301f122e;border-radius:10px;justify-content:flex-end;align-items:center;gap:6px;margin-top:5px;padding:5px 8px;display:flex}.tutor-panel{background:#fff7edf5;border:2px solid #7c2d12;border-radius:10px;gap:8px;margin-top:8px;padding:10px;display:grid;box-shadow:0 8px 18px #4b351c1f}.tutor-panel-safe{border-color:#166534}.tutor-panel-risky,.tutor-panel-unknown{border-color:#b45309}.tutor-panel-dangerous,.tutor-panel-losing{border-color:#991b1b}.tutor-panel h2{margin:0;font-size:.95rem}.tutor-meta{color:#675845;margin:2px 0 0;font-size:.64rem;font-weight:750}.tutor-warnings{gap:6px;display:grid}.tutor-warning{background:#ffffff9e;border:1px solid #301f122e;border-radius:8px;padding:7px 8px}.tutor-warning-danger{background:#fee2e2b8;border-color:#991b1b73}.tutor-warning-warning{background:#fef3c7b8;border-color:#b453096b}.tutor-warning p{margin:3px 0}.tutor-warning small{color:#60442b;font-weight:700;display:block}.tutor-actions{justify-content:flex-end;gap:8px;display:flex}.pattern-guide{background:#ffffffbd;border:1px solid #301f122e;border-radius:6px;gap:10px;margin-top:12px;padding:10px 12px;display:grid}.pattern-guide p{color:#3a2b1d;margin:0}.pattern-list,.winning-summary{flex-wrap:wrap;gap:10px;display:flex}.pattern-item{background:#fff8e7;border:1px solid #301f122e;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:7px 9px;display:grid}.pattern-shapes{align-items:center;gap:4px;display:flex}.pattern-token{background:#f4e8c4;border:2px solid #21180f;width:18px;height:18px;display:inline-block}.pattern-token-peg{background:#21180f;border-radius:50%;width:13px;height:13px}.pattern-token-cylinder{background:#21180f;border-radius:50%;box-shadow:inset 0 0 0 5px #f4e8c4}.pattern-guide details{color:#453322}.winning-summary span{color:#111827;background:#ffef3a;border-radius:6px;padding:6px 8px;font-weight:850}.camera-controls{z-index:5;color:#3f2b17;pointer-events:none;justify-content:space-between;align-items:center;gap:7px;width:auto;margin:0;font-size:.62rem;font-weight:750;display:flex;position:absolute;top:10px;left:12px;right:12px}.camera-controls span{background:#fff8e7b8;border:1px solid #301f1229;border-radius:999px;max-width:min(70%,520px);padding:5px 8px;box-shadow:0 3px 10px #4b351c1f}.camera-controls button{pointer-events:auto;color:#231b14;cursor:pointer;background:#fff8e7e0;border:1px solid #301f1247;border-radius:999px;min-height:26px;padding:0 10px;box-shadow:0 3px 10px #4b351c24}.board-3d-wrap{width:min(100%,980px)}.board-3d-stage{perspective:1100px;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#f4ebd0,#d7c69b);border:1px solid #301f1238;border-radius:16px;height:min(100vh - 210px,78vh,820px);min-height:560px;display:block;position:relative;overflow:hidden}.board-3d-stage canvas{display:block}.board-3d-camera{transform-style:preserve-3d;transition:transform 90ms ease-out}.board-3d{transform-style:preserve-3d;background:#19a64a;border:4px solid #0f5f2f;border-radius:10px;grid-template-rows:repeat(7,70px);grid-template-columns:repeat(7,70px);gap:8px;padding:18px;display:grid;box-shadow:0 16px #087234}.cell-3d{cursor:pointer;transform-style:preserve-3d;background:#e8f7de;border:2px solid #087234;border-radius:50%;place-items:center;display:grid;position:relative}.hole-3d{background:radial-gradient(circle,#08431f33 0 33%,#0000 34%);border-radius:50%;position:absolute;inset:11%;box-shadow:inset 0 0 0 2px #08431f33}.cell-3d.is-legal{box-shadow:0 0 0 5px #111827}.cell-3d.is-selected{box-shadow:0 0 0 5px #fff}.cell-3d.is-winning{box-shadow:0 0 0 4px #ffef3a,0 0 0 7px #111827}.cell-3d.is-last-move:after{content:"";background:#fff;border:2px solid #111827;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:8px}.piece-stack-3d{width:100%;height:100%;transform-style:preserve-3d;position:relative}.piece-3d{transform:translate(-50%, -50%) translateZ(var(--piece-lift));transform-style:preserve-3d;background:var(--piece-top);border-style:solid;border-color:var(--piece-outline);box-shadow:0 var(--piece-shadow-offset) 0 var(--piece-side), 0 calc(var(--piece-shadow-offset) + 5px) 10px #00000052;border-radius:50%;display:block;position:absolute;top:50%;left:50%}.piece-3d:before,.piece-3d:after{content:"";pointer-events:none;border-radius:50%;display:none;position:absolute}.piece-3d:before{border:inherit;background:inherit;z-index:2;inset:0;transform:none;box-shadow:inset 0 5px #ffffff3d}.piece-3d:after{background:var(--piece-side);border:inherit;transform:translateY(var(--piece-height)) scaleY(.7);opacity:.95;z-index:1;inset:0}.piece-p1-3d{--piece-top:#ffd91a;--piece-side:#c9a700;--piece-outline:#473900}.piece-p2-3d{--piece-top:#7b2cff;--piece-side:#4d159f;--piece-outline:#fff}.piece-3d-peg{z-index:3;--piece-height:30px;--piece-lift:34px;--piece-shadow-offset:15px;border:3px solid;width:34%;height:34%}.piece-3d-peg:before{box-shadow:inset 0 6px #ffffff47,inset 0 -5px #0000001f}.piece-3d-peg:after{transform:translateY(22px)scaleY(.9)}.piece-3d-hollowCylinder{z-index:2;--piece-height:13px;--piece-lift:18px;--piece-shadow-offset:8px;background:0 0;border:12px solid;width:92%;height:92%}.piece-p1-3d.piece-3d-hollowCylinder{--piece-outline:#473900;border-color:#ffd91a;outline:3px solid #473900}.piece-p2-3d.piece-3d-hollowCylinder{--piece-outline:#fff;border-color:#7b2cff;outline:3px solid #fff}.piece-3d-hollowCylinder:before,.piece-3d-hollowCylinder:after{border:inherit;box-shadow:inset 0 0 0 3px var(--piece-outline), 0 0 0 2px #00000014;background:0 0}.piece-3d-hollowCylinder:after{border-color:var(--piece-side);opacity:.9;transform:translateY(10px)scaleY(.72)}.piece-3d-solidCylinder{z-index:1;--piece-height:15px;--piece-lift:18px;--piece-shadow-offset:9px;border:4px solid;width:92%;height:92%}.piece-3d-solidCylinder:before{box-shadow:inset 0 8px #fff3,inset 0 -7px #00000029}.piece-3d-solidCylinder:after{transform:translateY(12px)scaleY(.76)}.legend-item{color:#2c2218;grid-template-columns:34px 1fr;align-items:center;gap:8px;min-width:0;font-size:.78rem;font-weight:750;display:grid}.legend-sample{background:#e8f7de;border:2px solid #087234;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.legend-sample .cell-stack{width:96%;height:96%}.debug-panel{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;display:flex}.debug-panel button{color:#fff;background:#0f7a46;border-color:#116b42;padding:0 12px}.export-select select{color:#231b14;min-width:180px;min-height:32px;font:inherit;background:#fff8e7eb;border:1px solid #301f1247;border-radius:9px;padding:0 32px 0 10px;font-weight:700}.feedback{color:#453322;background:#fff8e79e;border:1px solid #301f1233;border-radius:6px;align-items:center;min-height:32px;margin-top:7px;padding:6px 10px;font-size:.78rem}@media (width<=860px){.app-shell{padding:6px}.game-table{padding:8px}.status-bar{grid-template-columns:1fr;align-items:stretch}.play-area{flex-direction:column}.mode-controls{align-items:stretch;width:100%}.mode-controls label{flex:1}.player-panel{grid-template-columns:1fr;gap:8px;width:100%}.tray{grid-template-columns:1fr;display:grid}.board{border-width:4px;align-self:center;gap:5px;padding:8px}.legend{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-tools{grid-template-columns:1fr}.debug-panel{justify-content:flex-start;margin-top:6px}}@media (width<=520px){.tray{grid-template-columns:1fr}.tray-piece{grid-template-columns:24px 1fr auto}.legend{grid-template-columns:1fr}}.analysis-banner{color:#173f2e;background:#e9f5e7;border:2px solid #0f6b42;border-radius:8px;align-items:center;gap:12px;margin:7px 0 2px;padding:7px 10px;font-size:.78rem;display:flex}.analysis-banner strong,.analysis-badge{color:#fff;background:#0f6b42;border-radius:4px;align-items:center;min-height:24px;padding:2px 8px;font-weight:850;display:inline-flex}.secondary-actions{gap:6px;display:flex}.secondary-actions button,.replay-controls button,.modal-actions button,.file-picker{color:#231b14;cursor:pointer;min-height:32px;font:inherit;background:#fff8e7;border:1px solid #301f1252;border-radius:8px;padding:0 12px;font-weight:800}.bottom-tools{justify-content:space-between}.replay-panel{background:#fffaeceb;border:1px solid #301f123d;border-radius:8px;gap:8px;margin-top:8px;padding:9px;display:grid}.replay-toolbar,.replay-toolbar>div,.replay-controls{align-items:center;display:flex}.replay-toolbar{justify-content:space-between;gap:12px}.replay-toolbar>div,.replay-controls{gap:6px}.replay-controls button{width:38px;padding:0}.replay-controls button:disabled{cursor:not-allowed;opacity:.42}.replay-layout{grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:10px;display:grid}.move-list{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:4px;max-height:190px;padding:2px;display:grid;overflow:auto}.move-list button{color:#251c14;cursor:pointer;text-align:left;background:#f7f0dc;border:2px solid #0000;border-left:6px solid #555;border-radius:5px;gap:2px;min-width:0;padding:7px 8px;display:grid}.move-list button.move-p1{border-left-style:solid;border-left-color:#9c7b00}.move-list button.move-p2{border-left:8px double #6f24d9}.move-list button.is-current{background:#e2f2dd;border-color:#0b5f3c;box-shadow:0 0 0 2px #0f6b4233}.move-list button span{overflow-wrap:anywhere;font-size:.75rem;font-weight:800}.move-list button small{color:#665542;font-size:.64rem}.replay-details{background:#fffaf0;border:1px solid #301f122e;border-radius:6px;padding:8px}.replay-details summary{cursor:pointer;font-weight:800}.replay-details dl{grid-template-columns:auto 1fr;gap:4px 8px;margin:8px 0 0;font-size:.72rem;display:grid}.replay-details dt{font-weight:800}.replay-details dd{margin:0}.modal-backdrop{z-index:1000;background:#18140eb3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-modal{background:#fffaf0;border:2px solid #0f6b42;border-radius:8px;width:min(760px,100%);max-height:min(90vh,900px);overflow:hidden;box-shadow:0 24px 70px #140f0861}.modal-header{background:#edf6e7;border-bottom:1px solid #301f1233;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.modal-header h2{color:#104d32;font-size:1.15rem}.icon-button{color:#231b14;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;font-size:1.7rem;line-height:1;display:grid}.modal-body{max-height:calc(90vh - 64px);padding:14px;overflow:auto}.import-textarea{resize:vertical;color:#17130f;background:#fff;border:1px solid #786a56;border-radius:5px;width:100%;min-height:280px;margin:8px 0;padding:10px;font-family:Consolas,Courier New,monospace;font-size:.8rem;line-height:1.45}.file-picker{align-items:center;display:inline-flex}.file-picker input{max-width:230px;margin-left:10px}.import-error{color:#541b16;background:#fff0ed;border:2px solid #a22b22;border-radius:6px;margin-top:10px;padding:10px}.import-error p{margin:4px 0}.import-error code{overflow-wrap:anywhere;background:#ffffffb3;padding:5px;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.modal-actions .primary-action{color:#fff;background:#0f7a46;border-color:#0f6b42}.how-to-content{color:#30251b;gap:12px;line-height:1.48;display:grid}.how-to-content p,.how-to-content ul{margin:0}.how-to-content section{border-top:1px solid #301f1229;padding-top:10px}.how-to-content h3{color:#0e5233;margin:0 0 6px;font-size:.94rem}.guide-emphasis{background:#edf6e7;border-radius:6px;padding:10px;border:2px solid #0f6b42!important}.guide-piece-row{flex-wrap:wrap;gap:8px;display:flex}.guide-piece{background:#f8f0da;border:1px solid #301f1233;border-radius:5px;align-items:center;gap:7px;min-width:150px;padding:7px;font-weight:750;display:flex}.guide-piece-shape,.guide-pattern i{background:#ffd51d;border:2px solid #4b3900;flex:none;display:inline-block}.guide-piece-peg{border-radius:50%;width:15px;height:15px}.guide-piece-hollow{border-radius:50%;width:27px;height:27px;box-shadow:inset 0 0 0 7px #f8f0da}.guide-piece-solid{border-radius:50%;width:27px;height:27px}.guide-patterns{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.guide-pattern{background:#f8f0da;border:1px solid #301f1233;border-radius:5px;gap:5px;padding:8px;display:grid}.guide-pattern>div{align-items:center;gap:4px;min-height:27px;display:flex}.guide-pattern i.guide-piece-hollow{box-shadow:none}.startup-preference{cursor:pointer;align-items:center;gap:8px;margin-top:16px;font-weight:800;display:inline-flex}.startup-preference input{accent-color:#0f7a46;width:20px;height:20px}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #1769aa}@media (width<=860px){.analysis-banner,.bottom-tools,.replay-toolbar{flex-direction:column;align-items:stretch}.secondary-actions,.debug-panel{width:100%}.replay-layout,.guide-patterns{grid-template-columns:1fr}}@media (width<=520px){.modal-backdrop{padding:6px}.app-modal{max-height:96vh}.modal-body{max-height:calc(96vh - 60px);padding:10px}.file-picker{gap:5px;display:grid}.file-picker input{max-width:100%;margin-left:0}.secondary-actions,.debug-panel,.modal-actions{grid-template-columns:1fr;display:grid}.export-select select{width:100%}}@media (width<=720px){:root{background:#efe2bf}.app-shell{min-height:100dvh;padding:0}.game-table{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;padding:6px}.status-bar{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding-bottom:6px}.brand-block{grid-column:1/-1;gap:6px}.brand-mark{width:32px;height:32px}.brand-block h1{letter-spacing:.06em;font-size:1.05rem}.brand-block p{display:none}.controls{grid-area:2/2;align-self:end;gap:4px}.controls button{white-space:nowrap;min-height:34px;padding:0 7px;font-size:.66rem}.mode-controls{grid-area:2/1;grid-template-columns:minmax(80px,.8fr) minmax(94px,1fr);align-items:end;gap:5px;width:100%;display:grid}.mode-controls label,.turn-display{min-width:0;font-size:.52rem}.mode-controls select,.turn-display strong{border-radius:6px;width:100%;min-width:0;min-height:34px;padding-left:7px;padding-right:20px;font-size:.64rem}.turn-display strong{white-space:nowrap;gap:6px;padding-right:6px}.mode-control,.view-control{display:none!important}.play-area{flex-direction:column;gap:6px;min-height:0;margin-top:6px;display:flex}.play-area>.player-panel{display:none}.mobile-player-panel{order:1;gap:5px;width:100%;display:grid}.mobile-opponent-reserve{background:#fff9e9e0;border:1px solid #301f1238;border-radius:8px;grid-template-columns:minmax(66px,1.1fr) repeat(3,minmax(0,1fr));align-items:center;gap:4px;padding:5px;display:grid}.mobile-opponent-label{gap:1px;min-width:0;display:grid}.mobile-opponent-label small,.mobile-reserve-item small{color:#675845;font-size:.5rem;font-weight:750}.mobile-opponent-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.mobile-reserve-item{background:#fff8e7c7;border:1px solid #6a522c33;border-radius:6px;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:2px;min-width:0;padding:2px 3px;display:grid}.mobile-reserve-piece{place-items:center;width:19px;height:19px;display:grid}.mobile-reserve-item strong{font-variant-numeric:tabular-nums;font-size:.65rem}.mobile-player-panel .player-panel{border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:6px;display:grid}.mobile-player-panel .player-panel>div:first-child{min-width:50px}.mobile-player-panel .player-panel .eyebrow{display:none}.mobile-player-panel .player-panel h2{font-size:.8rem}.mobile-player-panel .tray-status{white-space:nowrap;font-size:.6rem}.mobile-player-panel .tray{grid-template-columns:minmax(68px,.85fr) minmax(0,2fr);gap:4px}.mobile-player-panel .tray-group{gap:4px}.mobile-player-panel .tray-group:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-player-panel .tray-group-title{display:none}.mobile-player-panel .tray-piece{border-radius:7px;grid-template-columns:20px minmax(0,1fr) auto;gap:3px;min-height:44px;padding:3px 5px;font-size:.64rem}.board-column{order:2}.board{border-width:3px;border-radius:9px;gap:3px;width:min(100%,640px);padding:6px}.board-2d{aspect-ratio:1/1.12;padding:42px 10px}.board-relief-2d{gap:4px;left:8px;right:8px}.board-relief-2d-top{top:9px}.board-relief-2d-bottom{bottom:9px}.relief-pattern-2d{gap:2px;padding:2px 4px}.relief-piece-2d-peg{width:4px;height:20px}.relief-piece-2d-cylinder{width:13px;height:9px}.board-cell{border-width:2px}.board-cell.is-legal{box-shadow:inset 0 0 0 3px #111827,inset 0 0 0 6px #ffffffeb}.board-cell.is-last-move:before{inset:-3px}.board-cell.is-last-move-destination:before,.board-cell.is-last-move-source:before{border-width:3px}.bottom-tools{display:none}.analysis-banner{gap:5px;margin-top:6px;font-size:.68rem}}