@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#202522;font-synthesis:none;text-rendering:optimizelegibility;--ink:#202522;--muted:#707873;--line:#dedfd7;--paper:#fffefa;--green:#246b50;--green-soft:#e9f2ec;--red:#a44337;--red-soft:#f7ebe6;--mono:"DM Mono",monospace;--display:"Manrope",sans-serif;background:#f4f3ee;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #3a8966}.shell{max-width:1440px;margin:0 auto;padding:0 46px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:var(--ink);font-family:var(--display);letter-spacing:.02em;align-items:center;gap:10px;font-size:18px;text-decoration:none;display:flex}.brand b{font-weight:800}.brand-mark{background:var(--green);color:#fff;border-radius:7px;place-items:center;width:32px;height:32px;font-size:19px;font-weight:800;display:grid}.header-tools{align-items:center;gap:14px;display:flex}.difficulty{color:var(--muted);font-size:16px}.difficulty select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;margin-left:7px;padding:7px 30px 7px 10px}.quiet-button,.return-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;padding:8px 12px}.quiet-button:hover,.return-button:hover{background:#eaeae2}.layout{grid-template-columns:minmax(0,1fr) 310px;gap:38px;padding:34px 0 50px;display:grid}.main-column{min-width:0}.intro-row{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.eyebrow{font:500 12px var(--mono);letter-spacing:.11em;color:#7d847d;margin:0 0 8px}.intro-row h1{font:700 clamp(27px,3vw,36px) var(--display);letter-spacing:-.045em;margin:0}.turn-indicator{font:500 12px var(--mono);letter-spacing:.08em;color:var(--green);align-items:center;gap:8px;margin-bottom:5px;display:flex}.turn-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.board{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.players{border-bottom:1px solid var(--line);background:#fbfaf6;grid-template-columns:1fr 36px 1fr;align-items:center;padding:17px 20px;display:grid}.player-heading{letter-spacing:.045em;align-items:center;gap:9px;font-size:14px;display:flex}.player-token{width:27px;height:27px;font:500 13px var(--mono);color:#606961;border:1px solid #c9cec7;border-radius:50%;place-items:center;display:grid}.player-card.active .player-token{background:var(--green);border-color:var(--green);color:#fff}.active-label{font:500 10px var(--mono);letter-spacing:.08em;color:var(--green);margin-left:auto}.player-stats{color:var(--muted);flex-wrap:wrap;gap:14px;margin:8px 0 0 36px;font-size:14px;display:flex}.player-stats b{color:var(--ink);margin-left:4px;font-weight:600}.versus{text-align:center;color:#a4aaa4;font:11px var(--mono)}.position-label{font:500 11px var(--mono);letter-spacing:.11em;color:#7d847d}.position-center h2{font:700 27px var(--display);letter-spacing:-.03em;margin:7px 0 13px}.position-center h2 span{letter-spacing:0;color:#737b75;font:500 17px DM Sans,sans-serif}.state-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{text-transform:capitalize;color:#515a53;background:#fff;border:1px solid #dfe2db;border-radius:5px;padding:6px 10px;font-size:14px}.tag.alert{color:#87392f;background:var(--red-soft);border-color:#ead0c9}.threat{color:#573f36;background:#fbf2ec;border:1px solid #eedbd0;border-radius:7px;align-items:flex-start;gap:12px;margin-top:19px;padding:12px 14px;display:flex}.threat>span{font:500 13px var(--mono);color:#984938;border:1px solid #b06b50;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;display:grid}.threat b{font-size:15px}.threat p{margin:3px 0 0;font-size:15px;line-height:1.45}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-heading .eyebrow{margin-bottom:4px}.section-heading h2,.panel h2{font:700 22px var(--display);letter-spacing:-.025em;margin:0}.key-hint{color:#8a918b;font-size:13px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.action-button{text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:77px;padding:12px 13px;transition:border-color .12s,background .12s;display:flex}.action-button:hover:not(:disabled){background:#f9fcf8;border-color:#78a28c}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-key{font:500 12px var(--mono);color:#748078;border:1px solid #dfe1db;border-radius:4px;flex:none;align-self:flex-start;place-items:center;width:24px;height:24px;display:grid}.action-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.action-copy b{font-size:18px;line-height:1.2}.action-copy small{color:#737b75;font-size:14px;line-height:1.3}.energy-cost{font:11px var(--mono);color:#7e867f;white-space:nowrap;align-self:flex-start}.learning-row{margin-top:17px}.coach-card{background:#f0f5ef;border:1px solid #dce5dc;border-radius:8px;padding:12px 15px}.coach-head{color:#496552;font:500 11px var(--mono);letter-spacing:.08em;align-items:center;gap:8px;display:flex}.coach-icon{letter-spacing:0;border:1px solid #86a18b;border-radius:50%;place-items:center;width:18px;height:18px;font:600 12px Georgia;display:grid}.coach-card p{color:#3f5145;margin:9px 0 2px;font-size:15px;line-height:1.5}.toggle{letter-spacing:0;color:#58685d;cursor:pointer;align-items:center;gap:7px;margin-left:auto;font:14px DM Sans,sans-serif;display:flex}.toggle input{opacity:0;position:absolute}.toggle>span:first-of-type{background:#b3bbb3;border-radius:10px;width:31px;height:18px;transition:background .15s;position:relative}.toggle>span:first-of-type:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translate(13px)}.toggle input:focus-visible+span{outline-offset:2px;outline:3px solid #3a8966}.side-column{flex-direction:column;gap:15px;padding-top:49px;display:flex}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:17px 18px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title .eyebrow{margin-bottom:4px}.panel h2{font-size:19px}.score-badge,.move-count{font:11px var(--mono);color:#737b75;border:1px solid var(--line);border-radius:4px;padding:5px 7px}.score-line{justify-content:space-between;align-items:center;padding:6px 0;font-size:16px;display:flex}.score-line b{font:500 18px var(--mono)}.divider{background:var(--line);height:1px;margin:9px 0}.awareness{justify-content:space-between;align-items:center;font-size:15px;display:flex}.awareness b{font:500 17px var(--mono);color:var(--green)}.awareness small{color:var(--muted);font:12px DM Sans,sans-serif}.panel-footnote{color:#818981;margin:10px 0 0;font-size:13px;line-height:1.4}.history-panel{padding-bottom:14px}.empty-history{color:#7b837c;margin:0;font-size:14px;line-height:1.45}.history-list{margin:0;padding:0;list-style:none}.history-list li+li{border-top:1px solid #eeeee8}.history-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:6px;width:100%;padding:9px 2px;font-size:14px;line-height:1.25;display:flex}.history-item:hover,.history-item.selected{background:#f0f4ef}.history-item span{font:11px var(--mono);color:#828a83;margin-right:3px}.history-item b{white-space:nowrap;font-weight:600}.return-button{width:100%;margin-top:10px;font-size:13px}.analysis-panel{padding:0;overflow:hidden}.analysis-toggle{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;display:flex}.analysis-toggle .eyebrow{margin-bottom:5px}.analysis-toggle b{font:700 18px var(--display)}.chevron{font:22px var(--mono);color:#747d76}.tree{border-top:1px solid var(--line);padding:14px 18px 17px;font-size:14px;line-height:1.5}.tree>b{font-weight:600}.tree-branch{border-left:1px solid #aebbb0;flex-direction:column;gap:5px;margin:8px 0 0 5px;padding-left:13px;display:flex}.tree-leaf{color:#626c64;border-left:1px solid #d7ddd6;margin-left:5px;padding:2px 0 3px 11px}.tree-leaf.warning{color:#93493b}.phase-note{font:11px var(--mono);color:#8b928c;letter-spacing:.07em;margin:2px 0}.phase-note span{padding:0 4px}.end-state{background:var(--paper);border:1px solid #e8d6cf;border-radius:9px;padding:20px}.end-state h3{font:700 20px var(--display);margin:0 0 6px}.end-state p,.history-note{color:var(--muted);font-size:15px;line-height:1.4}.action-button.primary{background:var(--green);color:#fff;min-height:45px;margin-top:9px}footer{border-top:1px solid var(--line);color:#898f89;font:11px var(--mono);letter-spacing:.06em;justify-content:space-between;padding:17px 0 24px;display:flex}footer span+span{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:13px}@media (width<=1000px){.shell{padding:0 26px}.layout{grid-template-columns:minmax(0,1fr) 275px;gap:22px}.player-stats{gap:8px;font-size:13px}.action-button{gap:9px;padding:11px}.action-copy small{font-size:13px}.energy-cost{font-size:10px}}@media (width<=760px){.shell{padding:0 18px}.layout{grid-template-columns:1fr;gap:20px;padding-top:26px}.side-column{grid-template-columns:1fr 1fr;align-items:start;padding-top:0;display:grid}.phase-note{grid-column:1/-1}.intro-row{align-items:flex-start;gap:10px}.intro-row h1{font-size:29px}.turn-indicator{white-space:nowrap;margin-top:9px;font-size:10px}.players{grid-template-columns:1fr 22px 1fr;padding:14px 12px}.player-heading{gap:6px;font-size:12px}.player-token{width:23px;height:23px}.player-stats{gap:3px;margin-left:29px;display:grid}.position-center{padding:20px}.position-center h2{font-size:24px}.action-grid{grid-template-columns:1fr}.action-button{min-height:72px}.action-copy b{font-size:19px}.action-copy small{font-size:14px}.key-hint{font-size:12px}.side-column .analysis-panel{grid-column:1/-1}}@media (width<=480px){:root{font-size:17px}.shell{padding:0 13px}.topbar{height:65px}.brand{font-size:16px}.header-tools{gap:6px}.difficulty{font-size:14px}.difficulty select{max-width:122px;margin-left:2px;padding:6px 21px 6px 6px}.quiet-button{padding:7px;font-size:14px}.intro-row{display:block}.turn-indicator{margin-top:12px}.players{grid-template-columns:1fr 14px 1fr;padding:12px 8px}.player-heading{letter-spacing:0;font-size:10px}.active-label{font-size:8px}.player-stats{margin-top:7px;margin-left:0;font-size:12px}.position-center{padding:18px 13px}.position-center h2{font-size:21px}.position-center h2 span{font-size:14px}.tag{padding:5px 7px;font-size:13px}.section-heading h2{font-size:20px}.key-hint{text-align:right;max-width:95px}.side-column{grid-template-columns:1fr}.side-column .analysis-panel,.phase-note{grid-column:auto}.panel{padding:15px}.coach-card p{font-size:14px}footer span+span{font-size:12px}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:65px;padding:8px 0}.header-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px;width:100%;display:grid}.difficulty{flex-direction:column;gap:2px;display:flex}.difficulty select{width:100%;max-width:none;margin-left:0;padding:5px 4px;font-size:13px}.quiet-button{white-space:nowrap;align-self:end}}.analysis-caption{color:var(--muted);margin:0 0 10px;font-size:14px}.analysis-line{border-top:1px solid #eeeee8;padding:10px 0;font-size:15px}.analysis-line>b{font-weight:600}.analysis-empty{color:var(--muted);margin:0;font-size:14px}.action-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.action-tag{letter-spacing:0;border:1px solid var(--line);color:#465048;background:#f3f4ef;border-radius:4px;align-self:center;padding:3px 7px;font:500 18px/1.3 DM Sans,sans-serif;display:inline-flex}.action-tag.offense{color:#78432b;background:#f8ede6;border-color:#e3c8b6}.action-tag.defense{background:var(--green-soft);color:#23583f;border-color:#bfd5c7}.action-copy b{font-size:20px}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:76px;padding:12px 0}.header-tools{flex-wrap:wrap}.last-opponent-action{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.last-opponent-label{color:#515a53;margin:0 0 8px;font-size:18px;font-weight:500}.last-opponent-action h3{font:700 22px/1.3 var(--display);overflow-wrap:anywhere;margin:0 0 10px}.last-opponent-empty{color:#515a53;margin:0;font-size:18px}.control-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.control-group{border:1px solid var(--line);border-radius:6px;min-width:0;padding:12px}.control-group h3{margin:0 0 10px;font-size:18px;font-weight:600}.control-group .tag{overflow-wrap:anywhere;border-radius:4px;padding:3px 7px;font:500 18px/1.3 DM Sans,sans-serif}.control-group.player h3{color:#23583f}.control-group.player .tag{color:#23583f;background:#e5f1e9;border-color:#aacbb8}.control-group.opponent h3{color:#78432b}.control-group.opponent .tag{color:#78432b;background:#f8ede6;border-color:#dbb79f}@media (width<=480px){.control-groups{grid-template-columns:1fr}}:root{font-size:18px}.position-layout{min-width:0}.position-layout.with-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.position-visual{min-width:0;padding:22px 0 22px 22px}.position-image-button{border:1px solid var(--line);cursor:zoom-in;background:#f0efeb;border-radius:6px;width:100%;padding:0;display:block}.position-image-button img,.position-image-dialog img{object-fit:contain;width:100%;height:auto;display:block}.position-perspective{font-size:18px}.grappler-legend{flex-wrap:wrap;gap:10px 18px;margin-top:12px;font-size:18px;display:flex}.grappler-legend>span{align-items:center;gap:8px;display:flex}.grappler-swatch{border:1px solid #333;border-radius:3px;width:18px;height:18px;display:inline-block}.grappler-swatch.blue{background:#075ce5}.grappler-swatch.black{background:#17191c}.position-layout.with-image .control-groups{grid-template-columns:1fr}.position-image-dialog{border:1px solid var(--line);background:#fff;border-radius:8px;width:94vw;max-width:min(1100px,94vw);max-height:90dvh;padding:20px;overflow:auto}.position-image-dialog::backdrop{background:#0009}.position-image-dialog img{max-height:68dvh}.position-image-dialog button{cursor:pointer;min-height:44px;padding:8px 16px;font-size:18px}.action-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.action-filters button{font:inherit;color:#26352d;cursor:pointer;background:#fff;border:1px solid #747d75;border-radius:5px;min-height:44px;padding:8px 16px}.action-filters button[aria-pressed=true]{color:#fff;background:#263c30;border-color:#263c30}.position-debug{overflow-wrap:anywhere;border:1px dashed #747d75;margin:24px 0;padding:20px;font-size:18px}.position-debug dd{margin:4px 0 18px}.position-debug code{white-space:normal}.player-stats,.action-copy small,.coach-card p,.history-item,.empty-history,.analysis-caption,.analysis-line,.analysis-empty,.difficulty,.quiet-button,.history-note{font-size:18px}.players{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.player-stats{flex-wrap:wrap}.player-card{min-width:0}@media (width<=760px){.position-layout.with-image{grid-template-columns:1fr}.position-visual{padding:14px}.position-image-button img{max-height:200px}}@media (width<=600px){.players{grid-template-columns:1fr;gap:14px}.versus{display:none}.player-heading{font-size:18px}.player-stats{margin-left:0}.action-copy b{font-size:20px}.header-tools{display:flex}.difficulty select{font-size:18px}.position-center{padding:18px}.side-column{grid-template-columns:1fr}}.control-group.player{background:#f0f5ff;border-color:#9db9e6}.control-group.player h3,.control-group.player .tag{color:#164685}.control-group.player .tag{background:#e4edff;border-color:#9db9e6}.control-group.opponent{background:#f5f5f6;border-color:#adb1b8}.control-group.opponent h3,.control-group.opponent .tag{color:#17191c}.control-group.opponent .tag{background:#e9eaec;border-color:#adb1b8}.legend-controls{margin-top:16px}.legend-controls h3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.position-layout.with-image .legend-controls{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=480px){.position-layout.with-image .legend-controls{grid-template-columns:1fr}}.player-card.you .player-heading>b{color:#0755bf}.player-card.opponent .player-heading>b{color:#17191c}.player-card.you .player-token{color:#fff;background:#0755bf;border-color:#0755bf}.player-card.opponent .player-token{color:#fff;background:#17191c;border-color:#17191c}.topbar{min-height:64px;padding:8px 0}.layout{padding-top:16px}.intro-row{margin-bottom:12px}.intro-row h1{font-size:28px}.players{padding-top:12px;padding-bottom:12px}.position-visual{padding:14px 0 14px 14px}.position-image-button img{max-height:220px}.position-center{padding:14px 18px}.position-center h2{margin:4px 0 8px}.position-perspective{margin:8px 0}.last-opponent-action{margin-top:12px;padding-top:10px}.last-opponent-label{margin-bottom:5px}.last-opponent-action h3{margin-bottom:6px}.actions-section{margin-top:18px}.section-heading{margin-bottom:10px}.shortcut-hint{vertical-align:middle;white-space:nowrap;margin-left:8px;display:inline-block}.shortcut-hint kbd{font:500 14px/1.4 var(--mono);letter-spacing:0;color:#515a53;background:#eeefe9;border:1px solid #c8cdc5;border-bottom-width:2px;border-radius:4px;padding:2px 6px}.side-column{padding-top:44px}@media (width<=760px){.side-column{padding-top:0}.position-visual{padding:12px}.position-image-button img{max-height:180px}}.layout{grid-template-columns:minmax(0,1fr)}.intro-row{justify-content:flex-end}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.action-grid{grid-template-columns:minmax(0,1fr)}}.site-information{padding-bottom:20px;font-size:18px;line-height:1.6}.site-information section{border-top:1px solid var(--line);padding:22px 0;scroll-margin-top:16px}.site-information h1{font:700 26px/1.3 var(--display);margin:0 0 12px}.site-information h2{font:700 21px/1.4 var(--display);margin:18px 0 8px}.site-information p{max-width:85ch;margin:8px 0}.site-information ol{max-width:85ch;padding-left:26px}.site-information a{color:#0755bf;text-underline-offset:3px}.training-note{color:#515a53}.site-footer{font:inherit;letter-spacing:0;flex-wrap:wrap;gap:16px;padding:16px 0}.site-footer nav{flex-wrap:wrap;gap:20px;display:flex}.player-role{color:#0755bf}