:root{--bg:#f3efe5;--paper:#fbf8f0;--forest:#203c30;--ink:#263b30;--muted:#74786a;--line:#d9d6c7;--gold:#b48c42;--rust:#a45c3d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--rust);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1240px;margin:auto;padding:0 38px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.gold{color:var(--gold)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{font-size:13px;display:flex;gap:16px;align-items:center}.breadcrumb a{color:var(--muted)}.status{font-size:10px;letter-spacing:.12em;color:var(--muted)}.status:before{content:'';display:inline-block;background:#72946b;width:6px;height:6px;border-radius:50%;margin-right:7px}.page-head{display:flex;justify-content:space-between;align-items:end;padding:40px 0 26px}.page-head h1{font:clamp(38px,5vw,60px)/1.1 Georgia,serif;letter-spacing:-2px;margin:10px 0}.page-head p{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0}.text-link{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:5px}.play-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:30px;align-items:start}.board-panel{background:var(--forest);border-radius:8px;padding:24px 26px 16px;color:#f2ead6;box-shadow:0 14px 40px #24392d12}.board-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em}.board-wrap{position:relative;aspect-ratio:1;width:100%;margin:13px auto 0;max-width:620px}.board-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board-lines line{stroke:#b9ac7d;stroke-width:1.3;opacity:.64}.board-lines circle{fill:#b9ac7d}.point{position:absolute;width:12%;height:12%;padding:0;border:0;border-radius:50%;background:none;transform:translate(-50%,-50%);display:grid;place-items:center}.point svg{width:92%;height:92%;filter:drop-shadow(0 3px 2px #0004);pointer-events:none}.point:after{content:'';position:absolute;width:17%;height:17%;border-radius:50%;background:transparent}.point.target:after{background:#e7c76d;box-shadow:0 0 0 6px #e7c76d25}.point.target:hover:after{box-shadow:0 0 0 12px #e7c76d30}.point.selected{box-shadow:0 0 0 2px #ecd180}.point:hover{background:#fff1}.point:focus-visible{outline-color:#e7c76d;outline-offset:0}.board-foot{display:flex;justify-content:space-between;font-size:11px;color:#cbcbb3;padding:6px 0 4px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:27px}.panel h2{font:28px Georgia;margin:0 0 8px}.subtle{font-size:13px;color:var(--muted);line-height:1.65}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#ebe8dc;border-radius:6px;margin:22px 0}.segmented button{padding:12px 6px;border:0;border-radius:4px;background:none;color:var(--muted);font-size:13px}.segmented button.chosen{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0001}.field{margin:23px 0}.field label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:12px}.field select{width:100%;padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px}input[type=range]{width:100%;accent-color:var(--forest)}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:5px}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;border:0;border-radius:4px;background:var(--forest);color:#fff7e8;font-size:13px}.secondary-button{padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font-size:12px}.fineprint{font-size:10px;line-height:1.6;color:var(--muted)}.notice{padding:13px 17px;border:1px solid #d1ac7a;background:#faf0d9;font-size:13px;line-height:1.5;border-radius:5px;margin-bottom:20px}.underboard{display:flex;justify-content:space-between;align-items:center;padding:20px 2px;font-size:12px;color:var(--muted)}.piece-key{display:flex;align-items:center;gap:7px}.piece-key svg{width:27px;height:27px}.player-row{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.player-row svg{width:44px;height:44px}.player-row strong{font-family:Georgia;font-size:19px;font-weight:400}.player-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.turn-badge{margin-left:auto;font-size:9px;letter-spacing:.1em;padding:6px 8px;background:#ebe7d9;border-radius:3px}.turn-badge.active{color:#f9f3e5;background:var(--forest)}.score-row{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;gap:15px}.score{background:#eeeade;border-radius:4px;padding:14px}.score b{display:block;font:28px Georgia;margin-bottom:5px}.score span{font-size:10px;color:var(--muted)}.game-state{font:20px/1.4 Georgia;margin:20px 0 10px}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.invite-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.invite-panel label{font-size:11px;display:block;margin-bottom:7px}.invite-line{display:flex;gap:7px;margin-bottom:15px}.invite-line input{width:100%;min-width:0;background:#eeeade;border:1px solid var(--line);font-size:11px;padding:9px;border-radius:4px;color:var(--muted)}.invite-line button{white-space:nowrap}.lesson-strip{margin:25px 0 40px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.lesson-strip h3{font:18px Georgia;margin:10px 0}.lesson-strip p{font-size:12px;line-height:1.7;color:var(--muted)}.footer{padding:24px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.rules{max-width:850px;margin:0 auto}.rules h2{font:30px Georgia;margin-top:40px}.rules p,.rules li{font-size:15px;line-height:1.8;color:#536052}.rules-diagrams{display:grid;grid-template-columns:1fr 1fr;gap:20px}.diagram{padding:22px;background:var(--forest);border-radius:7px;color:var(--paper)}.diagram svg{width:100%;height:180px}.diagram p{color:#ddd9c6;font-size:12px}.rules a{border-bottom:1px solid var(--gold)}@media(max-width:850px){.shell{padding:0 20px}.play-layout{grid-template-columns:1fr}.board-panel{padding:20px 18px 12px}.page-head{padding-top:28px}.panel{padding:22px}.lesson-strip{gap:20px}.status{font-size:9px}}@media(max-width:480px){.page-head{align-items:start;gap:12px}.page-head h1{font-size:42px}.page-head .text-link{font-size:11px;white-space:nowrap;margin-top:16px}.lesson-strip{grid-template-columns:1fr;gap:5px}.rules-diagrams{grid-template-columns:1fr}.footer{gap:15px}.breadcrumb{gap:10px}.board-caption{font-size:9px}}