.fx-app{display:flex;flex-direction:column}.fx-app.standalone{min-height:100vh;min-height:100dvh}.fx-main{flex:1;width:100%;min-width:0;overflow-x:clip}.fx-app.standalone .fx-main{max-width:1320px;margin:0 auto;padding:16px 20px 48px}.fx-foot{text-align:center;padding:18px;border-top:1px solid var(--border)}.fx-legend{margin:-4px 0 16px}.fx-crumbs{display:block;margin-bottom:8px}.fx-grow{flex:1 1 220px;min-width:0}.fx-ending-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.fx-ending-head-main{min-width:0;flex:1 1 320px}.fx-ending-head h1{font-size:26px;margin-bottom:4px;overflow-wrap:anywhere}.fx-sub{color:var(--muted)}.fx-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.fx-progress{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.fx-progress .muted{font-size:12px;line-height:1.5}.fx-dt{font-size:13px;color:var(--muted)}.fx-dt b{color:var(--text)}.fx-ending-nav{display:flex;justify-content:space-between;gap:10px;margin:20px 0 6px;flex-wrap:wrap}.fx-ending-nav .button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.fx-section{scroll-margin-top:calc(var(--topbar-h) + 12px)}.fx-section h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fx-secnum{color:var(--accent);font-size:13px;font-weight:800}.fx-section.read{border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}.fx-rules{padding-left:20px}.fx-rules li,.fx-mistakes li{margin-bottom:6px}.fx-rules li::marker{color:var(--accent);font-weight:700}.fx-mistakes li::marker{color:var(--bad)}.fx-flash{background:var(--card-2);border-left:3px solid var(--accent);padding:12px 14px;border-radius:8px}.fx-card-q{font-size:15px}.fx-card-a{border-top:1px dashed var(--border);padding-top:10px;margin-top:10px}.fx-related{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}.fx-related a{padding:6px 12px;border:1px solid var(--border);border-radius:999px;font-size:13px;display:inline-flex;align-items:center;min-height:36px}.fx-related a:hover{border-color:var(--accent);text-decoration:none}.fx-diagram-static{max-width:420px}.fx-stepper{outline:none}.fx-stepper-hint{flex:1 1 100%}.fx-stepper-active .stepper-board{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent);border-radius:8px}.fx-runner{display:grid;gap:14px 20px;align-items:start;grid-template-columns:minmax(300px,560px) minmax(280px,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"head head" "board lead" "board actions" "board side"}.fx-runner-head{grid-area:head;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.fx-runner-head h3{margin:2px 0}.fx-runner-lead{grid-area:lead;display:flex;flex-direction:column;gap:10px;min-width:0}.fx-runner-board{grid-area:board;min-width:0}.fx-runner-actions{grid-area:actions;min-width:0}.fx-runner-side{grid-area:side;display:flex;flex-direction:column;gap:10px;min-width:0}.fx-board-col{display:flex;gap:10px;align-items:stretch}.fx-board-col .board-wrap{flex:1;min-width:0}.fx-verdict{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card-2)}.fx-verdict.ok{border-color:color-mix(in srgb,var(--ok) 60%,var(--border))}.fx-verdict.bad{border-color:color-mix(in srgb,var(--bad) 60%,var(--border))}.fx-verdict.info{border-color:color-mix(in srgb,var(--info) 60%,var(--border))}.fx-alts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}.fx-alts span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:2px 7px;background:var(--card);border-radius:6px;border:1px solid var(--border)}.fx-drill-status{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-weight:600}.fx-moves{display:flex;flex-wrap:wrap;gap:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.7;background:var(--bg-2);border-radius:8px;padding:8px 10px}.fx-moves .m.bad{color:var(--bad);text-decoration:underline wavy}.fx-moves .num{color:var(--muted)}.fx-source{color:var(--muted);font-size:12px}.fx-tb-note{font-size:12px;color:var(--muted)}.fx-steps{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-2);border-radius:10px;padding:6px 8px}.fx-steps-count{display:flex;flex-direction:column;align-items:center;line-height:1.3;text-align:center}.fx-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fx-grade button{flex-direction:column;gap:0;padding:10px 6px;min-height:56px;justify-content:center}.fx-grade small{color:var(--muted);font-size:11px}.fx-grade button.primary small{color:inherit;opacity:.75}.fx-test-head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}@media(max-width:860px){.fx-runner{display:block;padding-bottom:72px}.fx-runner>*{margin-bottom:14px}.fx-runner>*:last-child{margin-bottom:0}.fx-runner-actions{position:sticky;bottom:calc(var(--bottombar-h) + 8px);z-index:15}.fx-grade.fx-runner-actions{background:var(--bg);padding:8px 0;border-top:1px solid var(--border)}.fx-two{grid-template-columns:1fr}.fx-ending-head{gap:12px}.fx-ending-head h1{font-size:22px}.fx-progress{width:100%}.fx-ending-nav .button{flex:1 1 100%;justify-content:center}.fx-diagram-static{max-width:none}.fx-app.standalone .fx-main{padding:12px 12px 32px}}@media(max-width:600px){.fx-grade{grid-template-columns:repeat(2,1fr)}.fx-steps{flex-wrap:wrap}.fx-steps button{flex:1 1 42%;justify-content:center}.fx-steps-count{flex:1 1 100%;order:-1}.fx-sub,.fx-tb-note{font-size:12px}}@media(pointer:coarse){.fx-related a{min-height:44px;padding:8px 14px}.fx-grade button{min-height:60px}.fx-steps button{min-height:44px}}