@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:100vh;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)}.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}.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.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}.orient-row{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.75rem;display:grid}.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}.main{background:var(--field-void);min-width:0;height:100%;min-height:0;display:flex}.board-stage{flex:1;width:100%;height:100%;min-height:0;position:relative}.board-stage.board-placing{cursor:crosshair}.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 .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 .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;color:var(--accent);pointer-events:none;white-space:nowrap;background:#101a14e0;border:1px solid #c6e27a59;border-radius:999px;margin:0;padding:.4rem .75rem;font-size:.8rem;font-weight:500;position:absolute;top:.65rem;left:50%;transform:translate(-50%)}@media (width<=820px){.concepts-shell,.concepts-browse{grid-template-columns:1fr;padding:.75rem .85rem 1.25rem}.app-concepts-ask .concepts-page{padding-top:.65rem}.concepts-outlet .chat-shell{margin:0 .85rem}.concepts-subnav{margin-left:.85rem;margin-right:.85rem}.concepts-toc{position:static}.concepts-toc-list{flex-flow:wrap;gap:.35rem;display:flex}.concepts-toc-link{width:auto}}.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)}