:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#10251a;--navy:#10251a;--field:#2d8050;--clay:#b8793f;--panel:#fbfaf2;--muted:#5b6c62;--line:#d7ddcf;--accent:#f0a51d;--blue:#155f89;--danger:#9d2f2f;background:#123625;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{z-index:3;height:100%;display:none;position:fixed;inset:0}#app.is-visible{display:block}button{color:var(--navy);cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #bfc9ba;border-radius:8px;min-height:46px;padding:12px 16px;font:700 15px/1.1 inherit}button:disabled{cursor:not-allowed;opacity:.48}button.primary,.sport-toggle button.active{background:var(--accent);color:#1c2115;border-color:#c77b10}button.ghost{background:0 0;border-color:#cbd4c6}button.subtle{color:#4f6358;background:0 0;border-color:#0000;font-weight:700}.menu-screen,.stats-screen{background:linear-gradient(135deg,#123625 0%,#246b45 58%,#e8d2a4 58.3%);grid-template-columns:minmax(320px,.9fr) minmax(300px,1.1fr);align-items:stretch;gap:clamp(18px,4vw,56px);height:100%;padding:clamp(18px,4vw,42px);display:grid}.menu-hero,.stats-card{color:#f9fbf4;align-self:center;max-width:660px}.brand-mark{color:#123625;letter-spacing:0;background:#f9fbf4;border:4px solid #f0a51d;border-radius:8px;justify-content:center;align-items:center;width:66px;height:50px;margin-bottom:16px;font-weight:900;display:inline-flex}h1{letter-spacing:0;margin:0 0 16px;font-size:clamp(34px,5vw,60px);line-height:1}h2{margin:26px 0 12px;font-size:clamp(22px,3vw,30px)}.menu-hero p{color:#dce9dc;max-width:600px;font-size:clamp(16px,1.8vw,18px);line-height:1.4}.profile-strip{flex-wrap:wrap;gap:6px;margin:14px 0 4px;display:flex}.profile-strip span{color:#f9fbf4;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:900}.sport-toggle,.difficulty-toggle,.menu-actions,.hud-actions,.result-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.hud-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.hud-actions button{min-height:38px;padding-left:10px;padding-right:10px}.hud-actions .primary{grid-column:1/-1;min-height:48px}.hud-actions .subtle{min-height:32px;padding:6px 8px;font-size:13px}.difficulty-toggle{margin-top:10px}.difficulty-toggle button.active{background:#dff0d8;border-color:#83b275}.menu-field{justify-content:center;align-items:center;min-height:360px;display:flex}.scenario-browser{color:var(--navy);background:#fbfaf2f5;border:1px solid #d7ddcf;border-radius:8px;align-self:center;max-height:min(72vh,720px);padding:clamp(18px,3vw,28px);overflow:auto;box-shadow:0 24px 80px #00000042}.scenario-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.scenario-browser h2{margin-top:0;margin-bottom:0}.scenario-search{color:var(--navy);border:1px solid #bfc9ba;border-radius:8px;min-width:min(260px,42vw);min-height:42px;padding:10px 12px;font:700 14px/1 inherit}.scenario-list{gap:10px;display:grid}.scenario-row{text-align:left;background:#fff;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:72px;display:flex}.scenario-row span{color:var(--muted);font-size:13px;font-weight:800}.scenario-row.completed{background:#f3faef;border-color:#83b275}.scenario-row[hidden]{display:none}.playbook-strip{color:var(--navy);background:#fbfaf2eb;border:1px solid #d7ddcfe6;border-radius:8px;margin-top:18px;padding:12px}.playbook-strip .scenario-heading{margin-bottom:8px}.playbook-strip .scenario-heading span{color:var(--muted);font-size:13px;font-weight:900}.playbook-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px;display:grid;overflow:auto}.playbook-item{color:var(--navy);cursor:pointer;text-align:left;background:#fff;border:1px solid #d7ddcf;border-radius:8px;align-items:stretch;width:100%;min-height:0;padding:10px;display:block}.playbook-item:hover{border-color:#83b275;box-shadow:0 8px 24px #1236251f}.playbook-item strong{font-size:13px;line-height:1.2;display:block}.playbook-item p{color:#34493e;margin:6px 0;font-size:12px;font-weight:700;line-height:1.35}.playbook-item span{color:var(--muted);font-size:11px;font-weight:900;line-height:1.25;display:block}.playbook-detail{background:#fff;border:1px solid #d7ddcf;border-radius:8px;margin-top:10px;padding:10px}.playbook-detail strong{font-size:14px;display:block}.playbook-detail p{color:#34493e;margin:6px 0;font-size:12px;font-weight:700;line-height:1.35}.playbook-scenarios{gap:6px;display:grid}.playbook-scenarios button{text-align:left;min-height:34px;padding:7px 9px;font-size:12px}.mini-diamond{aspect-ratio:1;background:#2d8050;border:18px solid #f0a51d;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-template-areas:".second.""third.first"".home.";width:min(52vw,500px);max-width:500px;padding:34px;display:grid;transform:rotate(45deg);box-shadow:0 30px 90px #00000052}.mini-diamond span{color:#10251a;background:#fff;place-self:center;padding:8px;font-weight:900;transform:rotate(-45deg)}.mini-diamond span:first-child{grid-area:home}.mini-diamond span:nth-child(2){grid-area:first}.mini-diamond span:nth-child(3){grid-area:second}.mini-diamond span:nth-child(4){grid-area:third}.menu-stats{color:#f9fbf4;flex-wrap:wrap;grid-column:1/-1;align-self:end;gap:12px;display:flex}.menu-stats span,.facts span,.sequence span,.solution-list span{color:var(--navy);background:#ffffffe6;border:1px solid #d7ddcf;border-radius:999px;padding:8px 10px;font-size:14px;font-weight:800;display:inline-flex}#game-shell{pointer-events:none;z-index:1;background:#123625;grid-template-columns:minmax(640px,1fr) clamp(420px,24vw,520px);gap:16px;width:100%;height:100%;padding:18px;display:grid;position:fixed;inset:0}#game-shell.is-visible{pointer-events:auto}#game-container{background:#2d8050;border:1px solid #ffffff29;border-radius:8px;place-self:center;width:min(100%,1280px);min-width:0;height:min(100%,720px);min-height:0;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000042}#game-container canvas{display:block}#panel{background:var(--panel);color:var(--navy);border:1px solid #d7ddcf;border-radius:8px;min-width:0;padding:16px;overflow:auto;box-shadow:0 20px 60px #0000002e}.hud-topline{border-bottom:1px solid #d7ddcf;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.hud-topline strong{font-size:20px;line-height:1.12}.facts,.sequence,.solution-list{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.hud-section{border-bottom:1px solid #d7ddcf;padding:9px 0}.hud-section:last-of-type{border-bottom:0}.section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900}.situation-summary{color:#263b30;background:#eef4ea;border:1px solid #d7ddcf;border-radius:8px;gap:4px;margin:12px 0 10px;padding:10px 12px;display:grid}.situation-summary b{font-size:15px;line-height:1.25}.situation-summary span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.task-section{padding-bottom:9px}.prompt{color:#263b30;background:#fff;border:1px solid #d7ddcf;border-radius:8px;margin:0;padding:12px;font-size:16px;font-weight:700;line-height:1.35}.shortcuts{color:var(--muted);margin:14px 0 0;font-size:13px;font-weight:700;line-height:1.35}.sequence span{background:#fff3ce;border-color:#efc161;gap:8px;min-height:32px;font-size:15px}.sequence span b{background:#f0a51d;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;display:inline-flex}.sequence.empty span{color:#7b5d19;background:#fff8df}.last-pick{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800}.sequence-warning{color:#624411;background:#fff3ce;border:1px solid #efc161;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:900}.hint-box{color:#173563;background:#e7f0ff;border:1px solid #b8cef7;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:800;line-height:1.35}.shortcut-details{color:var(--muted);border-top:1px solid #d7ddcf;padding-top:9px;font-size:12px;font-weight:800}.shortcut-details summary{cursor:pointer;width:fit-content}.shortcut-details p{margin:8px 0 0;line-height:1.35}.shortcut-details[open]{color:#3a5045}.target-guide{background:#fff;border:1px solid #d7ddcf;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;padding:6px;display:flex}.target-guide b{color:var(--muted);font-size:11px}.target-guide span{color:var(--navy);background:#eaf2e6;border:1px solid #cbd8c4;border-radius:6px;padding:3px 5px;font-size:11px;font-weight:900}.result-overlay{z-index:10;background:#091911ad;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.result-card,.stats-card{background:var(--panel);color:var(--navy);border:1px solid #d7ddcf;border-radius:8px;max-width:760px;max-height:min(88vh,720px);padding:clamp(18px,3vw,34px);overflow:auto;box-shadow:0 24px 80px #00000057}.score-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.score-row span{font-size:clamp(28px,5vw,48px);font-weight:900}.score-row strong{background:#dff0d8;border-radius:8px;padding:10px 14px}.result-label.optimal{background:#dff0d8}.result-label.good{background:#e7f0ff}.result-label.risky{background:#fff3ce}.result-label.wrong{background:#f5dddd}.result-card p{font-size:16px;line-height:1.45}.result-summary{background:#fff;border:1px solid #d7ddcf;border-radius:8px;margin:14px 0;padding:12px}.result-summary p{margin:0 0 8px}.result-summary p:last-child{margin-bottom:0}.result-more{border-top:1px solid #d7ddcf;margin-top:12px;padding-top:10px}.result-more summary{cursor:pointer;font-weight:900}.result-detail{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.result-detail span{background:#eaf2e6;border:1px solid #cbd8c4;border-radius:999px;padding:7px 9px;font-size:13px;font-weight:900}.stats-screen{justify-content:center;display:flex}.editor-screen{background:#123625;justify-content:center;align-items:center;height:100%;padding:clamp(16px,4vw,42px);display:flex}.stats-card,.editor-card{align-self:center;width:min(900px,100%)}.editor-card{background:var(--panel);color:var(--navy);border:1px solid #d7ddcf;border-radius:8px;max-height:92vh;padding:clamp(18px,3vw,34px);overflow:auto;box-shadow:0 24px 80px #00000057}.editor-card h1{margin:0;font-size:clamp(28px,4vw,44px)}.editor-card p{color:#34493e;font-weight:800}.scenario-json{color:var(--navy);resize:vertical;background:#fff;border:1px solid #bfc9ba;border-radius:8px;width:100%;min-height:380px;padding:12px;font:700 13px/1.45 Consolas,Courier New,monospace}.editor-status{color:var(--muted);margin-top:10px;font-size:13px;font-weight:900}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.training-summary{background:#fff;border:1px solid #d7ddcf;border-radius:8px;margin-top:18px;padding:16px}.training-summary h2{margin-top:0}.training-summary p{color:#263b30;margin-bottom:0;font-weight:800;line-height:1.45}.stats-grid article{background:#fff;border:1px solid #d7ddcf;border-radius:8px;padding:18px}.stats-grid span,.zone-list span{color:var(--muted);font-weight:700;display:block}.stats-grid strong{margin-top:8px;font-size:34px;display:block}.zone-list p,.history-list p{border-bottom:1px solid #d7ddcf;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 0;display:flex}#portrait-warning{color:#fff;text-align:center;z-index:99;background:#123625;justify-content:center;align-items:center;padding:28px;font-size:22px;font-weight:900;display:none;position:fixed;inset:0}@media (width<=980px){#game-shell{padding:0;display:block;overflow:auto}#game-shell.is-visible{display:block}#game-container{box-shadow:none;border:0;border-radius:0;width:100%;height:min(56vh,390px);min-height:220px}#panel{box-shadow:none;z-index:4;border-top:1px solid #d7ddcf;border-left:0;border-radius:0;max-height:none;padding:14px;position:static}.menu-screen{display:block;overflow:auto}.menu-hero{max-width:none}.menu-hero .brand-mark{width:56px;height:42px;margin-bottom:10px}.menu-hero h1{margin-bottom:8px;font-size:32px;line-height:1.05}.menu-hero p{margin:0;font-size:14px;line-height:1.35}.profile-strip{margin-top:10px}.scenario-browser{max-height:none;margin-top:18px}.playbook-strip{margin-top:18px}.playbook-list{grid-template-columns:1fr}.scenario-heading{flex-direction:column;align-items:stretch}.scenario-search{width:100%;min-width:0}.menu-field{min-height:250px}}@media (aspect-ratio<=1) and (width<=860px){#portrait-warning{display:none}#game-container{height:38vh;min-height:280px}#panel{min-height:62vh}.hud-topline strong{font-size:18px}.prompt{font-size:14px}.result-overlay{align-items:flex-start;overflow:auto}.result-card{width:100%;max-height:none}}@media (width<=680px){.menu-screen,.stats-screen{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}button{flex:auto;min-width:130px}}.file-button{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #bfc9ba;border-radius:8px;align-items:center;min-height:46px;padding:12px 16px;font:700 15px/1.1 inherit;display:inline-flex}.file-button input{display:none}