@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)}*{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{grid-template-columns:minmax(0,1fr);gap:1.4rem;width:calc(100% - 240px);margin:1.1rem 120px 1.4rem;display:grid}.header-card{padding:16px}.eyebrow{color:#b4502f;letter-spacing:.02em;margin:0;font-size:.85rem;font-weight:700}h1{font-family:var(--font-display);margin:.1rem 0 0;font-size:54px;font-weight:800}.subtitle{color:var(--muted);margin-top:.25rem;font-size:16px;font-weight:500}.controls{gap:.7rem;margin-top:.8rem;display:grid}.control-row{flex-wrap:wrap;align-items:center;gap:.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:140px;accent-color:var(--accent);cursor:pointer}.timeout-slider-value{font-weight:700;font-family:var(--font-display);color:var(--muted);white-space:nowrap;font-size:.85rem}.label{min-width:5.4rem;font-weight:700;font-family:var(--font-display);color:var(--muted)}.chip,.reset{border:1px solid var(--chip-border);background:var(--chip);color:#3f1f0f;font-weight:700;font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:.42rem .82rem;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);cursor:pointer;border-radius:999px;padding:.55rem 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:16px}.board{aspect-ratio:1200/697;background-image:url(/assets/board.svg);background-repeat:no-repeat;background-size:100% 100%;border-radius: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:2rem;display:flex;position:absolute;inset:0}.start-overlay h2{font-family:var(--font-display);color:#fbe9d0;margin:0;font-size:32px;font-weight:700}.start-overlay p{color:#e7cba4;margin:.5rem 0 1.2rem;font-size:16px;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{color:#fbe9d0;text-shadow:0 1px 2px #0006;white-space:nowrap;font-size:.85rem;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:1.4rem}.round-badge{color:#fbe9d0;font-family:var(--font-display);letter-spacing:.03em;z-index:2;background:#6f4122bf;border-radius:999px;padding:.25rem .85rem;font-size:.8rem;font-weight:700;position:absolute;top:4%;left:50%;transform:translate(-50%)}.timeout-badge{color:#fbe9d0;font-family:var(--font-display);letter-spacing:.03em;z-index:2;background:#6f4122bf;border-radius:999px;padding:.25rem .85rem;font-size:.8rem;font-weight:700;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: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);color:#fbe9d0;white-space:nowrap;text-shadow:0 1px 2px #00000059;flex-direction:column;align-items:center;font-size:1.05rem;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;white-space:nowrap;font-size:.9rem;font-weight:700;position:absolute;top:calc(57% + 8px);transform:translate(-50%)}.captured-text.left{left:24%}.captured-text.right{left:76%}.capture-pile{background:radial-gradient(at 50% 45%,#00000052,#0000 70%);border-radius:50%;width:230px;height:100px;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{pointer-events:none;width:70px;height:50px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.capture-burst-seed{aspect-ratio:33/29;opacity:0;width:22px;height:auto;animation:.9s ease-out forwards capture-burst-rise;position:absolute;top:50%;left:50%}.pit-capture-burst{pointer-events:none;z-index:6;width:60px;height:44px;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:16px}.history-card h3{font-family:var(--font-display);margin:0;font-size:24px;font-weight:700}.history-empty{color:var(--muted);margin:.55rem 0 0}.history-list{color:#3f2919;gap:.24rem;max-height:190px;margin:.55rem 0 0;padding-left:1.2rem;display:grid;overflow:auto}.how-to-play{padding:16px}.how-to-play h3{font-family:var(--font-display);margin:0;font-size:24px;font-weight:700}.how-intro{color:var(--muted);margin:.5rem 0 0;font-size:16px;font-weight:500}.how-item{align-items:center;gap:.7rem;margin-top:24px;display:flex}.how-icon{object-fit:cover;border-radius:50%;flex:none;width:80px;height:80px;display:block}.how-item h4{font-family:var(--font-display);color:#3f2717;margin:0 0 .2rem;font-size:16px;font-weight:700}.how-item p{color:#4a3120;margin:0;font-size:16px;font-weight:500;line-height:1.45}.end-note{color:var(--accent);margin:.9rem 0 0;font-weight:700}.site-footer{text-align:center;padding:8px 16px 4px}.site-footer p{color:var(--muted);margin:0;font-size:.85rem;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:calc(100% - 3rem);margin:1.1rem auto 1.4rem}.pit-cell{gap:.2rem}.count-outside{font-size:.72rem}.turn-text{font-size:.92rem}.captured-text{font-size:.8rem}}@media (width<=560px){.page{width:calc(100% - 1.5rem);margin:1.1rem auto 1.4rem}.label{min-width:auto}.control-row{gap:.38rem}.chip,.reset{padding:.36rem .65rem;font-size:.82rem}.count-outside{font-size:.66rem}.turn-text{font-size:.82rem}.captured-text{font-size:.72rem}}.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:154px;height: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);color:#3f1f0f;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700;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:20px;max-width:400px;padding:2rem;animation:.3s ease-out modalSlideIn;box-shadow:0 28px 56px #3f200c59}.restart-modal{max-width:380px}.restart-desc{color:var(--muted);margin:.6rem 0 0;font-size:16px;font-weight:500;line-height:1.5}.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{color:var(--text);font-size:32px;font-weight:700;font-family:var(--font-display);margin:0 0 1.5rem}.restart-modal h2{margin-bottom:0}.winner-message{margin:1.5rem 0;font-size:1.4rem}.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:24px;font-weight:700;font-family:var(--font-display);color:var(--muted);margin:0 0 1rem}.score-row{justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1rem;display:flex}.score-row strong{color:var(--accent);font-size:1.3rem}.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:18px;font-weight:700;font-family:var(--font-display);color:var(--muted);margin:0 0 .4rem}.handicap-hint{color:var(--muted);margin:0 0 .8rem;font-size:.85rem;line-height:1.4}.handicap-row{color:var(--text);justify-content:space-between;gap:.6rem;padding:.3rem 0;font-size:.85rem;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);cursor:pointer;border:none;border-radius:999px;margin-top:1rem;padding:.7rem 1.4rem;font-size:1rem;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}}