@import "https://fonts.googleapis.com/css2?family=Kodchasan:wght@500;600;700;800&family=InaiMathi&family=Baloo+Tamma+2:wght@600;700;800&display=swap";:root{--bg-top:#f6eee2;--bg-bottom:#e2d2b8;--panel:#fffaf2e0;--wood-a:#8f5a33;--wood-b:#6f4122;--pit:#4f2c17;--pit-border:#d4b18d;--text:#241208;--muted:#5f4332;--accent:#6f4122;--chip:#f7dfc1;--chip-border:#bd966f;--chip-active:#8f5a33;--chip-active-text:#f7f8f3;--shadow:0 14px 28px #3f200c38;--font-display:"Kodchasan", "Baloo Tamma 2", sans-serif;--font-body:"InaiMathi", "Baloo Tamma 2", sans-serif;--paper:url(/assets/background.jpg);--page-gutter:clamp(.75rem, 4vw, 7.5rem);--seed-size:clamp(20px, 2.9vw, 40px);--pile-seed-size:clamp(20px, 2.7vw, 40px);--capture-pile-width:clamp(132px, 30vw, 230px);--capture-pile-height:clamp(60px, 13vw, 100px);--capture-burst-width:clamp(42px, 9vw, 70px);--capture-burst-height:clamp(34px, 6.8vw, 50px);--pit-capture-burst-width:clamp(38px, 7.7vw, 60px);--pit-capture-burst-height:clamp(30px, 5.6vw, 44px);--capture-burst-seed-size:clamp(14px, 3.1vw, 22px);--text-xs:clamp(.72rem, .62rem + .35vw, .85rem);--text-sm:clamp(.82rem, .72rem + .45vw, .95rem);--text-md:clamp(.92rem, .78rem + .55vw, 1.08rem);--text-lg:clamp(1.08rem, .9rem + .85vw, 1.35rem);--text-xl:clamp(1.35rem, 1.05rem + 1.3vw, 2rem);--text-2xl:clamp(1.8rem, 1.35rem + 2.2vw, 3.375rem);--space-card:clamp(.75rem, .6rem + .7vw, 1rem);--space-chip-y:clamp(.32rem, .24rem + .35vw, .42rem);--space-chip-x:clamp(.62rem, .48rem + .65vw, .82rem);--control-gap:clamp(.34rem, .22rem + .5vw, .7rem)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:var(--paper);background-position:top;background-repeat:repeat-y;background-size:cover;background-attachment:fixed}.page{width:min(1200px, calc(100% - (var(--page-gutter) * 2)));grid-template-columns:minmax(0,1fr);gap:clamp(.8rem,.45rem + 1.5vw,1.4rem);margin:clamp(.7rem,.4rem + 1.2vw,1.1rem) auto clamp(1rem,.75rem + 1vw,1.4rem);display:grid}.header-card{padding:var(--space-card)}.eyebrow{color:#b4502f;font-weight:700;font-size:var(--text-xs);letter-spacing:.02em;margin:0}h1{font-family:var(--font-display);font-size:var(--text-2xl);margin:.1rem 0 0;font-weight:800}.subtitle{color:var(--muted);font-size:var(--text-md);margin-top:.25rem;font-weight:500}.controls{gap:var(--control-gap);margin-top:clamp(.55rem,.45rem + .5vw,.8rem);display:grid}.control-row{flex-wrap:wrap;align-items:center;gap:clamp(.3rem,.22rem + .35vw,.45rem);display:flex}.icon-buttons{gap:.5rem;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;padding:0;transition:transform .12s;display:flex}.icon-btn img{width:100%;height:100%;display:block}.icon-btn:hover{transform:translateY(-1px)}.timeout-slider{align-items:center;gap:.55rem;margin-left:.2rem;display:flex}.timeout-slider input[type=range]{width:clamp(110px,18vw,140px);accent-color:var(--accent);cursor:pointer}.timeout-slider-value{font-weight:700;font-family:var(--font-display);color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.label{min-width:5.4rem;font-weight:700;font-family:var(--font-display);color:var(--muted);font-size:var(--text-sm)}.chip,.reset{border:1px solid var(--chip-border);background:var(--chip);color:#3f1f0f;padding:var(--space-chip-y) var(--space-chip-x);font-weight:700;font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;border-radius:999px;transition:transform .12s,background-color .12s}.chip:hover,.reset:hover{transform:translateY(-1px)}.chip:disabled,.reset:disabled{opacity:.5;cursor:not-allowed;transform:none}.chip.active{background:var(--chip-active);color:var(--chip-active-text);border-color:var(--wood-b)}.outline-btn,.filled-btn{font-weight:700;font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;border-radius:999px;padding:clamp(.45rem,.35rem + .45vw,.55rem) clamp(.9rem,.7rem + .85vw,1.15rem);transition:transform .12s,background-color .12s}.outline-btn{background:0 0}.filled-btn{color:#fff8ef;background:var(--wood-a);border:none}.outline-btn:hover,.filled-btn:hover{transform:translateY(-1px)}.filled-btn:hover{background:#7a4a29}.filled-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.board-wrap{padding:var(--space-card)}.board{aspect-ratio:1200/697;background-image:url(/assets/board.svg);background-repeat:no-repeat;background-size:100% 100%;border-radius:clamp(14px,2vw,20px);position:relative;overflow:hidden}.board.is-idle{background-image:url(/assets/cover.svg)}.start-overlay{text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1rem,.6rem + 1.8vw,2rem);display:flex;position:absolute;inset:0}.start-overlay h2{font-family:var(--font-display);font-size:var(--text-xl);color:#fbe9d0;margin:0;font-weight:700}.start-overlay p{color:#e7cba4;font-size:var(--text-md);margin:.5rem 0 1.2rem;font-weight:500}.start-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.start-overlay .outline-btn{color:#fbe9d0;border:1px solid #f3d9b0}.row{pointer-events:none;position:absolute;inset:0}.pit-cell{pointer-events:auto;width:11.6%;position:absolute;transform:translate(-50%,-50%)}.count-outside{font-size:var(--text-xs);color:#fbe9d0;text-shadow:0 1px 2px #0006;white-space:nowrap;font-weight:700;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.count-outside.above{margin-bottom:.35rem;bottom:100%}.count-outside.below{margin-top:.35rem;top:100%}.pit{color:#faefe4;aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;padding:.2rem;transition:transform .12s,filter .2s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pit:hover:enabled{filter:brightness(1.08);transform:translateY(-2px)}.pit.trail{box-shadow:inset 0 0 0 3px #f3d0a0a6}.pit.turn-side{transition:box-shadow .4s;box-shadow:0 0 20px 6px #ffd68280,inset 0 0 16px #ffe0a047}.pit:disabled{cursor:not-allowed;opacity:.85}.pit.protected{opacity:.5;filter:grayscale(.7)}.pit.protected:hover:enabled{filter:grayscale(.7);transform:none}.protected-icon{opacity:.85;filter:drop-shadow(0 2px 2px #00000040);font-size:clamp(1rem,.85rem + .8vw,1.4rem)}.round-badge{color:#fbe9d0;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:.03em;z-index:2;background:#6f4122bf;border-radius:999px;padding:clamp(.2rem,.16rem + .18vw,.25rem) clamp(.65rem,.5rem + .75vw,.85rem);position:absolute;top:4%;left:50%;transform:translate(-50%)}.timeout-badge{color:#fbe9d0;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:.03em;z-index:2;background:#6f4122bf;border-radius:999px;padding:clamp(.2rem,.16rem + .18vw,.25rem) clamp(.65rem,.5rem + .75vw,.85rem);transition:background-color .2s,color .2s;position:absolute;top:4%;right:3%}.timeout-badge.urgent{color:#fff2ea;background:#be3c28e0}@keyframes hint-pulse{0%,to{box-shadow:0 0 10px 4px #ffd68259}50%{box-shadow:0 0 26px 9px #ffd682d9}}.pit.hint{animation:1.1s ease-in-out infinite hint-pulse}.hint-badge{z-index:3;filter:drop-shadow(0 2px 3px #00000059);pointer-events:none;font-size:clamp(.9rem,.75rem + .7vw,1.1rem);animation:1.4s ease-in-out infinite hint-badge-bob;position:absolute;top:-6%;right:2%}@keyframes hint-badge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.seed-bed{aspect-ratio:1;width:92%;position:relative}.seed{aspect-ratio:33/29;filter:drop-shadow(0 2px 2px #00000040);height:auto;position:absolute}.seed-hidden{opacity:0}.landing-bounce{pointer-events:none;animation:.56s cubic-bezier(.2,.8,.25,1) both seed-land-bounce}.pit.turn-side .seed{animation:2.6s ease-in-out infinite seed-sway}.turn-strip{justify-content:center;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.turn-text{font-family:var(--font-display);font-size:var(--text-md);color:#fbe9d0;white-space:nowrap;text-shadow:0 1px 2px #00000059;flex-direction:column;align-items:center;font-weight:700;line-height:1.2;display:flex}.status-line{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.captured-col{position:absolute;top:47%;transform:translate(-50%,-50%)}.captured-col.left{left:24%}.captured-col.right{left:76%}.captured-text{color:#f3dcb8;font-weight:700;font-size:var(--text-sm);white-space:nowrap;position:absolute;top:calc(57% + 8px);transform:translate(-50%)}.captured-text.left{left:24%}.captured-text.right{left:76%}.capture-pile{width:var(--capture-pile-width);height:var(--capture-pile-height);background:radial-gradient(at 50% 45%,#00000052,#0000 70%);border-radius:50%;display:inline-block;position:relative}.capture-pile-seed{aspect-ratio:33/29;filter:drop-shadow(0 1px 1px #0000004d);height:auto;position:absolute}.capture-burst{width:var(--capture-burst-width);height:var(--capture-burst-height);pointer-events:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.capture-burst-seed{width:var(--capture-burst-seed-size);aspect-ratio:33/29;opacity:0;height:auto;animation:.9s ease-out forwards capture-burst-rise;position:absolute;top:50%;left:50%}.pit-capture-burst{width:var(--pit-capture-burst-width);height:var(--pit-capture-burst-height);pointer-events:none;z-index:6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.capture-burst-seed:first-child{animation-delay:0s;transform:translate(-70%,-20%)rotate(-15deg)}.capture-burst-seed:nth-child(2){animation-delay:60ms;transform:translate(-10%,-60%)rotate(10deg)}.capture-burst-seed:nth-child(3){animation-delay:.12s;transform:translate(30%,-10%)rotate(-8deg)}.capture-burst-seed:nth-child(4){animation-delay:.18s;transform:translate(-30%,-45%)rotate(20deg)}@keyframes capture-burst-rise{0%{opacity:0;translate:0 12px}20%{opacity:1}75%{opacity:1;translate:0 -14px}to{opacity:0;translate:0 -22px}}.history-card{padding:var(--space-card)}.history-card h3{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:700}.history-empty{color:var(--muted);margin:.55rem 0 0}.history-list{color:#3f2919;gap:.24rem;max-height:clamp(150px,25vw,190px);margin:.55rem 0 0;padding-left:1.2rem;display:grid;overflow:auto}.how-to-play{padding:var(--space-card)}.how-to-play h3{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:700}.how-intro{color:var(--muted);font-size:var(--text-md);margin:.5rem 0 0;font-weight:500}.how-item{align-items:center;gap:clamp(.5rem,.35rem + .75vw,.7rem);margin-top:clamp(.9rem,.45rem + 1.8vw,1.5rem);display:flex}.how-icon{object-fit:cover;border-radius:50%;flex:none;width:clamp(56px,11vw,80px);height:clamp(56px,11vw,80px);display:block}.how-item h4{font-family:var(--font-display);font-size:var(--text-md);color:#3f2717;margin:0 0 .2rem;font-weight:700}.how-item p{color:#4a3120;font-size:var(--text-md);margin:0;font-weight:500;line-height:1.45}.end-note{color:var(--accent);margin:.9rem 0 0;font-weight:700}.site-footer{padding:clamp(.35rem, .2rem + .6vw, .5rem) var(--space-card) .25rem;text-align:center}.site-footer p{color:var(--muted);font-size:var(--text-xs);margin:0;font-weight:500}@keyframes seed-land-bounce{0%{transform:translate(-50%,-100%)scale(.8)}45%{transform:translate(-50%,-50%)scale(1.1)}68%{transform:translate(-50%,-40%)scale(.92)}84%{transform:translate(-50%,-50%)scale(1.03)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes seed-sway{0%{filter:brightness()}50%{filter:brightness(1.15)}to{filter:brightness()}}@media (width<=780px){.page{width:min(1200px,100% - 2rem)}.pit-cell{gap:.2rem;width:12.2%}.turn-strip{top:46.2%}.count-outside{font-size:clamp(.66rem,.58rem + .35vw,.74rem)}.turn-text{font-size:clamp(.78rem,.7rem + .45vw,.92rem)}.captured-col.left{left:23%}.captured-col.right{left:77%}.captured-text{font-size:clamp(.7rem,.62rem + .4vw,.82rem);top:calc(57% + 6px)}}@media (width<=560px){.page{width:calc(100% - 1rem)}.label{min-width:auto}.pit-cell{width:13.2%}.pit{min-width:44px;min-height:44px}.control-row{gap:.38rem}.chip,.reset{padding:clamp(.32rem,.26rem + .2vw,.38rem) clamp(.55rem,.45rem + .4vw,.68rem);font-size:clamp(.72rem,.66rem + .25vw,.84rem)}.count-outside{font-size:clamp(.62rem,.56rem + .18vw,.68rem)}.turn-strip{top:45.6%}.turn-text{font-size:clamp(.74rem,.66rem + .28vw,.84rem)}.captured-col.left{left:22%}.captured-col.right{left:78%}.captured-text{font-size:clamp(.66rem,.6rem + .2vw,.74rem);top:calc(57% + 4px)}.capture-pile{width:clamp(122px,35vw,170px);height:clamp(56px,13.5vw,76px)}}.header-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.4rem;display:flex}.header-top-right{flex:none;align-items:center;gap:.7rem;display:flex}.lang-toggle{flex:none;width:clamp(128px,22vw,154px);height:clamp(40px,7vw,48px);position:relative}.lang-toggle-bg{width:100%;height:100%;transition:transform .25s;position:absolute;inset:0}.lang-toggle.kn-active .lang-toggle-bg{transform:scaleX(-1)}.lang-btn{width:50%;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);color:#3f1f0f;cursor:pointer;background:0 0;border:none;position:absolute;top:0;bottom:0}.lang-btn.active{color:#f7f8f3}.lang-btn:first-of-type{left:0}.lang-btn:last-of-type{right:0}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--paper);text-align:center;background-size:cover;border:1px solid #6d4a2e40;border-radius:clamp(14px,2.2vw,20px);max-width:min(400px,100vw - 2rem);padding:clamp(1rem,.6rem + 1.8vw,2rem);animation:.3s ease-out modalSlideIn;box-shadow:0 28px 56px #3f200c59}.restart-modal{max-width:min(380px,100vw - 2rem)}.restart-desc{color:var(--muted);line-height:1.5;font-size:var(--text-md);margin:.6rem 0 0;font-weight:500}.restart-actions{justify-content:center;gap:.7rem;margin-top:1.4rem;display:flex}.restart-modal .outline-btn{border:1px solid var(--chip-border);color:#3f1f0f}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content h2{font-size:var(--text-xl);color:var(--text);font-weight:700;font-family:var(--font-display);margin:0 0 1.5rem}.restart-modal h2{margin-bottom:0}.winner-message{font-size:var(--text-lg);margin:1.5rem 0}.winner-text{color:var(--accent);margin:0;font-weight:700}.draw-text{color:var(--muted);margin:0;font-weight:700}.final-scores{background:#6f412214;border:1px solid #6f412233;border-radius:12px;margin:1.5rem 0;padding:1.2rem}.final-scores h3{font-size:var(--text-lg);font-weight:700;font-family:var(--font-display);color:var(--muted);margin:0 0 1rem}.score-row{font-size:var(--text-md);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.score-row strong{font-size:var(--text-lg);color:var(--accent)}.handicap-preview{text-align:left;background:#6f412214;border:1px solid #6f412233;border-radius:12px;margin:1.5rem 0;padding:1rem 1.2rem}.handicap-preview h3{font-size:var(--text-md);font-weight:700;font-family:var(--font-display);color:var(--muted);margin:0 0 .4rem}.handicap-hint{color:var(--muted);font-size:var(--text-xs);margin:0 0 .8rem;line-height:1.4}.handicap-row{font-size:var(--text-xs);color:var(--text);justify-content:space-between;gap:.6rem;padding:.3rem 0;display:flex}.handicap-row span:first-child{white-space:nowrap;font-weight:700}.modal-actions{justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.modal-actions .outline-btn{border:1px solid var(--chip-border);color:#3f1f0f}.modal-button{background:var(--accent);color:var(--chip-active-text);font-size:var(--text-sm);cursor:pointer;border:none;border-radius:999px;margin-top:1rem;padding:.7rem 1.4rem;font-weight:700;transition:all .3s}.modal-actions .modal-button{margin-top:0}.modal-button:hover{background:#563219;transform:translateY(-2px);box-shadow:0 8px 16px #6f41224d}.modal-button:active{transform:translateY(0)}@media (width<=780px){.header-top{flex-direction:column;align-items:stretch}.header-top-right{flex-wrap:wrap;align-self:flex-start}.modal-content{max-width:calc(100vw - 2rem);margin:1rem;padding:1.5rem}}@media (width<=640px){body{background-attachment:scroll}}@media (width<=390px){.pit-cell{width:14%}}