*,:before,:after{box-sizing:border-box}:root{--wood-dark:#4a2c17;--wood-mid:#6b4226;--wood-light:#8a5a33;--pit-shadow:#2e1a0d;--sand:#f0e2c8;--sand-dim:#cbb894;--gold:#e8b545;--green:#7dc95e;color:var(--sand);font-family:Segoe UI,Avenir,Helvetica Neue,Arial,sans-serif}html,body,#root{min-height:100vh;margin:0;padding:0}body{background-color:#0000;background-image:radial-gradient(at 30% 20%,#e8b54514,#0000 55%),radial-gradient(at 75% 85%,#7dc95e0d,#0000 50%),linear-gradient(160deg,#241208 0%,#35200f 50%,#241208 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}.app{flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:1080px;min-height:100vh;margin:0 auto;padding:24px 16px 40px;display:flex}.setup{background:linear-gradient(150deg, var(--wood-mid), var(--wood-dark));border:2px solid var(--wood-light);border-radius:20px;flex-direction:column;align-items:center;gap:22px;padding:40px 48px;display:flex;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff14}.setup__title{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 8px #0009;margin:0;font-size:clamp(2.4rem,6vw,3.4rem)}.setup__subtitle{color:var(--sand-dim);margin:-14px 0 0;font-style:italic}.setup__group{flex-direction:column;align-items:center;gap:8px;display:flex}.setup__label{text-transform:uppercase;letter-spacing:.18em;color:var(--sand-dim);font-size:.78rem}.segmented{border:1px solid var(--wood-light);background:#00000040;border-radius:10px;display:flex;overflow:hidden}.segmented__option{color:var(--sand);background:0 0;border:none;padding:10px 18px;font-size:.95rem;transition:background .15s,color .15s}.segmented__option+.segmented__option{border-left:1px solid var(--wood-light)}.segmented__option--active{background:var(--gold);color:var(--wood-dark);font-weight:700}.btn{border:1px solid var(--wood-light);color:var(--sand);background:#00000040;border-radius:10px;padding:8px 16px;font-size:.9rem;transition:background .15s,transform .1s}.btn:hover{background:#ffffff14}.btn--primary{background:var(--gold);border-color:var(--gold);color:var(--wood-dark);font-weight:700}.btn--primary:hover{background:#f2c65e}.btn--large{letter-spacing:.06em;padding:14px 40px;font-size:1.1rem}.btn--icon{padding:8px 12px;font-size:1rem;line-height:1}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.hud__score{gap:18px;font-size:1rem;display:flex}.hud__name{color:var(--sand-dim);transition:color .2s}.hud__name--active{color:var(--gold)}.hud__status{color:var(--sand);text-align:center;flex:1;min-width:160px;font-size:1.05rem;font-weight:600}.hud__controls{gap:8px;display:flex}.board{background:repeating-linear-gradient(95deg, #0000000d 0px, #0000 3px, #0000000d 7px, #ffffff05 11px), linear-gradient(150deg, var(--wood-light), var(--wood-mid) 45%, var(--wood-dark));border:3px solid #2c190c;border-radius:26px;align-items:stretch;gap:clamp(6px,1.4vw,16px);width:100%;padding:clamp(10px,2vw,22px);display:flex;box-shadow:0 22px 60px #0009,inset 0 2px 2px #ffffff1f,inset 0 -6px 18px #00000059}.board__rows{flex-direction:column;flex:1;justify-content:center;gap:clamp(8px,1.6vw,18px);display:flex}.board__row{grid-template-columns:repeat(6,1fr);gap:clamp(6px,1.4vw,14px);display:grid}.pit{aspect-ratio:1;background:radial-gradient(circle at 38% 32%, var(--wood-mid) 0%, var(--pit-shadow) 78%);border:2px solid #00000073;border-radius:50%;padding:0;transition:box-shadow .15s,transform .12s;position:relative;box-shadow:inset 0 8px 16px #000000a6,inset 0 -2px 4px #ffffff0f,0 1px #ffffff14}.pit--playable{border-color:#e8b545bf}.pit--playable:hover{transform:translateY(-2px);box-shadow:inset 0 8px 16px #0000008c,0 0 14px #e8b54573}.pit--highlight{animation:.35s pit-pulse}@keyframes pit-pulse{0%{box-shadow:inset 0 8px 16px #000000a6,0 0 #7dc95e00}50%{box-shadow:inset 0 8px 16px #00000080,0 0 18px #7dc95ecc}to{box-shadow:inset 0 8px 16px #000000a6,0 0 #7dc95e00}}.pit__count{background:var(--wood-dark);border:1px solid var(--wood-light);min-width:1.6em;color:var(--sand);z-index:2;border-radius:999px;padding:1px 5px;font-size:clamp(.7rem,1.6vw,.85rem);font-weight:700;position:absolute;bottom:-4px;right:-4px}.stones{display:block;position:absolute;inset:0}.stone{border-radius:50%;width:22%;height:22%;transition:left .2s,top .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:inset -1px -2px 3px #00000073,inset 1px 1px 2px #ffffff80,0 2px 3px #0006}.store{flex-direction:column;align-items:center;gap:6px;width:clamp(64px,11vw,120px);display:flex}.store__label{text-transform:uppercase;letter-spacing:.14em;color:var(--sand-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;overflow:hidden}.store__well{background:radial-gradient(ellipse at 40% 25%, var(--wood-mid) 0%, var(--pit-shadow) 80%);border:2px solid #00000073;border-radius:999px;flex:1;width:100%;min-height:140px;position:relative;box-shadow:inset 0 10px 22px #000000a6,0 1px #ffffff14}.store .stone{width:16%;height:9%}.store__count{background:var(--wood-dark);border:1px solid var(--wood-light);color:var(--gold);z-index:2;border-radius:999px;padding:2px 10px;font-size:1rem;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.store--highlight .store__well{animation:.35s pit-pulse}.hint{text-align:center;max-width:620px;color:var(--sand-dim);margin:0;font-size:.85rem;line-height:1.5}.credits{color:var(--sand-dim);text-align:center;font-size:.8rem}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#0c0602b3;justify-content:center;align-items:center;animation:.25s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(150deg, var(--wood-mid), var(--wood-dark));border:2px solid var(--gold);border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:34px 44px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-pop;display:flex;box-shadow:0 24px 70px #000000b3}@keyframes modal-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal__title{color:var(--gold);letter-spacing:.04em;margin:0;font-size:1.8rem}.modal__score{align-items:center;gap:18px;font-size:1.1rem;display:flex}.modal__score-entry{flex-direction:column;align-items:center;gap:2px;display:flex}.modal__score-entry strong{color:var(--sand);font-size:1.7rem}.modal__score-divider{color:var(--sand-dim)}.modal__actions{gap:12px;display:flex}@media (width<=640px){.app{gap:14px;padding:14px 8px 28px}.setup{width:100%;padding:28px 22px}.hud{text-align:center;flex-direction:column;align-items:stretch}.hud__score,.hud__controls{justify-content:center}.store__well{min-height:110px}.pit__count{bottom:-2px;right:-2px}.modal{margin:0 14px;padding:26px 24px}}