:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15211b;background:#f5f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}header{height:75px;background:#10231a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2))}.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.08em;font-weight:750;cursor:pointer}.brand b{color:#ffdc00}.mark{background:#ffdc00;color:#111;padding:10px 8px;border-radius:8px;letter-spacing:-.08em;font-weight:900}.tag,.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800}.tag{color:#cbd7cf}main{max-width:1120px;margin:auto;padding:35px 24px 85px}.hero{background:#102c20;color:#fff;border-radius:22px;padding:60px 55px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-100px;width:340px;height:340px;border:65px solid #ffffff0c;border-radius:50%;pointer-events:none}.hero .eyebrow{color:#ffdc00}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.12;margin:16px 0}.hero em{color:#ffdc00;font-style:normal}.hero p{max-width:580px;line-height:1.65;color:#d3e1d9;margin-bottom:30px}.yellow{background:#ffdc00;color:#132016;border:0;border-radius:9px;padding:13px 19px;font-weight:800;display:inline-flex;align-items:center;gap:10px}.yellow:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 44px}.stats>div{background:#fff;border:1px solid #e1e6e0;border-radius:14px;padding:23px;display:flex;flex-direction:column;gap:5px}.stats strong{font-size:26px}.stats span,.muted{color:#66766b;font-size:13px}.sectionhead h2{font-size:28px;margin:0}.sectionhead p{color:#65736b;margin:8px 0 18px}.modules{display:grid;grid-template-columns:1fr 1fr;gap:13px}.module{text-align:left;background:#fff;border:1px solid #e0e6df;border-radius:13px;padding:20px;display:flex;gap:17px;align-items:flex-start;min-height:132px}.module:hover{border-color:#95ac99}.module .num{font-size:22px;font-weight:800;color:#a0afa4}.module h3{font-size:16px;margin:5px 0}.module p{font-size:12px;color:#69796d;margin:0}.module small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#4b775c;font-weight:750}.arrow{margin-left:auto;color:#718277}.callout{margin-top:22px;background:#e9f0e8;padding:23px;border-radius:14px;display:flex;align-items:center;gap:20px}.callout p{margin:5px 0 0;color:#66766b;font-size:13px}.callout button,.secondary{margin-left:auto;background:#fff;border:1px solid #d5ded6;border-radius:8px;padding:10px 15px;font-weight:700}.back{border:0;background:none;display:flex;gap:5px;align-items:center;color:#506958;margin:0 0 25px;padding:0}.pagetitle{font-size:clamp(28px,4vw,42px);margin:12px 0 28px}.lessonnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.lessonnav button{border:1px solid #d7e0d7;background:#fff;border-radius:8px;padding:10px 13px;font-size:12px}.lessonnav button.active{background:#163c29;color:#fff}.paper{background:#fff;border:1px solid #e0e6df;border-radius:16px;padding:35px;max-width:850px}.paper h2{font-size:28px}.paper p{line-height:1.75;color:#3b4a40}.paper .yellow{margin-top:20px}.note{background:#edf3ec;border-left:4px solid #538362;padding:18px;border-radius:6px;margin:25px 0}.note p{margin:7px 0 0}.question{padding:15px 0 24px;border-bottom:1px solid #e4e9e3}.question h3{font-size:17px}.option{display:flex;gap:12px;padding:13px;margin:8px 0;border:1px solid #e0e7e0;border-radius:9px;cursor:pointer}.option input{accent-color:#245b3a}.feedback{background:#e9f3ea;padding:12px;border-radius:8px;font-size:14px}.paper textarea{width:100%;min-height:200px;padding:15px;border:1px solid #ccd8cc;border-radius:10px;resize:vertical}.intro{color:#5d6d61;max-width:750px}.boardlayout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.pitch{width:100%;aspect-ratio:.85;background:#237a48;position:relative;border:3px solid #e4f2e7;box-shadow:inset 0 0 0 8px #ffffff15;border-radius:7px;touch-action:none;overflow:hidden}.pitch:before{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;border:2px solid #ffffff80;pointer-events:none}.midline{position:absolute;top:50%;left:3%;width:94%;border-top:2px solid #ffffff80}.centercircle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:23%;aspect-ratio:1;border:2px solid #ffffff80;border-radius:50%}.penalty{position:absolute;left:27%;width:46%;height:16%;border:2px solid #ffffff80}.penalty.top{top:3%;border-top:0}.penalty.bottom{bottom:3%;border-bottom:0}.player{position:absolute;transform:translate(-50%,-50%);background:#ffdc00;border:2px solid #171e16;color:#101810;border-radius:50%;width:44px;height:44px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2}.player.chosen{outline:3px solid white;outline-offset:3px}.boardtools{background:#fff;border:1px solid #e0e6df;border-radius:14px;padding:22px;align-self:start}.boardtools h3{margin:0 0 15px}.boardtools>button{display:flex;align-items:center;gap:8px;width:100%;background:#f4f6f3;border:1px solid #dce5da;padding:12px;border-radius:8px;margin:8px 0;text-align:left}.boardtools>button.selected{background:#dcefe0;border-color:#5a9369;font-weight:700}.boardtools p{line-height:1.6;font-size:14px;color:#516256}footer{background:#10231a;color:#aebfb2;display:flex;justify-content:space-between;padding:25px max(24px,calc((100vw - 1120px)/2));font-size:12px;gap:15px}@media(max-width:750px){header{height:65px}.tag{display:none}.hero{padding:35px 25px}.stats{gap:8px}.stats>div{padding:14px}.stats strong{font-size:20px}.modules,.boardlayout{grid-template-columns:1fr}.paper{padding:23px}.callout{flex-wrap:wrap}.callout button{margin-left:0}.player{width:44px;height:44px;font-size:10px}footer{flex-direction:column}}.accountbar{background:#e9f0e8;padding:12px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.accountbar button{margin-left:auto}.accountpage{max-width:650px}.accountfield{display:flex;flex-direction:column;gap:8px;margin:18px 0}.accountfield input{font:inherit;padding:12px;border:1px solid #ccd8cc;border-radius:8px;width:100%}.accountpage button{min-height:44px;margin:8px 8px 8px 0}