: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:linear-gradient(135deg,#fff9e733,#3b261647),#745536;min-height:100vh;padding:24px}.game-table{background:#efe2bf;border:1px solid #301f1259;border-radius:8px;width:min(1180px,100%);margin:0 auto;padding:20px;box-shadow:0 24px 70px #22160e47}.status-bar,.play-area,.controls,.tray,.debug-panel,.feedback{display:flex}.status-bar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px}.eyebrow{color:#745536;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:800}h1,h2{margin:0;line-height:1.05}h1{font-size:clamp(1.8rem,4vw,3rem)}h2{font-size:1.1rem}.controls{gap:8px}.mode-controls{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.mode-controls label{color:#60442b;gap:4px;font-size:.75rem;font-weight:800;display:grid}.mode-controls select{color:#231b14;min-height:42px;font:inherit;background:#fff8e7;border:1px solid #301f1247;border-radius:6px;padding:0 34px 0 10px}.mode-controls select:disabled{opacity:.5}.controls button,.debug-panel button,.tray-piece{color:#231b14;cursor:pointer;background:#fff8e7;border:1px solid #301f1247;border-radius:6px;min-height:42px}.controls button{padding:0 14px}.controls button:disabled,.debug-panel button:disabled,.tray-piece:disabled{cursor:not-allowed;opacity:.45}.play-area{flex-direction:column;justify-content:center;align-items:center;gap:18px}.player-panel{background:#fff8e78a;border:1px solid #301f1238;border-radius:8px;grid-template-columns:150px 1fr;align-items:start;gap:14px;width:min(100%,760px);padding:14px;display:grid}.player-panel.is-active{border-color:#315d58;box-shadow:inset 0 0 0 2px #315d5838}.player-panel.is-ai{opacity:.78}.tray-status{color:#315d58;margin:6px 0 0;font-weight:800}.tray{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;display:grid}.tray-group{align-content:start;gap:8px;display:grid}.tray-group-title{color:#60442b;justify-content:space-between;align-items:baseline;gap:8px;font-size:.8rem;font-weight:850;display:flex}.tray-group-title small,.tray-piece small{color:#675845;font-size:.68rem;font-weight:750}.tray-piece{text-align:left;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.tray-piece.is-selected{background:#dcebdc;border-color:#315d58}.tray-piece strong{font-variant-numeric:tabular-nums}.tray-piece small{grid-column:2/-1}.coin-banner{color:#315d58;background:#f6fff1cc;border:1px solid #301f122e;border-radius:6px;margin:0 0 16px;padding:10px 12px;font-weight:800}.board-column{place-items:center;width:min(100%,760px);display:grid}.board{aspect-ratio:1;background:#19a64a;border:3px solid #0f5f2f;border-radius:8px;grid-template-rows:repeat(7,minmax(48px,78px));grid-template-columns:repeat(7,minmax(48px,78px));gap:9px;width:min(100%,606px);padding:16px;display:grid}.board-cell{aspect-ratio:1;cursor:pointer;width:100%;min-width:0;min-height:0;box-shadow:none;background:radial-gradient(circle,#08431f24 0 28%,#0000 29%),#e8f7de;border:2px solid #087234;border-radius:50%;place-items:center;display:grid;position:relative}.board-cell.is-legal{border-color:#fff;box-shadow:0 0 0 5px #111827}.board-cell.is-selected{border-color:#111827;box-shadow:0 0 0 5px #fff}.board-cell.is-winning{border-color:#ffef3a;box-shadow:0 0 0 4px #ffef3a,0 0 0 6px #111827}.board-cell.is-winning:after{content:"";pointer-events:none;border:3px dashed #111827;border-radius:50%;position:absolute;inset:8px}.board-cell.is-last-move{overflow:visible}.board-cell.is-last-move-destination{border-color:#7f1d1d;animation:1.25s ease-in-out infinite lastMoveDestinationPulse}.board-cell.is-last-move-source{border-color:#166534;animation:1.25s 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:#ff9f8f61;border:4px solid #7f1d1d}.board-cell.is-last-move-source:before{background:#b8f3c566;border:4px dashed #166534}.board-cell.is-last-move .cell-stack{z-index:1}@keyframes lastMoveDestinationPulse{0%,to{box-shadow:0 0 0 3px #7f1d1db8}50%{box-shadow:0 0 0 8px #ff9f8f94}}@keyframes lastMoveSourcePulse{0%,to{box-shadow:0 0 0 3px #166534b8}50%{box-shadow:0 0 0 8px #b8f3c594}}.cell-stack{place-items:center;width:100%;height:100%;display:grid;position:relative}.piece-svg{grid-area:1/1;display:block;overflow:visible}.piece-p1{fill:#ffd91a}.piece-p2{fill:#7b2cff}.peg-view{z-index:2;width:58%;height:58%}.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:#ffffffb8;border:1px solid #301f122e;border-radius:6px;grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;margin-top:16px;padding:10px;display:grid}.pattern-guide{background:#ffffffbd;border:1px solid #301f122e;border-radius:6px;gap:10px;margin-top:14px;padding: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{color:#60442b;justify-content:space-between;align-items:center;gap:10px;width:min(100%,760px);margin-bottom:8px;font-size:.78rem;font-weight:750;display:flex}.camera-controls button{color:#231b14;cursor:pointer;background:#fff8e7;border:1px solid #301f1247;border-radius:6px;min-height:36px;padding:0 12px}.board-3d-wrap{width:min(100%,760px)}.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:8px;place-items:center;min-height:620px;display:grid;overflow:hidden}.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;gap:8px;margin-top:12px}.debug-panel button{background:#f6fff1;padding:0 12px}.feedback{color:#453322;background:#fff8e79e;border:1px solid #301f1233;border-radius:6px;align-items:center;min-height:48px;margin-top:16px;padding:12px 14px}@media (width<=860px){.app-shell,.game-table{padding:12px}.status-bar,.play-area{flex-direction:column}.mode-controls{align-items:stretch;width:100%}.mode-controls label{flex:1}.player-panel{width:100%}.tray{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.board{align-self:center;gap:6px;padding:10px}.legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.tray{grid-template-columns:1fr}.tray-piece{grid-template-columns:24px 1fr auto}.legend{grid-template-columns:1fr}}