body{background:linear-gradient(165deg,#f8dfbe,#efbe8a 50%,#cc8f5d);min-height:100vh;margin:0;font-family:Trebuchet MS,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{min-height:100vh}.app-shell{color:#3d200d;box-sizing:border-box;width:min(100%,1000px);margin:0 auto;padding:clamp(1rem,2vw,2rem) clamp(.75rem,2vw,1rem) 2.2rem}.top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.subtitle{color:#7f4d2e;margin-top:.4rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.rule-selector{color:#5d2d13;gap:.3rem;font-size:.82rem;font-weight:700;display:grid}.rule-selector select{color:#5d2d13;background:#fff4e4;border:2px solid #b56b35;border-radius:999px;min-height:44px;padding:.45rem .8rem;font-weight:600}.ui-button{color:#fff4e4;cursor:pointer;touch-action:manipulation;background:#7a3f16;border:none;border-radius:999px;min-height:44px;padding:.55rem 1rem;font-weight:600}.ui-button.secondary{background:#b25f2e}.ui-button:disabled{opacity:.55;cursor:not-allowed}.scores{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;display:grid}.score-card{text-align:center;background:#ffe1b8;border:2px solid #c98549;border-radius:14px;padding:.8rem}.score-card.active{box-shadow:0 0 0 3px #f9b74f}.score-card h2{margin:0;font-size:1rem}.score-card strong{font-size:1.8rem;display:block}.score-card span{color:#93552d;font-size:.9rem}.turn-pill{background:#ffd07a;border-radius:999px;padding:.4rem .85rem;font-weight:600}.board{margin-top:1.2rem;aspect-ratio:2.35;box-sizing:border-box;background:linear-gradient(145deg,#b06a34,#8a4e24 45%,#7b4320);border:6px solid #6e3a1a;border-radius:28px;align-content:center;width:100%;max-width:920px;margin-inline:auto;padding:clamp(.6rem,1.5vw,1rem);display:grid;position:relative;box-shadow:inset 0 4px 18px #00000040}.board-row{grid-template-columns:repeat(6,minmax(44px,1fr));gap:clamp(.35rem,1vw,.8rem);display:grid}.top-row{margin-bottom:.8rem}.pod{aspect-ratio:1.4;color:#fff4e4;cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 40% 35%,#d39258,#a35f30 60%,#8b4f25);border:3px solid #6a3617;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:44px;display:flex}.pod.owner{box-shadow:0 0 0 3px #ffcf6d8c}.pod:disabled{cursor:not-allowed}.pod-index{opacity:.8;font-size:clamp(.62rem,1.9vw,.7rem)}.pod-count{font-size:clamp(1rem,3.4vw,1.5rem);font-weight:700}.moving-ball{width:14px;height:14px;left:var(--from-x);top:var(--from-y);pointer-events:none;background:#ffce65;border-radius:50%;animation:.22s ease-out forwards sow-move;position:absolute;box-shadow:0 0 0 3px #fff2d473}@keyframes sow-move{0%{left:var(--from-x);top:var(--from-y)}to{left:var(--to-x);top:var(--to-y)}}.modal{color:#4a2510;background:#fff2dd;border:none;border-radius:16px;gap:.8rem;width:min(92vw,420px);max-height:80vh;padding:1.2rem;display:grid;overflow:auto}.modal::backdrop{background:#250e0299}.win h3{color:#7f2f09}.history-panel{background:#ffebca;border:2px solid #ce8d52;border-radius:16px;margin-top:1rem;padding:.9rem 1rem}.history-panel h3{margin:0 0 .6rem}.history-empty{color:#7d4a26;margin:0}.history-list{gap:.45rem;max-height:220px;margin:0;padding-left:1rem;display:grid;overflow:auto}@media (width<=800px){h1{font-size:clamp(1.5rem,7vw,2rem)}.scores{grid-template-columns:1fr}.turn-pill{justify-self:center}.top-bar{flex-direction:column;align-items:flex-start}.board{aspect-ratio:auto}.toolbar,.rule-selector,.rule-selector select{width:100%}.ui-button{flex:calc(50% - .75rem)}}@media (width<=520px){.app-shell{padding:.85rem .55rem 1.5rem}.board{border-width:4px;border-radius:22px;max-width:none}.board-row{gap:.3rem}.pod{border-width:2px}.score-card{padding:.65rem}.score-card strong{font-size:1.5rem}.history-panel{padding:.75rem}.ui-button{flex:100%;width:100%}}@media (prefers-reduced-motion:reduce){.moving-ball{animation-duration:1ms}}