@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#283b32;--muted:#7f897c;--paper:#f2eee4;--wood:#805b3d;--wood2:#a47950;--gold:#d7b875;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Fraunces',Georgia,serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans)}body{background-image:radial-gradient(#6e694b10 .7px,transparent .7px);background-size:9px 9px}.app{max-width:1240px;margin:auto;padding:0 clamp(20px,6vw,86px);min-height:100vh;display:flex;flex-direction:column}.header{height:72px;border-bottom:1px solid #3445371c;display:flex;align-items:center;justify-content:space-between;flex:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:500 11px var(--mono);letter-spacing:.1em}.brand-icon{color:#8b9b6e;font-size:22px}.brand small{display:block;color:#8c9788;font-size:7px;letter-spacing:.14em;margin-top:4px}.header-right{display:flex;gap:28px;align-items:center}.heritage,.sound,.eyebrow,.rule-note>span,.gamebar small,.player-label,.direction,.board-caption,.rules,.footer,.text-button{font:500 8px var(--mono);letter-spacing:.1em}.heritage{color:#90998a}.sound{border:0;background:none;color:#6d7b6c;cursor:pointer;padding:9px}.sound span{font-size:8px;text-transform:uppercase}.welcome{width:100%;max-width:1020px;margin:auto;display:grid;grid-template-columns:1fr minmax(300px,420px);gap:clamp(35px,8vw,110px);align-items:center;padding:58px 0 72px}.eyebrow{color:#839080;font-size:8px;letter-spacing:.15em;margin:0}.welcome h1{font:500 clamp(52px,6vw,76px)/.92 var(--serif);letter-spacing:-.05em;margin:20px 0}.welcome h1 em{color:#839776;font-weight:500}.lead{color:#758175;max-width:330px;font-size:14px;line-height:1.7}.mode-panel{border-left:1px solid #34453720;padding-left:30px}.mode-card{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:17px 12px;border:0;border-bottom:1px solid #34453720;background:none;color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}.mode-card:hover{background:#ffffff70;transform:translateX(3px)}.mode-symbol{width:35px;height:35px;display:grid;place-items:center;border:1px solid #9da68b70;border-radius:50%;color:#87976f;font-size:20px;flex:none}.mode-card strong,.mode-card small{display:block}.mode-card strong{font:600 14px var(--sans)}.mode-card small{font:400 10px var(--sans);color:#849083;margin-top:4px}.mode-card .arrow{margin-left:auto;color:#879576;font-size:18px}.rule-note{padding:20px 12px 0}.rule-note>span{font-size:7px;color:#9a9e8d}.rule-note p{font:400 10px/1.6 var(--sans);color:#798579;margin:7px 0}.play{max-width:1000px;width:100%;margin:25px auto 30px;flex:1}.play[hidden],.welcome[hidden]{display:none}.gamebar{height:68px;display:flex;align-items:center;justify-content:space-between}.bar-left{display:flex;align-items:center;gap:12px}.back-btn{border:1px solid #42534425;background:#ffffff45;color:#4a5b4c;width:34px;height:34px;font-size:18px;cursor:pointer}.gamebar .eyebrow{font-size:7px;margin-bottom:5px}.gamebar .eyebrow b{color:#596d56;font-weight:500}.gamebar #turnText{font:600 15px var(--sans)}.scores{display:flex;gap:24px;margin-left:auto;margin-right:18px}.score{text-align:right;min-width:60px}.score small{display:block;font-size:7px;color:#7e897a}.score strong{font:500 21px var(--mono);display:block;margin-top:2px}.score span{font:400 8px var(--sans);color:#93998a}.sound.compact{font-size:16px}.board-wrap{max-width:950px;margin:auto}.board-frame{background:linear-gradient(135deg,#ad835a,#805a3c 45%,#a77a51);border:9px solid #684a35;border-radius:10px;padding:18px clamp(15px,4vw,45px) 16px;box-shadow:0 16px 28px #47352220,inset 0 1px #d5b185;position:relative}.board-frame:before{content:"";position:absolute;inset:4px;border:1px solid #d0aa7c66;border-radius:5px;pointer-events:none}.pit-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(5px,1.3vw,15px);position:relative;z-index:1}.top-row{margin-bottom:16px}.bottom-row{margin-top:16px}.pit{position:relative;border:0;aspect-ratio:1/.83;min-width:0;border-radius:50%;background:radial-gradient(ellipse at 50% 36%,#463328 0,#5b402d 56%,#79563b 72%,#b18961 100%);box-shadow:inset 0 5px 10px #24170e99,inset 0 -2px 3px #d0a57645,0 2px 1px #d5b18b;color:#f2dba9;cursor:pointer;transition:transform .17s,box-shadow .17s;display:flex;align-items:center;justify-content:center}.pit:hover:not(:disabled){transform:translateY(-3px);box-shadow:inset 0 5px 10px #24170e99,inset 0 -2px 3px #d0a57645,0 5px 4px #52382277}.pit:focus-visible{outline:3px solid #f1d992;outline-offset:3px}.pit:disabled{cursor:default}.pit.active-choice{box-shadow:inset 0 5px 10px #24170e99,inset 0 -2px 3px #d0a57645,0 0 0 2px #f0d592,0 0 17px #f7de9c66}.pit.inactive{opacity:.42}.pit .count{position:absolute;bottom:7px;right:8px;min-width:17px;height:17px;border-radius:10px;background:#2a241e9c;color:#f4e4c2;font:500 9px var(--mono);display:grid;place-items:center;padding:0 4px}.pit .seeds{width:68%;height:55%;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;pointer-events:none}.seed{width:clamp(9px,1vw,12px);height:clamp(8px,.82vw,10px);flex:none;border-radius:55% 55% 38% 38%;clip-path:polygon(50% 100%,4% 35%,2% 19%,12% 4%,26% 0,40% 8%,50% 18%,60% 8%,74% 0,88% 4%,98% 19%,96% 35%);background:repeating-conic-gradient(from -28deg at 50% 100%,#f5e4b8 0deg 9deg,#c7a46c 11deg 14deg,#ead5a1 16deg 22deg);box-shadow:0 1px 1px #1e170d88;filter:drop-shadow(0 1px 1px #23180e99);transform:rotate(var(--rot))}.pit.inactive .count{background:#30292070;color:#c2ac88}.pit.inactive .seeds{display:none}.player-label{display:flex;align-items:center;gap:7px;color:#f2dfbd;font-size:8px;position:relative;z-index:1}.player-label small{margin-left:auto;font-size:7px;color:#f3e0c088}.top-label{margin:0 0 11px}.bottom-label{margin:11px 0 0}.player-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.player-dot.p1{background:#c6d09a}.player-dot.p2{background:#e8c58d}.board-center{height:31px;display:flex;align-items:center;justify-content:center;gap:12px;color:#f0dfbd;font:500 9px var(--mono);letter-spacing:.04em;border-top:1px solid #ebd4b338;border-bottom:1px solid #ebd4b338;position:relative;z-index:1}.center-mark{color:#e6c98d;font-size:16px}.direction{position:absolute;right:0;color:#f3e0c088;font-size:7px}.board-caption{display:flex;justify-content:space-between;color:#92998a;font-size:7px;padding:12px 3px}.rules{margin:18px auto 0;max-width:850px;border-top:1px solid #394a381b;border-bottom:1px solid #394a381b;color:#718071;font-size:8px;letter-spacing:.04em}.rules summary{cursor:pointer;padding:12px 2px;list-style:none;display:flex;justify-content:space-between}.rules summary::-webkit-details-marker{display:none}.rules summary span{font-size:13px}.rules-body{max-width:760px;padding:0 0 10px;font:400 11px/1.65 var(--sans);color:#667568}.rules-body p{margin:6px 0}.rules-body i{font-style:normal}.footer{height:42px;border-top:1px solid #3445371c;color:#a0a696;display:flex;justify-content:space-between;align-items:center;font-size:7px;flex:none}.toast{position:fixed;left:50%;bottom:62px;transform:translate(-50%,10px);background:#314a3a;color:#f4edda;padding:10px 17px;font:500 10px var(--mono);letter-spacing:.05em;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.endveil{position:fixed;inset:0;background:#21332d87;display:grid;place-items:center;z-index:10;padding:20px}.endveil[hidden]{display:none}.endcard{background:var(--paper);max-width:370px;width:100%;padding:35px 33px 29px;text-align:center;box-shadow:0 18px 45px #16231d45}.endflower{font-size:26px;color:#8d9d72}.endcard h2{font:500 32px var(--serif);margin:12px 0}.endcard>p:not(.eyebrow){color:#7b877b;font:400 12px/1.6 var(--sans);margin:0 0 22px}.endcard button{width:100%;border:0;background:#455f49;color:#fff7e2;padding:13px;cursor:pointer;font:500 10px var(--mono);letter-spacing:.08em}.endcard .text-button{background:none;color:#788578;margin-top:8px}.mode-card:focus-visible,.sound:focus-visible,.back-btn:focus-visible,.endcard button:focus-visible{outline:2px solid #687f5d;outline-offset:3px}
@media(max-width:720px){.app{padding:0 16px}.heritage{display:none}.welcome{grid-template-columns:1fr;gap:30px;padding:40px 0}.welcome h1{font-size:58px;margin:15px 0}.mode-panel{border-left:0;border-top:1px solid #34453720;padding:18px 0 0}.gamebar{height:62px}.scores{gap:11px;margin-right:6px}.score{min-width:48px}.score strong{font-size:17px}.gamebar #turnText{font-size:13px}.sound.compact{padding:6px}.board-frame{padding:13px 10px 12px;border-width:6px}.pit-row{gap:5px}.top-row{margin-bottom:12px}.bottom-row{margin-top:12px}.pit .count{bottom:4px;right:4px;min-width:15px;height:15px;font-size:8px}.player-label{font-size:7px}.player-label small{font-size:6px}.board-center{height:26px;font-size:8px}.direction{font-size:6px}.board-caption{font-size:6px;gap:10px}.footer{font-size:6px}}@media(max-width:400px){.gamebar .eyebrow{font-size:6px}.gamebar #turnText{font-size:12px}.scores{gap:8px}.score small{font-size:6px}.board-caption span:last-child{max-width:120px;text-align:right}.direction{display:none}}

@media(max-width:720px){.seed{width:8px;height:7px}.seed:nth-child(n+7){display:none}}

.lesson-link{width:100%;display:flex;align-items:center;gap:12px;text-align:left;margin:12px 0 7px;padding:13px 12px;border:1px solid #a6ad9270;background:#e4e8d8;color:var(--ink);cursor:pointer}.lesson-link>span:first-child{font-size:21px;color:#8b9b6e}.lesson-link strong,.lesson-link small{display:block}.lesson-link strong{font:600 12px var(--sans)}.lesson-link small{font:400 9px var(--sans);color:#768374;margin-top:3px}.lesson-link b{margin-left:auto;color:#71865e;font-size:16px}.lesson-link:hover{background:#eaf0df}.walk-mini{border:1px solid #34453730;background:#ffffff36;color:#657464;font:500 8px var(--mono);padding:8px 9px;cursor:pointer}.walk-mini:hover{background:#fff9e8}.walkthrough{position:fixed;inset:0;z-index:20;background:#24352e9c;display:grid;place-items:center;padding:18px}.walkthrough[hidden]{display:none}.lesson-card{position:relative;background:var(--paper);width:min(460px,100%);padding:30px clamp(22px,6vw,42px) 21px;box-shadow:0 20px 60px #17231d60}.lesson-close{position:absolute;top:10px;right:13px;border:0;background:none;color:#758174;font-size:25px;cursor:pointer}.lesson-card>.eyebrow{display:flex;justify-content:space-between;gap:8px;color:#7d8979;font-size:7px}.lesson-card>.eyebrow span{color:#9a9e8d}.lesson-progress{height:3px;background:#dedfd2;margin:10px 0 17px}.lesson-progress span{display:block;width:16.7%;height:100%;background:#839775;transition:width .2s}.lesson-visual{height:115px;display:grid;place-items:center;background:#e6e8da;margin-bottom:17px}.lesson-board{background:linear-gradient(140deg,#a77b51,#78543a);padding:9px 12px;border:4px solid #684a35;border-radius:8px;box-shadow:inset 0 1px #d8b48d}.lesson-row{display:grid;grid-template-columns:repeat(7,24px);gap:5px}.lesson-pit{height:19px;border-radius:50%;background:#553b29;box-shadow:inset 0 3px 4px #24160f88;display:flex;align-items:center;justify-content:center;gap:1px;position:relative}.lesson-pit i{width:4px;height:5px;border-radius:50%;background:#e8d39e;box-shadow:0 1px 1px #322419}.lesson-pit.focus{outline:2px solid #fae7a8;outline-offset:1px}.lesson-pit.capture{background:#b89a59;box-shadow:0 0 8px #fff0b5}.lesson-arrows{height:20px;display:flex;justify-content:center;align-items:center;color:#f4e1b8;font:500 7px var(--mono);letter-spacing:.05em}.lesson-store{font:500 6px var(--mono);color:#f2dfbd;text-align:right;margin-top:3px}.lesson-card h2{font:500 26px/1.06 var(--serif);margin:0 0 10px;color:#314337}.lesson-copy{min-height:57px;margin:0;color:#69786b;font:400 12px/1.65 var(--sans)}.lesson-controls{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.lesson-controls button{padding:11px 13px;border:0;cursor:pointer;font:500 9px var(--mono)}.lesson-back{background:transparent;color:#738071}.lesson-back:disabled{opacity:.35;cursor:default}.lesson-next{background:#455f49;color:#fff7e2}.lesson-next:hover{background:#354d3b}.lesson-foot{text-align:center;color:#9ba194;font:400 8px var(--sans);margin:15px 0 0}.lesson-card button:focus-visible,.walk-mini:focus-visible,.lesson-link:focus-visible{outline:2px solid #687f5d;outline-offset:3px}
@media(max-width:720px){.walk-mini{font-size:7px;padding:7px 6px}.lesson-card{padding-top:27px}.lesson-visual{height:102px}.lesson-row{grid-template-columns:repeat(7,21px);gap:4px}.lesson-pit{height:17px}}

.lesson-pit.inactive{opacity:.28;background:#33281f}.lesson-card h2{padding-right:14px}

/* Resting pits and hand-sowing controls */
.pit.inactive{opacity:1;background:radial-gradient(ellipse at 50% 35%,#68513b,#392e25 76%);box-shadow:inset 0 5px 11px #21180fbb,inset 0 -1px 3px #ab8b6340;cursor:not-allowed}
.pit.inactive::after{content:"REST";position:absolute;inset:0;display:grid;place-items:center;color:#ead6aa;font:600 9px var(--mono);letter-spacing:.08em;text-shadow:0 1px 2px #21180f}
.pit.inactive .count{display:none}
.pit.drop-target{outline:3px solid #f1d992;outline-offset:2px;box-shadow:0 0 0 5px #f1d99230,0 0 18px #f6df9a88;cursor:pointer}
.hand-tray{display:flex;align-items:center;gap:13px;margin:13px auto 0;padding:10px 13px;width:max-content;max-width:100%;background:#e8e6d7;border:1px solid #d2d0bd;color:#445546}
.hand-tray[hidden]{display:none}
.hand-shells{display:flex;align-items:center;gap:3px;min-width:42px}
.hand-shells .seed{position:static;display:block;width:12px;height:10px;transform:rotate(-15deg)}
.hand-label small,.hand-label strong{display:block}
.hand-label small{font:500 7px var(--mono);letter-spacing:.06em;color:#879080}
.hand-label strong{font:500 11px var(--sans);margin-top:2px}
#dropOne{border:0;padding:9px 11px;background:#455f49;color:#fff7e2;font:500 9px var(--mono);cursor:pointer}
#dropOne:hover:not(:disabled){background:#354d3b}
#dropOne:disabled{opacity:.45;cursor:default}
#dropOne kbd{margin-left:5px;padding:2px 4px;border:1px solid #ffffff65;font:inherit;color:#e8e0c6}
.pit:focus-visible,#dropOne:focus-visible,#sowMode:focus-visible{outline:2px solid #78936d;outline-offset:3px}
.lesson-pit.inactive{opacity:1;position:relative}
.lesson-pit.inactive::after{content:"REST";color:#f5e6c5;font:600 5px var(--mono);letter-spacing:.02em}
@media(max-width:720px){.hand-tray{gap:8px;padding:8px}.hand-shells .seed{width:10px;height:8px}#dropOne{padding:8px;font-size:8px}.pit.inactive::after{font-size:8px}}


/* Larger, more readable type across the game */
.brand{font-size:13px}.brand small{font-size:9px}
.heritage,.sound,.eyebrow,.rule-note>span,.gamebar small,.player-label,.direction,.board-caption,.rules,.footer,.text-button{font-size:10px}
.sound span{font-size:10px}.welcome .eyebrow,.mode-panel>.eyebrow{font-size:10px}
.welcome h1{font-size:clamp(58px,7vw,86px)}.lead{font-size:16px;max-width:370px}
.mode-card strong{font-size:16px}.mode-card small{font-size:12px}.rule-note>span{font-size:9px}.rule-note p{font-size:12px}
.gamebar .eyebrow{font-size:9px}.gamebar #turnText{font-size:17px}.score small{font-size:9px}.score strong{font-size:24px}.score span{font-size:10px}
.walk-mini{font-size:11px;padding:9px 11px;white-space:nowrap}.sound.compact{font-size:19px}
.pit .count{font-size:11px;min-width:20px;height:20px}.player-label{font-size:10px}.player-label small{font-size:9px}.board-center{font-size:11px}.direction{font-size:9px}.board-caption{font-size:9px}
.rules{font-size:10px}.rules-body{font-size:13px;line-height:1.7}
.footer{font-size:9px}.toast{font-size:12px}.endcard h2{font-size:36px}.endcard>p:not(.eyebrow){font-size:14px}.endcard button{font-size:12px}
.lesson-card>.eyebrow{font-size:9px}.lesson-card h2{font-size:30px}.lesson-copy{font-size:14px;line-height:1.65}.lesson-foot{font-size:10px}.lesson-controls button{font-size:11px}.lesson-arrows{font-size:9px}.lesson-store{font-size:8px}
.lesson-link strong{font-size:14px}.lesson-link small{font-size:11px}
.hand-label small{font-size:9px}.hand-label strong{font-size:13px}#dropOne{font-size:11px}.pit.inactive::after{font-size:10px}
@media(max-width:720px){
  .header{height:66px}.brand{font-size:12px}.brand small{font-size:8px}
  .welcome h1{font-size:clamp(54px,12vw,70px)}.lead{font-size:15px}
  .gamebar{height:auto;min-height:62px;flex-wrap:wrap;gap:8px;padding:9px 0}.bar-left{flex:1 1 45%}.scores{gap:12px;margin:0 auto 0 46px}.score{min-width:48px}.score strong{font-size:20px}.gamebar .eyebrow{font-size:8px}.gamebar #turnText{font-size:15px}.walk-mini{font-size:10px;padding:8px}.sound.compact{font-size:18px}
  .pit .count{font-size:10px;min-width:18px;height:18px}.player-label{font-size:9px}.player-label small{font-size:8px}.board-center{font-size:9px}.direction{font-size:8px}.board-caption{font-size:8px}.rules-body{font-size:12px}
  .footer{font-size:8px}.lesson-card h2{font-size:27px}.lesson-copy{font-size:13px}.lesson-controls button{font-size:10px}
}
@media(max-width:400px){.walk-mini{font-size:9px;padding:7px 6px}.gamebar{gap:6px}.scores{margin-left:40px;gap:8px}.score small{font-size:8px}.board-caption{font-size:7px}}

@media(max-width:720px){.brand small{font-size:9px}.score small{font-size:9px}.player-label small{font-size:9px}.direction{font-size:9px}.board-caption{font-size:9px;flex-wrap:wrap;justify-content:center;gap:4px 16px}.footer{font-size:9px}.lesson-store{font-size:9px}}
@media(max-width:400px){.board-caption{font-size:9px}.board-caption span:last-child{max-width:none;text-align:left}}

.turn-status{display:flex;align-items:center;justify-content:center;gap:11px;width:max-content;max-width:100%;margin:4px auto 14px;padding:11px 26px;background:#314a3a;color:#fff2ce;border:2px solid #d7b875;box-shadow:0 5px 15px #314a3a2b;font:700 clamp(17px,2vw,22px)/1.1 var(--sans);letter-spacing:.04em;text-align:center}
.turn-lamp{width:10px;height:10px;flex:none;border-radius:50%;background:#ead398;box-shadow:0 0 0 4px #ead39830}
.pit.wrong-row{cursor:pointer}
.pit.wrong-row:hover:not(:disabled){transform:none;box-shadow:inset 0 5px 10px #24170e99,inset 0 -2px 3px #d0a57645,0 2px 1px #d5b18b}
.pit.capture-source{outline:4px solid #ffe487;outline-offset:2px;box-shadow:0 0 0 7px #ffe48755,0 0 24px #fff1a8;z-index:2}
.twin-banner{max-width:700px;margin:14px auto 8px;padding:14px 18px;background:linear-gradient(120deg,#f5e7bc,#e5d095);border:2px solid #ac8541;box-shadow:0 8px 22px #755b2630;text-align:center;color:#44381f;animation:twinReveal .24s ease-out}
.twin-banner[hidden]{display:none}
.twin-banner-title{font:700 21px/1.1 var(--serif);letter-spacing:.02em;color:#493918}
.twin-banner p{margin:5px 0 10px;font:500 12px/1.4 var(--sans);color:#6a5528}
.twin-caught-pits{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}
.twin-pit-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fffaf0;border:1px solid #b69757;box-shadow:inset 0 1px #fff}
.twin-pit-chip span{font:600 11px var(--sans);color:#5e573f}
.twin-pit-chip strong{font:700 11px var(--mono);color:#75581f;white-space:nowrap}
@keyframes twinReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.turn-status{margin:2px auto 11px;padding:10px 20px;font-size:18px}.twin-banner{padding:12px}.twin-banner-title{font-size:20px}.twin-banner p{font-size:12px}.twin-pit-chip{padding:8px 10px}.twin-pit-chip span,.twin-pit-chip strong{font-size:10px}.lesson-pit i{width:3px;height:4px}}
.lesson-pit.inactive::after{font-size:7px}
@media(max-width:720px){.lesson-pit.inactive::after{font-size:6px}}

.beginner-tips{max-width:850px;margin:22px auto 0;padding:18px 20px 20px;background:#e8e9dd;border:1px solid #d8d9cc}
.tips-heading{margin-bottom:12px}.tips-heading .eyebrow{font-size:9px;color:#8b9585;letter-spacing:.11em}.tips-heading h2{margin:4px 0 0;color:#35483b;font:500 25px/1.1 var(--serif)}
.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tip-card{display:flex;align-items:flex-start;gap:11px;padding:12px;background:#f3f1e8;border:1px solid #dedfd2}
.tip-card>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #a4ae94;border-radius:50%;color:#718264;font:500 9px var(--mono)}
.tip-card h3{margin:1px 0 4px;color:#405341;font:600 12px/1.25 var(--sans)}
.tip-card p{margin:0;color:#718071;font:400 11px/1.55 var(--sans)}
@media(max-width:720px){.beginner-tips{margin:16px 0 0;padding:15px}.tips-heading h2{font-size:22px}.tips-grid{grid-template-columns:1fr}.tip-card{padding:11px}.tip-card h3{font-size:12px}.tip-card p{font-size:11px}}

.rules{max-width:850px;margin:22px auto 0;border:0;letter-spacing:normal;color:var(--ink)}
.rules summary{min-height:68px;padding:12px 18px;background:#354d3b;color:#fff4d9;border:2px solid #b8a16a;box-shadow:0 5px 16px #314a3a25;align-items:center;transition:background .18s,box-shadow .18s}
.rules summary:hover{background:#2d4434;box-shadow:0 7px 19px #314a3a30}
.rules summary .rules-summary-text{display:flex;flex-direction:column;gap:4px}
.rules summary .rules-summary-text strong{font:700 16px/1.2 var(--sans);letter-spacing:.02em}
.rules summary .rules-summary-text small{font:400 11px/1.3 var(--sans);letter-spacing:normal;color:#e1e4d6}
.rules summary .rules-summary-action{display:flex;align-items:center;gap:12px;color:#fff4d9}
.rules summary .rules-summary-action .rules-open-label,.rules summary .rules-summary-action .rules-close-label{font:600 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.rules summary .rules-summary-action .rules-close-label{display:none}
.rules summary .rules-summary-action b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #fff4d966;border-radius:50%;font:400 20px/1 var(--sans)}
.rules[open] summary{background:#293f31;border-color:#839574}
.rules[open] summary .rules-open-label{display:none}
.rules[open] summary .rules-close-label{display:inline}
.rules[open] summary .rules-summary-action b{transform:rotate(45deg)}
.rules .rules-body{max-width:none;padding:12px 18px 15px;background:#f8f5ec;border:1px solid #d6d5c7;border-top:0;font-size:13px;line-height:1.7}
@media(max-width:720px){.rules{margin-top:17px}.rules summary{min-height:64px;padding:11px 13px}.rules summary .rules-summary-text strong{font-size:15px}.rules summary .rules-summary-text small{font-size:10px}.rules summary .rules-summary-action{gap:7px}.rules summary .rules-summary-action .rules-open-label,.rules summary .rules-summary-action .rules-close-label{font-size:9px}.rules .rules-body{font-size:12px;padding:10px 13px 13px}}
@media(max-width:400px){.rules summary .rules-summary-action .rules-open-label,.rules summary .rules-summary-action .rules-close-label{max-width:70px;line-height:1.2;text-align:right}}

.variant-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 19px}.variant-card{position:relative;min-height:65px;text-align:left;padding:10px 8px;border:1px solid #34453728;background:#ffffff38;color:var(--ink);cursor:pointer}.variant-card.selected{border-color:#71865e;background:#e6eadb;box-shadow:inset 0 0 0 1px #71865e55}.variant-card strong,.variant-card small{display:block}.variant-card strong{font:600 11px var(--sans)}.variant-card small{font:400 9px/1.35 var(--sans);color:#849083;margin-top:4px}.variant-check{position:absolute;right:6px;top:5px;font:600 10px var(--sans);color:#61794f;opacity:0}.variant-card.selected .variant-check{opacity:1}.mode-heading{margin:0 0 8px}.variant-card:focus-visible{outline:2px solid #687f5d;outline-offset:2px}
@media(max-width:720px){.variant-picker{gap:5px}.variant-card{padding:8px 6px;min-height:61px}.variant-card strong{font-size:10px}.variant-card small{font-size:8px}}