@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg:#162618;--bg-elevated:#1e3222;--panel:#243a2a;--panel-raised:#2c4632;--panel-edge:#3d5c42;--text:#eef3ea;--muted:#9fb59f;--accent:#c6e27a;--accent-soft:#c6e27a24;--offense:#f0a202;--defense:#5b8def;--field-void:#101a14;--danger:#e07a5f;--radius:10px;--radius-lg:14px;--shadow:0 12px 32px #00000038;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:radial-gradient(ellipse 80% 60% at 20% 0%, #46783c59, transparent), radial-gradient(ellipse 60% 50% at 90% 100%, #28503266, transparent), var(--bg);min-width:320px}.app{flex-direction:column;height:100%;min-height:100dvh;display:flex;overflow:hidden}.app-header{background:linear-gradient(180deg, #c6e27a0f, transparent 70%), linear-gradient(180deg, #314a38 0%, var(--panel) 100%);border-bottom:1px solid var(--panel-edge);z-index:2;flex-shrink:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem 1rem;padding:.55rem 1rem;display:grid;box-shadow:0 1px #c6e27a0f}.app-header-brand{flex-direction:column;gap:.05rem;min-width:0;max-width:min(16rem,52vw);display:flex}.brand-link{width:fit-content;color:inherit;text-decoration:none}.brand-link:hover .brand-mark{color:#d7ef9a}.brand-lockup{align-items:center;gap:.45rem;display:inline-flex}.brand-logo{border-radius:6px;flex-shrink:0;width:2rem;height:2rem;display:block}.app-header-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin-left:0;display:flex}.app-header-lang{margin-bottom:0}.app-body{flex:1;grid-template-columns:260px 1fr;min-height:0;display:grid;overflow:hidden}.app-home .app-body,.app-concepts .app-body,.app-ask .app-body,.app.tools-closed .app-body{grid-template-columns:1fr}.app-home .main,.app-concepts .main{overflow:auto}.app-ask .main{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.toolbar{background:linear-gradient(180deg, #c6e27a0a, transparent 8rem), linear-gradient(180deg, var(--bg-elevated) 0%, var(--panel) 45%);border-right:1px solid var(--panel-edge);flex-direction:column;gap:.85rem;min-height:0;padding:1rem .9rem;display:flex;overflow-y:auto}.toolbar-context{border-radius:var(--radius);border:1px solid var(--panel-edge);color:var(--muted);background:#0000002e;margin:0;padding:.55rem .65rem;font-size:.82rem;line-height:1.4}.flag-toggle-block{width:100%;margin:0}.orient-btn.flag-toggle:not(.active){color:var(--muted)}.toolbar-footer{background:linear-gradient(180deg, transparent, var(--panel) 35%);border-top:1px solid var(--panel-edge);z-index:1;margin-top:auto;padding:.65rem .2rem .15rem;position:sticky;bottom:0}.panel{border-radius:var(--radius);border:1px solid var(--panel-edge);background:#00000029;padding:.75rem .8rem}.panel-section{padding:0;overflow:hidden}.panel-summary{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;min-height:2.75rem;margin:0;padding:.7rem .8rem;font-size:.72rem;font-weight:600;list-style:none;display:flex}.panel-summary::-webkit-details-marker{display:none}.panel-summary-title{min-width:0}.panel-summary-chevron{opacity:.7;flex-shrink:0;transition:transform .15s}.panel-section:not([open]) .panel-summary-chevron{transform:rotate(-90deg)}.panel-section-body{flex-direction:column;gap:.45rem;padding:0 .8rem .8rem;display:flex}.panel-section-body .option-note{margin-top:.25rem}.brand{border-bottom:1px solid var(--panel-edge);flex-direction:column;gap:.15rem;padding-bottom:.45rem;display:flex}.brand-mark{letter-spacing:.05em;color:var(--accent);white-space:nowrap;font-family:Bebas Neue,sans-serif;font-size:1.55rem;line-height:1}.brand-sub{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.home{flex-direction:column;gap:2rem;max-width:960px;margin:0 auto;padding:2.25rem 1.35rem 3rem;display:flex}.home-hero{flex-direction:column;gap:.65rem;max-width:36rem;display:flex}.home-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem;font-weight:600}.home-title{letter-spacing:.03em;color:var(--text);margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:400;line-height:1.05}.home-lead{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.55}.home-ask-here{background:#0003;border:1px solid #c6e27a4d;border-radius:12px;flex-direction:column;gap:.55rem;max-width:40rem;padding:1rem 1.1rem;display:flex}.home-ask-here-title{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem;font-weight:600}.home-ask-here-form{flex-wrap:wrap;gap:.5rem;display:flex}.home-ask-here-form input{border:1px solid var(--panel-edge);min-width:0;color:var(--text);font:inherit;background:#00000059;border-radius:8px;flex:12rem;padding:.65rem .8rem}.home-ask-here-form input:focus{border-color:#c6e27a8c;outline:none}.home-ask-here-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.home-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.home-card{border:1px solid var(--panel-edge);min-height:11.5rem;color:inherit;background:linear-gradient(160deg,#c6e27a14,#0000 55%),#00000038;border-radius:12px;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.15rem 1.2rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 10px 28px #0000002e}.home-card:hover{border-color:#c6e27a73;transform:translateY(-3px);box-shadow:0 14px 32px #00000047}.home-card-ask,.home-card-rules{background:linear-gradient(160deg,#c6e27a1a,#0000 55%),#00000038}.home-card-handbook{background:linear-gradient(160deg,#c6e27a14,#0000 55%),#00000038}.home-card-concepts{background:linear-gradient(160deg,#c6e27a24,#0000 55%),#00000038}.home-card-tactics{background:linear-gradient(160deg,#c6e27a1f,#0000 55%),#00000038}.home-card-title{color:var(--text);margin:0 0 .45rem;font-size:1.2rem;font-weight:600}.home-card-desc{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.home-card-cta{letter-spacing:.06em;text-transform:uppercase;color:var(--bg);background:var(--accent);border-radius:999px;align-self:flex-start;padding:.35rem .75rem;font-size:.82rem;font-weight:600}.home-card-ask .home-card-cta,.home-card-rules .home-card-cta,.home-card-handbook .home-card-cta,.home-card-concepts .home-card-cta,.home-card-tactics .home-card-cta{background:var(--accent);color:var(--bg)}.home-shortcut-row{flex-wrap:wrap;gap:.45rem;display:flex}.home-shortcut{color:var(--muted);border:1px solid var(--panel-edge);background:#0000002e;border-radius:999px;align-items:center;min-height:2.5rem;padding:.45rem .85rem;font-size:.85rem;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.home-shortcut:hover{color:var(--text);border-color:#c6e27a66}@media (width<=820px){.home-cards{grid-template-columns:1fr}.app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""nav nav";gap:.45rem .75rem;padding:.55rem .85rem}.app-header-brand{grid-area:brand;max-width:none}.app-nav.app-nav-header{-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-area:nav;justify-content:flex-start;padding-bottom:.1rem;overflow-x:auto}.app-nav.app-nav-header::-webkit-scrollbar{display:none}.app-header-actions{grid-area:actions;justify-self:end}}.app-nav{grid-template-columns:1fr;gap:.4rem;display:grid}.app-nav-3,.app-nav-4,.app-nav-2{grid-template-columns:1fr 1fr}.app-nav a,.app-nav button{border:1px solid var(--panel-edge);width:100%;color:var(--muted);text-align:center;font:inherit;cursor:pointer;background:#0000002e;border-radius:8px;padding:.55rem .4rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:block}.app-nav a:hover,.app-nav button:hover{color:var(--text);border-color:#c6e27a59}.app-nav a.active,.app-nav button.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.app-nav.app-nav-header{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35rem;min-width:0;display:flex}.app-nav.app-nav-header a{white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-height:2.25rem;padding:.45rem .75rem;font-size:.86rem;display:inline-flex}.play-name{padding:.35rem 0;font-size:1.1rem;font-weight:600}.play-name.offense{color:var(--offense)}.play-name.defense{color:var(--defense)}.option-note{margin-top:.65rem}.side-heading.offense{color:var(--offense)}.side-heading.defense{color:var(--defense)}.side-heading.drill{color:var(--accent)}.lesson-title{color:var(--text);margin-bottom:.45rem;font-size:1.15rem;font-weight:600}.panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-size:.72rem;font-weight:600}.panel-subheading{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .45rem;font-size:.68rem;font-weight:600}.formation-list{flex-direction:column;gap:.4rem;display:flex}.panel-section-body .orient-row,.panel-section-body .toggle{margin-bottom:0}.formation-btn{border-radius:var(--radius);width:100%;min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:#0000002e;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .75rem;transition:background .15s,border-color .15s,transform .15s;display:flex}.formation-btn:hover{background:#c6e27a1a;border-color:#c6e27a40}.formation-btn.offense.active{border-color:var(--offense);background:#f0a20233}.formation-btn.defense.active{border-color:var(--defense);background:#2d6cdf38}.formation-btn.drill.active{background:var(--accent-soft);border-color:var(--accent)}.formation-btn.deny{border-color:#e07a5f73}.formation-btn.deny:hover{border-color:var(--danger);background:#e07a5f26}.formation-btn.deny .formation-name{color:#f0a090}.formation-btn.easy{border-color:#6bcb7773}.formation-btn.easy:hover{background:#6bcb7724;border-color:#6bcb77}.formation-btn.easy .formation-name{color:#8fe09a}.formation-btn.hard{border-color:#7aa2e873}.formation-btn.hard:hover{background:#7aa2e824;border-color:#7aa2e8}.formation-btn.hard .formation-name{color:#9cbcf2}.formation-btn.active{border-color:var(--accent);background:#c6e27a2e}.formation-btn.offense .formation-kind{color:var(--offense)}.formation-btn.defense .formation-kind{color:var(--defense)}.formation-name{font-size:.95rem;font-weight:500}.formation-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem}.desc{color:var(--muted);margin:0;font-size:.88rem}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;margin-bottom:.75rem;font-size:.92rem;display:flex}.toggle.disabled{opacity:.45;cursor:not-allowed}.toggle input{width:1rem;height:1rem;accent-color:var(--accent)}.reset-btn{border:1px solid var(--panel-edge);width:100%;min-height:2.5rem;color:var(--text);font:inherit;cursor:pointer;background:#00000038;border-radius:6px;padding:.65rem .75rem;font-size:.9rem;transition:border-color .15s,background .15s}.reset-btn:hover{border-color:var(--accent);background:#c6e27a14}.lineup-steppers{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.lineup-stepper{grid-template-columns:1.75rem 1fr;align-items:center;gap:.4rem;display:grid}.lineup-stepper-label{opacity:.85;text-align:center;font-size:.85rem;font-weight:600}.count-stepper{grid-template-columns:2.4rem minmax(2.5rem,1fr) 2.4rem;align-items:stretch;gap:.35rem;display:grid}.count-stepper-btn{min-height:2.1rem;margin:0;padding:0}.count-stepper-value,.count-stepper-input{min-height:2.1rem;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;background:#00000038;border:1px solid #ffffff2e;border-radius:8px;margin:0;font-weight:600}.count-stepper-value{cursor:text}.count-stepper-value:hover{border-color:#ffffff59}.count-stepper-input{box-sizing:border-box;outline:none;width:100%}.count-stepper-input:focus{border-color:#c6e27ab3}.orient-btn.hints-toggle{width:100%;margin-bottom:.75rem}.app.hints-off .feature-hint{display:none!important}.orient-row{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.75rem;display:grid}.orient-row.board-io-row{grid-template-columns:1fr 1fr 1fr}.board-io-note{margin:-.35rem 0 .55rem}.mark-color-rows{flex-direction:column;gap:.4rem;margin:0 0 .75rem;display:flex}.mark-color-row{grid-template-columns:repeat(4,1fr);gap:.45rem;margin:0;display:grid}.mark-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;height:1.65rem;padding:0;box-shadow:inset 0 0 0 1px #00000059}.mark-color-swatch:hover{filter:brightness(1.08)}.mark-color-swatch.active{border-color:#fff;box-shadow:inset 0 0 0 1px #00000040,0 0 0 1px #ffffff59}.mark-context-menu{z-index:10000;background:#1a2218;border:1px solid #ffffff2e;border-radius:8px;min-width:9.5rem;padding:.25rem;position:fixed;box-shadow:0 8px 24px #00000073}.mark-context-menu button{color:#f4f0e6;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .7rem;font-size:.9rem;display:flex}.mark-context-menu button:hover:not(:disabled){background:#ff5a1f38}.mark-context-menu button:disabled{color:#f4f0e659;cursor:not-allowed}.mark-ctx-parent .mark-ctx-chevron{color:#f4f0e68c;font-size:.75rem}.mark-ctx-sub{border-left:1px solid #ffffff1f;flex-direction:column;gap:.05rem;margin:.1rem 0 .25rem .35rem;padding-left:.35rem;display:flex}.mark-ctx-sub button{padding:.38rem .55rem;font-size:.85rem}.player-rename-input{z-index:20;box-sizing:border-box;color:#fff8e7;font:inherit;text-align:center;background:#121810eb;border:2px solid #fff8e7;border-radius:6px;outline:none;padding:.2rem .35rem;font-size:.85rem;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}.orient-btn{border:1px solid var(--panel-edge);min-height:2.5rem;color:var(--muted);font:inherit;cursor:pointer;background:#00000038;border-radius:999px;padding:.55rem .4rem;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.orient-btn:hover{color:var(--text);border-color:#c6e27a59}.orient-btn.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.orient-btn:disabled{opacity:.35;cursor:not-allowed}.confirm-defense-btn{border-color:var(--accent);color:var(--accent);margin-top:.65rem}.counts{gap:.6rem;margin-top:.85rem;display:flex}.count{text-align:center;background:#0003;border-radius:4px;flex:1;padding:.4rem .5rem;font-size:.82rem;font-weight:600}.count.offense{color:var(--offense)}.count.defense{color:var(--defense)}.hint{color:var(--muted);opacity:.85;margin:auto 0 0;font-size:.78rem}.nav-icon-row{gap:.5rem}.nav-icon-btn{justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.45rem;display:inline-flex}.nav-icon-btn svg{display:block}.mobile-play-btn-icon{flex:0 0 3rem;justify-content:center;align-items:center;padding:.45rem;display:inline-flex}.trace-panel .trace-toggles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.55rem;display:grid}.trace-chip{border:1px solid var(--panel-edge);min-height:2.5rem;color:var(--muted);font:inherit;cursor:pointer;background:#00000038;border-radius:8px;font-size:.82rem;font-weight:600}.trace-chip.disc.active{color:#1a2214;background:#f7f2e8eb;border-color:#f7f2e8b3}.trace-chip.offense.active{color:#1a2214;background:var(--offense);border-color:var(--offense)}.trace-chip.defense.active{color:#fff;background:var(--defense);border-color:var(--defense)}.trace-bulk,.trace-range{margin-top:.35rem}.collapsible-panel{flex-shrink:0;padding:0;overflow:hidden}.collapsible-head{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.75rem .8rem;display:flex;position:relative}.collapsible-head h2{margin:0;font-size:.95rem}.collapsible-head h2.side-heading{font-size:.95rem}.collapsible-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.collapsible-title.side-heading{letter-spacing:.08em;font-size:.78rem}.trace-custom-row{align-items:center;gap:.55rem;margin-top:.5rem;display:flex}.trace-custom-label{color:var(--muted);white-space:nowrap;font-size:.78rem}.trace-custom-input{border:1px solid var(--panel-edge);width:4.5rem;min-height:2.4rem;color:var(--text);font:inherit;background:#00000047;border-radius:8px;padding:.35rem .5rem;font-size:.9rem}.trace-custom-input.active{background:var(--accent-soft);border-color:#c6e27a8c}.collapsible-chevron{color:var(--muted);font-size:.9rem}.collapsible-body{flex-direction:column;gap:.55rem;padding:0 .8rem .85rem;display:flex}.collapsible-body .formation-list{margin-bottom:.35rem}.formation-group{flex-direction:column;gap:.4rem;display:flex}.formation-group+.formation-group{border-top:1px solid #3d5c4273;margin-top:.55rem;padding-top:.55rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main{background:var(--field-void);min-width:0;height:100%;min-height:0;display:flex}.main-fill{flex:1;width:100%;min-width:0;min-height:0;display:flex}.main-tactics-mobile{flex-direction:column}.tactics-stage-slot{flex:1;width:100%;min-width:0;min-height:0;display:flex}.app-mobile{--mobile-tab-h:3.35rem;--mobile-play-h:3.7rem;padding-bottom:calc(var(--mobile-tab-h) + env(safe-area-inset-bottom,0px))}.app-mobile .app-header-mobile{padding:.45rem .75rem;padding-top:max(.45rem, env(safe-area-inset-top,0px));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions"}.app-mobile .app-header-brand{max-width:none}.app-mobile .brand-sub-mobile{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.app-mobile.app-home .app-body,.app-mobile.app-concepts .app-body,.app-mobile.app-ask .app-body,.app-mobile.app-rules .app-body,.app-mobile.tools-closed .app-body,.app-mobile.tools-open .app-body{grid-template-rows:1fr;grid-template-columns:1fr}.app-mobile.tools-open aside.toolbar{display:none}.mobile-tab-bar{z-index:40;min-height:var(--mobile-tab-h);padding:.2rem .15rem calc(.2rem + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #c6e27a0d, transparent 40%), linear-gradient(180deg, #314a38 0%, var(--panel) 100%);border-top:1px solid var(--panel-edge);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #00000047}.mobile-tab{min-height:2.75rem;color:var(--muted);font:inherit;letter-spacing:.01em;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.35rem .2rem;font-size:.72rem;font-weight:600;line-height:1.15;text-decoration:none;display:flex}.mobile-tab.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.mobile-play-bar{border-top:1px solid var(--panel-edge);z-index:5;background:#101a14f0;flex:none;align-items:stretch;gap:.45rem;padding:.45rem .65rem;display:flex}.mobile-play-btn{border:1px solid var(--panel-edge);min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;background:#00000047;border-radius:10px;flex:1;padding:.55rem .5rem;font-size:.9rem;font-weight:600}.mobile-play-btn:disabled{opacity:.4;cursor:not-allowed}.mobile-play-btn-accent{background:var(--accent-soft);color:var(--accent);border-color:#c6e27a73}.mobile-play-btn-panel.active,.mobile-play-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.mobile-sheet-root{z-index:50;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-sheet-backdrop{cursor:pointer;pointer-events:auto;background:#0000007a;border:none;margin:0;padding:0;position:absolute;inset:0}.mobile-sheet{z-index:1;pointer-events:auto;border:1px solid var(--panel-edge);background:linear-gradient(180deg, #c6e27a0f, transparent 5rem), var(--panel);max-height:min(72dvh,34rem);padding-bottom:calc(var(--mobile-tab-h) + var(--mobile-play-h) + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:relative;box-shadow:0 -12px 40px #0006}.mobile-sheet-handle{background:#ffffff47;border-radius:999px;flex:none;width:2.5rem;height:.28rem;margin:.55rem auto .35rem}.mobile-sheet-scroll{-webkit-overflow-scrolling:touch;border-right:none;flex-direction:column;flex:1;gap:.85rem;min-height:0;padding:.35rem .9rem 1rem;display:flex;overflow-y:auto}.app-mobile .mobile-sheet-scroll section.panel:has(.nav-icon-row){display:none}.mobile-sheet-scroll .orient-btn,.mobile-sheet-scroll .formation-btn,.mobile-sheet-scroll .reset-btn{min-height:2.75rem}.app-mobile .field-legend{font-size:.7rem;bottom:.45rem;right:.45rem}.board-stage{flex:1;width:100%;height:100%;min-height:0;position:relative}.board-stage.board-placing{cursor:crosshair;touch-action:none}.field-legend{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.35rem;max-width:min(17rem,100% - 1.2rem);display:flex;position:absolute;bottom:.65rem;right:.65rem}.field-legend>*{pointer-events:auto}.field-legend-toggle{border:1px solid var(--panel-edge);color:var(--muted);font:inherit;cursor:pointer;background:#101a14e0;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.field-legend-toggle:hover{color:var(--text);border-color:#c6e27a66}.field-legend-body{border-radius:var(--radius);border:1px solid var(--panel-edge);width:100%;box-shadow:var(--shadow);background:#101a14eb;padding:.65rem .75rem}.field-legend-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.68rem;font-weight:600}.field-legend-list{color:var(--text);flex-direction:column;gap:.28rem;margin:0 0 .55rem;padding:0;font-size:.78rem;list-style:none;display:flex}.field-legend-list li{align-items:center;gap:.45rem;display:flex}.field-swatch{border-radius:3px;flex-shrink:0;width:.85rem;height:.85rem}.field-swatch.easy{background:#6bcb77}.field-swatch.hard{background:#7aa2e8}.field-swatch.deny{background:#3a221c repeating-linear-gradient(90deg,#e07a5f 0 4px,#0000 4px 7px)}.field-swatch.throw{background:#fff3c4}.field-swatch.cut{background:#f0a202}.field-line{border-top:3px solid var(--accent);flex-shrink:0;width:1.4rem;height:0}.field-line.swing{border-top-style:solid;border-top-color:#6bcb77}.field-line.break{border-top-style:dashed;border-top-color:#7aa2e8}.field-line.dump{border-top-style:dotted;border-top-color:#c6e27a}.field-line.through{border-top:4px dotted #e07a5f}.field-line.ott{border-top-style:dashed;border-top-color:#f0a202}.field-line.score{border-top-width:4px;border-top-color:#fff}.field-legend-timing{color:var(--muted);margin:0;font-size:.72rem;line-height:1.4}@media (width<=820px){.app-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.app.tools-open:not(.app-mobile) .app-body{grid-template-rows:minmax(0,38vh) minmax(0,1fr)}.toolbar{border-right:none;border-bottom:1px solid var(--panel-edge);max-height:none}.app-rules .app-body{grid-template-columns:1fr}.toolbar-rules{display:none}.rules-mobile-hint{display:block}.main{min-height:0}.brand-mark{font-size:1.3rem}.brand-logo{width:1.75rem;height:1.75rem}.app-header{gap:.5rem .75rem}.rules-shell{padding:.75rem .85rem 1.1rem}.rules-body{font-size:1rem;line-height:1.6}.rules-ask-form{flex-direction:column}.rules-ask-form .orient-btn{width:100%}.rules-citations button{flex-flow:wrap;align-items:flex-start;gap:.45rem}}.rules-mobile-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45;display:none}.rules-faq-label,.rules-citations-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .45rem;font-size:.72rem;font-weight:600}.rules-chips-block{margin-bottom:.75rem}.rules-citations button{text-align:left;flex-direction:row;align-items:flex-start;gap:.55rem;display:flex}.rules-cite-num{background:var(--accent-soft);min-width:3.2rem;color:var(--accent);text-align:center;border-radius:6px;flex-shrink:0;padding:.2rem .4rem;font-size:.78rem;font-weight:600}.rules-cite-meta{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.rules-cite-open{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);flex-shrink:0;margin-left:auto;font-size:.72rem;font-weight:600}.app-rules .app-body{grid-template-columns:220px 1fr}.app-rules .main{background:linear-gradient(180deg, #243828a6, transparent 120px), var(--field-void);display:block;overflow:auto}.rules-side-hint{color:var(--muted);border-radius:var(--radius);border:1px solid var(--panel-edge);background:#00000029;margin:0;padding:.75rem .8rem;font-size:.82rem;line-height:1.45}.rules-shell{flex-direction:column;gap:.9rem;min-height:100%;padding:1rem 1.15rem 1.4rem;display:flex}.rules-toolbar{border-radius:var(--radius-lg);border:1px solid var(--panel-edge);background:#00000029;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex}.rules-set-row{flex-wrap:wrap;gap:.4rem;display:flex}.rules-toolbar-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rules-version{color:var(--muted);margin:0;font-size:.82rem}.rules-article-actions{flex-wrap:wrap;gap:.35rem;display:flex}.rules-chip-active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.rules-chip-history{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.rules-library{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.rules-library-section{margin:0}.rules-library-head{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.45rem;display:flex}.rules-library-head h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.rules-library-list{flex-direction:column;gap:.4rem;max-height:14rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.rules-library-list li{align-items:flex-start;gap:.35rem;display:flex}.rules-library-item{text-align:left;border:1px solid var(--panel-edge);min-width:0;color:var(--muted);font:inherit;cursor:pointer;background:#0000002e;border-radius:6px;flex-direction:column;flex:1;gap:.15rem;padding:.4rem .5rem;font-size:.8rem;display:flex}.rules-library-item:hover{color:var(--text);border-color:#c6e27a59}.rules-library-item strong{color:var(--accent);font-size:.78rem}.rules-library-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=820px){.rules-library{grid-template-columns:1fr}}.rules-subnav{align-self:flex-start;max-width:20rem}.rules-outlet{flex-direction:column;flex:1;min-height:0;display:flex}.rules-outlet .chat-shell{border-radius:var(--radius-lg);border:1px solid var(--panel-edge);flex:1;min-height:0;margin:0 -.15rem;overflow:hidden}.rules-chat-set-badge{color:var(--muted);border:1px solid var(--panel-edge);white-space:nowrap;background:#0000002e;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.app-rules .main:has(.rules-outlet .chat-shell){flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.app-rules .main:has(.rules-outlet .chat-shell) .rules-shell{flex:1;gap:.65rem;min-height:0;padding-top:.85rem;padding-bottom:0;overflow:hidden}.app-rules .main:has(.rules-outlet .chat-shell) .rules-outlet{flex:1;min-height:0}.rules-handbook{flex:1;grid-template-columns:minmax(160px,240px) minmax(0,1fr);align-items:start;gap:.75rem;min-height:0;display:grid}.rules-panel-full{flex:1}.rules-toc,.rules-article,.rules-ask{background:linear-gradient(165deg, var(--accent-soft), transparent 42%), #0003;border:1px solid var(--panel-edge);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow);padding:.9rem 1rem}.rules-toc{max-height:calc(100vh - 7rem);overflow:auto}.rules-toc ul{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.rules-toc button,.rules-article-jump button,.rules-citations button{text-align:left;width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:.35rem .4rem;font-size:.82rem}.rules-toc button:hover,.rules-article-jump button:hover,.rules-citations button:hover{color:var(--text);border-color:#c6e27a40}.rules-toc button.active,.rules-article-jump button.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.rules-article-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;margin-bottom:.55rem;display:flex}.rules-article-head .rules-panel-title{margin:0}.rules-copy-link{flex-shrink:0}.rules-panel-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-size:.72rem;font-weight:600}.rules-article-jump{flex-wrap:wrap;gap:.25rem;max-height:7rem;margin-bottom:.75rem;display:flex;overflow:auto}.rules-article-jump button{text-align:center;width:auto;min-width:2.4rem;font-size:.75rem}.rules-clause-num{letter-spacing:.04em;color:var(--accent);margin:0 0 .5rem;font-family:Bebas Neue,sans-serif;font-size:1.75rem}.rules-body{white-space:pre-wrap;color:var(--text);max-width:42rem;margin:0;font-size:.95rem;line-height:1.55}.rules-tags{flex-wrap:wrap;gap:.35rem;margin:.85rem 0 0;display:flex}.rules-tags span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--panel-edge);border-radius:999px;padding:.15rem .45rem;font-size:.7rem}.rules-muted{color:var(--muted);font-size:.9rem}.rules-ask-hint{color:var(--muted);margin:0 0 .55rem;font-size:.8rem}.rules-chips{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.rules-chip{border:1px solid var(--panel-edge);color:var(--muted);font:inherit;cursor:pointer;background:#0003;border-radius:999px;padding:.28rem .55rem;font-size:.78rem}.rules-chip:hover{color:var(--text);border-color:#c6e27a66}.rules-ask-form{gap:.4rem;margin-bottom:.75rem;display:flex}.rules-ask-form input{border:1px solid var(--panel-edge);min-width:0;color:var(--text);font:inherit;background:#00000047;border-radius:6px;flex:1;padding:.5rem .6rem;font-size:.9rem}.rules-ask-form input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.rules-answer{border-top:1px solid var(--panel-edge);padding-top:.65rem}.rules-answer.low-confidence .rules-answer-summary{color:var(--muted)}.rules-answer-summary{white-space:pre-wrap;margin:0 0 .65rem;font-size:.9rem;line-height:1.5}.rules-citations{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.rules-citations button{border-color:var(--panel-edge);background:#0000002e;flex-direction:column;gap:.2rem;display:flex}.rules-citations strong{color:var(--accent);font-size:.85rem}.rules-citations span{color:var(--muted);font-size:.78rem;line-height:1.35}.rules-attr{color:var(--muted);flex-direction:column;gap:.25rem;padding-top:.25rem;font-size:.72rem;display:flex}.rules-attr a{color:var(--accent);text-decoration:none}.rules-attr a:hover{text-decoration:underline}@media (width<=820px){.app-rules .app-body,.rules-handbook{grid-template-columns:1fr}.rules-toc{max-height:12rem}.brand-sub{display:none}.app-nav.app-nav-header a{padding:.4rem .6rem;font-size:.82rem}.app.tools-open:not(.app-mobile) .toolbar{max-height:38vh}}.app-concepts .main{background:linear-gradient(180deg, #243828a6, transparent 120px), var(--field-void);display:block}.app-concepts-ask .main{background:var(--field-void);flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.concepts-page{flex-direction:column;gap:.75rem;max-width:1100px;min-height:100%;margin:0 auto;padding:1rem 1.15rem 1.6rem;display:flex}.app-concepts-ask .concepts-page{flex:1;gap:.65rem;max-width:none;min-height:0;margin:0;padding:.85rem 0 0}.concepts-subnav{align-self:flex-start;max-width:20rem;margin-left:1rem}.app-concepts-ask .concepts-subnav{margin-left:1rem;margin-right:1rem}.concepts-outlet{flex-direction:column;flex:1;min-height:0;display:flex}.concepts-outlet .chat-shell{border-radius:var(--radius-lg);border:1px solid var(--panel-edge);flex:1;min-height:0;margin:0 1rem;overflow:hidden}.concepts-browse{grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.concepts-shell{grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);gap:1rem;max-width:1100px;min-height:100%;margin:0 auto;padding:1rem 1.15rem 1.6rem;display:grid}.concepts-toc{border-radius:var(--radius-lg);border:1px solid var(--panel-edge);background:#00000029;align-self:start;padding:.85rem .8rem;position:sticky;top:.5rem}.concepts-toc-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-size:.72rem;font-weight:600}.concepts-toc-list{flex-direction:column;gap:.3rem;display:flex}.concepts-toc-group{flex-direction:column;gap:.2rem;margin-top:.45rem;display:flex}.concepts-toc-group-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.15rem 0 .1rem;padding:0 .35rem;font-size:.68rem;font-weight:600}.concepts-index-group{margin-top:1.35rem}.concepts-index-group:first-of-type{margin-top:.75rem}.concepts-index-group-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .65rem;font-size:.78rem;font-weight:600}.concepts-toc-link{color:var(--muted);border:1px solid #0000;border-radius:8px;min-height:2.5rem;padding:.55rem .6rem;font-size:.88rem;line-height:1.35;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:block}.concepts-toc-link:hover{color:var(--text);border-color:#c6e27a4d}.concepts-toc-link.active{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.concepts-main{min-width:0}.concepts-title{letter-spacing:.03em;margin:0 0 .65rem;font-family:Bebas Neue,sans-serif;font-size:clamp(1.85rem,3.5vw,2.4rem);font-weight:400;line-height:1.1}.concepts-summary{color:var(--muted);max-width:40rem;margin:0 0 1rem;font-size:1.02rem;line-height:1.55}.concepts-bullets{flex-direction:column;gap:.55rem;max-width:40rem;margin:0 0 1.25rem;padding-left:1.2rem;display:flex}.concepts-bullets li{color:var(--text);line-height:1.5}.concepts-links-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.72rem;font-weight:600}.concepts-cta{background:var(--accent-soft);color:var(--accent);border-color:#c6e27a59}.concepts-cta:hover{color:var(--text);border-color:var(--accent)}.concepts-topic-cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.concepts-topic-card{border:1px solid var(--panel-edge);min-height:7.5rem;color:inherit;background:#0003;border-radius:12px;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.concepts-topic-card:hover{border-color:#c6e27a73;transform:translateY(-2px)}.concepts-topic-card strong{color:var(--text);font-size:1.05rem}.concepts-topic-card span{color:var(--muted);font-size:.88rem;line-height:1.45}.board-place-hint{z-index:4;max-width:calc(100% - 1.25rem);color:var(--accent);pointer-events:none;text-align:center;white-space:normal;background:#101a14e0;border:1px solid #c6e27a59;border-radius:999px;margin:0;padding:.4rem .75rem;font-size:.8rem;font-weight:500;line-height:1.35;position:absolute;top:.65rem;left:50%;transform:translate(-50%)}@media (width<=820px){.concepts-shell,.concepts-browse{grid-template-columns:1fr}.concepts-browse{flex-direction:column;display:flex}.concepts-main{order:1}.concepts-toc{order:2;margin-top:1rem;position:static}.app-concepts-ask .concepts-page{padding-top:.65rem}.concepts-outlet .chat-shell{margin:0 .85rem}.concepts-subnav{align-self:stretch;max-width:none;margin-left:.85rem;margin-right:.85rem}.concepts-page{padding:.75rem .85rem 1.25rem}.concepts-browse:has(.concepts-index) .concepts-toc{display:none}.concepts-toc-list{flex-direction:column;gap:.45rem;display:flex}.concepts-toc-all{align-self:stretch}.concepts-toc-group{margin-top:.15rem}.concepts-toc-link{width:auto}.concepts-topic-cards{grid-template-columns:1fr}.concepts-topic-card{min-height:0}}.app-ask .main{background:var(--field-void)}.chat-shell{background:radial-gradient(ellipse 80% 50% at 50% -10%, #c6e27a12, transparent 55%), var(--field-void);flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.chat-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101a14b8;border-bottom:1px solid #3d5c428c;flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.chat-topbar-left,.chat-topbar-right{align-items:center;gap:.5rem;display:flex}.chat-brand{color:var(--text);letter-spacing:.02em;font-size:.95rem;font-weight:600}.chat-ghost-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.35rem .6rem;font-size:.8rem}.chat-ghost-btn:hover{color:var(--text);border-color:var(--panel-edge);background:#0003}.chat-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.chat-column{flex-direction:column;gap:1.1rem;width:min(44rem,100%);margin:0 auto;padding:1.25rem 1rem 1.5rem;display:flex}.chat-welcome{text-align:center;max-width:36rem;margin:12vh auto 0}.chat-welcome-title{letter-spacing:-.02em;color:var(--text);margin:0 0 .5rem;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:600}.chat-welcome-hint{color:var(--muted);margin:0 0 1.25rem;font-size:.92rem;line-height:1.5}.chat-suggest{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}@media (width<=560px){.chat-suggest{grid-template-columns:1fr}.chat-welcome{margin-top:6vh}}.chat-suggest-card{text-align:left;border:1px solid var(--panel-edge);width:100%;color:var(--text);font:inherit;cursor:pointer;background:#00000038;border-radius:12px;padding:.75rem .85rem;font-size:.86rem;line-height:1.35;transition:border-color .15s,background .15s;display:block}.chat-suggest-card:hover:not(:disabled){background:#c6e27a14;border-color:#c6e27a73}.chat-suggest-card:disabled{opacity:.55;cursor:default}.chat-msg{align-items:flex-start;gap:.65rem;max-width:100%;display:flex}.chat-msg-user{flex-direction:row-reverse}.chat-avatar{width:1.7rem;height:1.7rem;color:var(--bg);background:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;margin-top:.15rem;font-size:.72rem;font-weight:700;display:inline-flex}.chat-msg-main{min-width:0;max-width:min(100%,36rem)}.chat-msg-user .chat-msg-main{background:#c6e27a1f;border:1px solid #c6e27a38;border-radius:16px 16px 4px;padding:.7rem .9rem}.chat-msg-assistant .chat-msg-main{padding:.15rem 0}.chat-msg-local{white-space:pre-wrap;color:var(--muted);background:#00000038;border:1px solid #c6e27a38;border-radius:8px;margin:0 0 .65rem;padding:.55rem .65rem;font-size:.88rem;line-height:1.55}.chat-msg-body{white-space:pre-wrap;color:var(--text);margin:0;font-size:.95rem;line-height:1.6}.chat-msg-note{color:var(--muted);background:#c6e27a14;border:1px solid #c6e27a47;border-radius:8px;margin:0 0 .45rem;padding:.4rem .55rem;font-size:.8rem;line-height:1.4}.chat-typing{color:var(--muted)}.chat-next{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.55rem;display:flex}.chat-next-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:.15rem;font-size:.65rem}.chat-next-link{color:var(--muted);background:#0000002e;border:1px solid #c6e27a33;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;line-height:1.3;text-decoration:none}.chat-next-link:hover{color:var(--accent);border-color:#c6e27a73}.chat-dock{background:linear-gradient(#0000,#101a14d9 30%);border-top:1px solid #3d5c4273;flex:none;padding:.65rem 1rem 1rem}.chat-dock-inner{width:min(44rem,100%);margin:0 auto}.chat-composer{border:1px solid var(--panel-edge);background:#00000059;border-radius:16px;align-items:flex-end;gap:.5rem;padding:.55rem .55rem .55rem .85rem;display:flex;box-shadow:0 8px 28px #00000038}.chat-composer:focus-within{border-color:#c6e27a80}.chat-composer textarea{resize:none;min-width:0;color:var(--text);font:inherit;field-sizing:content;background:0 0;border:none;outline:none;flex:auto;max-height:10rem;padding:.45rem 0;line-height:1.45}.chat-send{background:var(--accent);color:var(--bg);font:inherit;cursor:pointer;border:none;border-radius:12px;flex:none;min-height:2.4rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600}.chat-send:hover:not(:disabled){filter:brightness(1.05)}.chat-send:disabled{opacity:.4;cursor:default}.chat-dock-foot{text-align:center;color:var(--muted);margin-top:.45rem;font-size:.75rem}.chat-dock-foot a{color:var(--muted);text-decoration:none}.chat-dock-foot a:hover{color:var(--accent)}.rules-answer-toolbar{justify-content:flex-end;margin-bottom:.55rem;display:flex}.related-concepts-list{flex-direction:column;gap:.35rem;display:flex}.related-concepts-link{color:var(--accent);background:#c6e27a0f;border:1px solid #c6e27a40;border-radius:8px;padding:.45rem .55rem;font-size:.86rem;line-height:1.35;text-decoration:none;display:block}.related-concepts-link:hover{border-color:var(--accent);color:var(--text)}