:root{color-scheme:light;--paper:#f2f1ec;--surface:#fff;--ink:#192329;--muted:#576269;--line:#d2d6d5;--red:#b91f32;--red-soft:#fae9e9;--night:#192329;--night-text:#f4f6f7;--night-muted:#bac6cd;--green:#29644d;--radius:4px;--space:20px;--press:120ms;--nav-height:76px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}html{scroll-padding-bottom:100px}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:active,a:active{opacity:.72}a,button,input,summary{transition:background-color var(--press),color var(--press),opacity var(--press)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}input{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;text-wrap:balance}h1{font-size:30px;letter-spacing:-1px}h2{font-size:22px}h3{font-size:18px}img,svg{max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:99;padding:12px;background:var(--surface)}.skip-link:focus{top:12px}.site-header{max-width:1040px;margin:auto;padding:24px var(--space) 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;gap:10px;align-items:center;min-height:48px;font-size:12px;letter-spacing:1.3px;font-weight:600;line-height:1.25}.brand b{display:block;font-size:18px;letter-spacing:1px}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:.8px;margin-top:5px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:38px;height:42px;flex-shrink:0;border:2px solid var(--red);color:var(--red);font-size:29px;font-weight:800;font-family:Arial,sans-serif;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.local-status{font-size:11px;white-space:nowrap;color:var(--muted);display:flex;align-items:center;gap:6px}.local-status i{height:6px;width:6px;background:var(--green);border-radius:50%}main{max-width:1000px;padding:0 var(--space) calc(var(--nav-height) + 36px + env(safe-area-inset-bottom));margin:auto;min-height:80vh}.view{animation:appear 180ms ease-out}.hero{position:relative;background:var(--night);color:var(--night-text);padding:20px;overflow:hidden;border-top:3px solid var(--red);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.hero-label{display:flex;justify-content:space-between;gap:12px;color:var(--night-muted);font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:1.5px;border-bottom:1px solid #435057;padding-bottom:14px}.hero-content{display:flex;position:relative;min-height:235px;align-items:center}.hero-copy{z-index:1;position:relative}.hero .eyebrow{color:var(--night-muted);font-family:inherit;font-size:11px;letter-spacing:1px;margin-bottom:13px}.hero h1{font-size:34px;letter-spacing:0;font-weight:800;line-height:1.35}.hero h1 span{color:#ed5965}.hero-description{font-size:12px;color:var(--night-muted);margin-top:13px}.hero-art{position:absolute;right:-68px;top:3px;width:240px;height:260px;opacity:.65;pointer-events:none}.primary-action{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;background:var(--red);color:#fff;font-weight:600;padding:12px 16px;position:relative;z-index:1}.primary-action span{font-size:23px;line-height:1}.hero-footer{display:flex;justify-content:space-between;gap:8px;padding-top:16px;color:var(--night-muted);font:9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.3px}.eyebrow{font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:1.7px;color:var(--muted);margin-bottom:6px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:34px;margin-bottom:12px}.count-label{font:12px/1.5 ui-monospace,Consolas,monospace;color:var(--muted);padding-bottom:3px}.section-intro{font-size:14px;color:var(--muted);margin-bottom:16px}.setup-list{background:var(--surface);border:1px solid var(--line)}.setup-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--line);cursor:pointer}.setup-item:last-child{border-bottom:0}.check-control{position:relative;flex:0 0 44px;min-height:44px;display:grid;place-items:center;align-self:center}.check-control input{width:24px;height:24px;margin:0;accent-color:var(--red);cursor:pointer}.setup-content{flex:1;min-width:0}.setup-content strong{display:block;font-size:15px;font-weight:650;line-height:1.5}.setup-content p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:5px}.setup-number{font:10px/1.6 ui-monospace,Consolas,monospace;color:var(--red);margin-bottom:3px;display:block}.setup-item:has(input:checked){background:var(--paper)}.setup-item:has(input:checked) strong{text-decoration:line-through;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--ink);padding:16px 12px;display:flex;flex-direction:column;gap:12px;min-height:150px}.quick-number{font:9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.4px;color:var(--muted)}.quick-card strong{font-size:17px;line-height:1.5}.quick-card>span:last-child{font-size:11px;line-height:1.6;color:var(--muted)}.quick-card b{color:var(--red);font-size:18px;display:block;line-height:1.4}.information-note{padding:18px 16px;border-left:3px solid var(--red);background:var(--surface);font-size:13px;margin-top:24px;line-height:1.7;overflow-wrap:anywhere}.information-note strong{font-size:14px;display:block;margin-bottom:6px}.information-note p+p{margin-top:8px}.page-heading{margin:12px 0 24px;border-top:2px solid var(--ink);padding-top:22px}.page-heading h1{margin-bottom:10px}.page-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.8}.flow-step{position:relative;background:var(--surface);border:1px solid var(--line);margin-bottom:16px}.flow-top{padding:18px 18px 12px;display:flex;gap:14px;align-items:center}.step-index{font:24px/1 ui-monospace,Consolas,monospace;color:var(--red)}.flow-top h2{font-size:19px}.flow-body{padding:0 18px 18px}.flow-body p,.flow-body li{font-size:14px;line-height:1.85}.flow-body ul,.detail-body ul{padding-left:20px;margin:10px 0}.flow-body p+p{margin-top:10px}.citation{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);margin-top:14px;padding-top:10px;overflow-wrap:anywhere}.search-box{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--ink);min-height:54px;gap:10px;padding:0 14px}.search-box svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:1.8;flex-shrink:0}.search-box input{width:100%;height:52px;background:none;border:0;color:var(--ink);font-size:14px;outline-offset:0}.search-box:focus-within{outline:3px solid var(--red);outline-offset:3px}.search-box input:focus-visible{outline:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}.filters button{border:1px solid var(--line);border-radius:2px;min-height:44px;min-width:54px;padding:8px 11px;background:var(--surface);font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.result-count{font-size:12px;color:var(--muted);margin-bottom:16px}.card-list{display:grid;gap:14px}.unit-card{position:relative;min-width:0;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--ink)}.unit-card.tactic-card{border-top-color:var(--red)}.card-header{padding:16px;display:flex;align-items:flex-start;gap:12px}.card-identity{flex:1;min-width:0}.card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font:10px/1.7 ui-monospace,Consolas,monospace;color:var(--muted);margin-bottom:9px}.type-label{display:inline-block;font-family:inherit;font-size:10px;background:var(--paper);padding:2px 7px;letter-spacing:.4px}.card-identity h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere}.card-ja{font-size:12px;line-height:1.65;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.favorite-button{width:44px;min-height:44px;background:var(--surface);border:1px solid var(--line);flex-shrink:0;display:grid;place-items:center;border-radius:50%}.favorite-button svg{width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:1.5}.favorite-button[aria-pressed=true]{background:var(--red-soft);border-color:var(--red)}.favorite-button[aria-pressed=true] svg{fill:var(--red);stroke:var(--red)}.card-summary{font-size:14px;line-height:1.8;padding:0 16px 16px;overflow-wrap:anywhere}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--line)}.stat{background:var(--paper);text-align:center;padding:12px 6px}.stat dt{font-size:10px;color:var(--muted)}.stat dd{font:20px/1.6 ui-monospace,Consolas,monospace;margin:0}.status-tag{display:inline-block;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:10px;padding:2px 6px;line-height:1.6}.status-tag.verified{color:var(--green);border-color:var(--green)}.status-tag.partial{color:var(--red);border-color:var(--red)}details{min-width:0}summary{list-style:none;cursor:pointer;min-height:48px;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}summary::-webkit-details-marker{display:none}summary::after{content:'＋';font-size:18px;flex-shrink:0;color:var(--red)}details[open]>summary::after{content:'−'}.detail-body{padding:0 16px 18px;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.detail-body p+p{margin-top:10px}.detail-body h3{font-size:15px;margin:12px 0 6px}.detail-body dl{margin:0}.detail-body dt{font-weight:600;margin-top:10px}.detail-body dd{margin:3px 0 0}.detail-body .jp{color:var(--muted);font-size:12px}.empty-state{padding:30px 20px;border:1px dashed var(--line);font-size:14px;text-align:center;color:var(--muted);line-height:1.8}.empty-state strong{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}.score-panel{background:var(--night);color:var(--night-text);border-top:3px solid var(--red);padding:20px}.panel-topline{display:flex;justify-content:space-between;gap:12px;font:10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:1px;color:var(--night-muted)}.score-grid{display:grid;grid-template-columns:1fr 1fr;margin:28px 0}.score-side{text-align:center;min-width:0}.score-side+ .score-side{border-left:1px solid #435057}.score-side h2{font-size:14px;font-weight:400;color:var(--night-muted)}.score-side output{font:76px/1.45 ui-monospace,Consolas,monospace;font-weight:300;display:block;letter-spacing:-5px}.score-controls{display:flex;gap:8px;justify-content:center;padding:0 12px}.score-controls button{width:48px;min-height:48px;font-size:22px;background:#33434c;border:1px solid #6b7e88;color:#fff}.score-controls button:last-child{background:var(--red);border-color:var(--red)}.score-actions{display:flex;gap:10px;border-top:1px solid #435057;padding-top:18px}.secondary-button{padding:10px 13px;min-height:44px;font-size:13px;flex:1;background:transparent;color:var(--night-text);border:1px solid #6b7e88}.support-text{font-size:12px;line-height:1.9;color:var(--muted);margin-top:14px;overflow-wrap:anywhere}.text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center;color:var(--red)}.favorite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);margin-bottom:8px}.favorite-row span{font-size:14px;min-width:0}.favorite-row a{font-size:12px;min-height:44px;display:flex;align-items:center;color:var(--red);white-space:nowrap}.field-label{display:block;font-size:13px;margin-bottom:8px}.standalone-input{background:var(--surface);border:1px solid var(--ink);width:100%;padding:12px 14px;min-height:50px;color:var(--ink)}.faq-list{margin-top:20px}.faq-item{background:var(--surface);border:1px solid var(--line);margin-bottom:10px}.faq-item summary{font-size:14px;line-height:1.7;min-height:60px}.source-item{background:var(--surface);border:1px solid var(--line);padding:16px;margin-bottom:12px;min-width:0}.source-item h3{font-size:15px;line-height:1.6;margin:6px 0}.source-item p{font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.source-item a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--red);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.source-links{display:flex;gap:16px;flex-wrap:wrap}.page-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font:9px/1.8 ui-monospace,Consolas,monospace;letter-spacing:.7px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -5px 20px #19232908}.bottom-nav a{position:relative;display:flex;flex:1;max-width:120px;min-width:0;min-height:var(--nav-height);align-items:center;justify-content:center;gap:5px;flex-direction:column;font-size:10px;color:var(--muted);padding:12px 4px 10px}.bottom-nav svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:square;stroke-linejoin:miter}.bottom-nav a[aria-current=page]{color:var(--red);font-weight:700}.bottom-nav a[aria-current=page]::before{content:'';height:3px;background:var(--red);position:absolute;top:-1px;left:25%;right:25%}.toast{position:fixed;left:50%;bottom:calc(var(--nav-height) + 16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;background:var(--night);color:var(--night-text);font-size:13px;line-height:1.6;padding:12px 18px;width:max-content;max-width:calc(100% - 32px);box-shadow:0 3px 20px #0002;opacity:0;pointer-events:none;transition:opacity var(--press)}.toast.visible{opacity:1}.noscript-note{padding:24px;background:var(--surface)}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:600px){:root{--space:32px}.site-header{padding-top:32px;padding-bottom:28px}.hero{padding:28px 32px}.hero-content{min-height:285px}.hero h1{font-size:48px}.hero-art{right:10px;top:0;width:300px;height:300px;opacity:.85}.hero-description{font-size:15px}.hero .eyebrow{font-size:13px}.hero-label{font-size:11px}.hero-footer{font-size:10px}.primary-action{max-width:340px}.quick-card{padding:20px;min-height:155px}.quick-card strong{font-size:21px}.quick-card b{display:inline;float:right}.quick-card>span:last-child{font-size:13px}.quick-number{font-size:11px}.card-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.flow-list{max-width:760px}.score-panel{max-width:620px}.page-heading h1{font-size:38px}.hero-copy{max-width:65%}.setup-item{padding:20px}.setup-content strong{font-size:16px}}
@media(min-width:900px){.hero-art{right:65px;width:340px;height:340px}.hero-content{min-height:300px}.hero h1{font-size:52px}.site-header .local-status{font-size:12px}.hero-label{letter-spacing:2px}.section-heading{margin-top:40px}.bottom-nav a{flex-direction:row;font-size:13px;gap:12px;min-height:64px}.bottom-nav{--nav-height:64px}}
@media(max-width:359px){:root{--space:16px}.hero{padding:16px}.hero h1{font-size:30px}.hero-description{font-size:11px}.hero-art{right:-88px;opacity:.4}.hero-label{font-size:9px;letter-spacing:.7px}.hero-footer{font-size:8px}.quick-grid{gap:8px}.quick-card{padding:14px 10px}.quick-card strong{font-size:15px}.quick-number{font-size:8px}.score-panel{padding:16px}.score-side output{font-size:64px}.score-controls{padding:0 8px}.brand{letter-spacing:.5px}.brand b{font-size:16px}.brand small{font-size:9px}.local-status{font-size:10px}.setup-item{padding:12px;gap:8px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#141c20;--surface:#202b31;--ink:#e6ecf0;--muted:#b3c0c8;--line:#46565e;--red:#f36b78;--red-soft:#4c2530;--night:#10171b;--night-text:#f3f5f6;--night-muted:#bac6cd;--green:#82d2a9}.primary-action,.score-controls button:last-child{background:#aa2335;color:#fff;border-color:#ce4759}.brand-mark{border-color:var(--red)}.hero{border-top-color:var(--red)}.filters button[aria-pressed=true]{background:#e6ecf0;color:#141c20}.stats-grid{background:var(--line)}.primary-action:focus-visible{outline-color:#fff}.quick-card{border-top-color:var(--muted)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.attack-panel{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--red);padding:20px;margin-bottom:28px}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:22px;margin-bottom:8px}.panel-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.8}.attack-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.attack-fields label{font-size:12px;line-height:1.8;min-width:0}.attack-fields input{display:block;width:100%;min-height:48px;margin-top:6px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:2px;color:var(--ink);font-size:16px}.attack-fields input:invalid:not(:placeholder-shown){border-color:var(--red)}.dice-label{margin-top:20px}.assumption-check{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:12px;line-height:1.9;cursor:pointer;min-height:44px}.assumption-check input{width:24px;height:24px;flex-shrink:0;accent-color:var(--red);margin:3px 0}.attack-actions{display:flex;gap:10px;flex-wrap:wrap}.attack-actions button{min-height:48px;padding:10px 14px;font-size:13px;flex:1}.calculate-button{background:var(--ink);color:var(--surface);border:1px solid var(--ink)}.probability-button{background:var(--surface);border:1px solid var(--ink)}.inline-error{color:var(--red);font-size:13px;line-height:1.8;margin-top:12px}.inline-error:empty{display:none}.attack-result{margin-top:24px;padding:18px;background:var(--paper);border-left:3px solid var(--red)}.attack-result h3{font-size:16px;line-height:1.6}.attack-result>p{font-size:12px;line-height:1.9;margin-top:12px}.attack-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:20px 0}.attack-stat-grid dt{font-size:11px;color:var(--muted)}.attack-stat-grid dd{font:28px/1.6 ui-monospace,Consolas,monospace;margin:0}.dice-results{display:flex;gap:8px;flex-wrap:wrap}.die-result{display:flex;align-items:center;flex-direction:column;min-width:44px;padding:7px;border:1px solid var(--line);font-size:9px;color:var(--muted);background:var(--surface)}.die-result b{font:20px/1.5 ui-monospace,Consolas,monospace;color:var(--ink)}.die-result.critical{border-color:var(--red);color:var(--red)}.die-result.hit{border-color:var(--ink);color:var(--ink)}.formula-details{border-top:1px solid var(--line);margin-top:20px}.formula-details summary{padding-left:0;padding-right:0}.formula-details .detail-body{padding-left:0;padding-right:0;font-size:12px}.attack-panel+.score-panel{margin-top:30px}@media(min-width:600px){.attack-panel{padding:28px;max-width:760px}.attack-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.attack-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:359px){.attack-panel{padding:16px}.attack-fields{gap:12px 8px}.attack-fields label{font-size:11px}.attack-actions button{font-size:12px;padding:10px 8px}.attack-result{padding:14px}}
main:focus{outline:none}:root input[type=search]{font-size:16px}
.welcome-heading{padding:4px 0 22px}.welcome-heading h1{font-size:30px;line-height:1.3;letter-spacing:0;margin:8px 0 12px}.welcome-heading>p:last-child{font-size:14px;color:var(--muted)}.learn-entry{display:flex;flex-direction:column;gap:14px;padding:22px 18px;background:var(--night);color:var(--night-text);border-top:3px solid var(--red);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.entry-kicker{font-size:12px;color:var(--night-muted);letter-spacing:.6px}.learn-entry>strong{font-size:23px;line-height:1.5}.learn-entry>strong>span{float:right;color:var(--red)}.learn-entry>span:not([class]){font-size:13px;line-height:1.8;color:var(--night-muted)}.entry-trail{display:flex;align-items:center;gap:6px;justify-content:space-between}.entry-trail b{font-size:13px;border:1px solid #62727b;padding:10px 6px;font-weight:500;flex:1;text-align:center}.entry-trail i{font-style:normal;color:var(--night-muted)}.entry-footer{font-size:12px;color:var(--night-muted);padding-top:8px;border-top:1px solid #435057}.play-entry{padding:24px 0 6px}.play-entry h2{font-size:22px}.play-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.play-links a{display:flex;align-items:center;min-height:50px;padding:10px 12px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600}.learning-top{display:flex;justify-content:space-between;gap:10px}.lesson-heading{padding:10px 0 12px}.lesson-heading h1{font-size:25px;letter-spacing:0}.lesson-progress{display:flex;align-items:center;gap:16px;margin-top:14px;font-size:12px;color:var(--muted)}.lesson-progress span{white-space:nowrap}.lesson-progress progress{width:100%;height:6px;accent-color:var(--red);border:0}.lesson-diagram{margin:0 0 16px;padding:14px 10px;background:var(--surface);border:1px solid var(--line)}.lesson-diagram svg{display:block;width:100%;max-height:220px;margin:auto;overflow:visible}.lesson-diagram figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 2px 0}.lesson-instruction>span{display:block;font-size:12px;font-weight:650;color:var(--red);margin-bottom:5px}.lesson-instruction>p{font-size:17px;line-height:1.75}.lesson-instruction ul{padding-left:20px}.worked-example{padding:14px;margin:16px 0;background:var(--surface);border-left:3px solid var(--red);font-size:14px;line-height:1.8}.worked-example b{display:block;font-size:12px;color:var(--red);margin-bottom:6px}.lesson-reasons{border-top:1px solid var(--line);margin-top:16px}.lesson-reasons summary{padding-left:0;padding-right:0;min-height:50px;font-size:13px}.lesson-reasons .detail-body{padding-left:0;padding-right:0}.lesson-navigation{position:sticky;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:12px 0;background:var(--paper);z-index:10}.lesson-navigation button,.lesson-navigation a{min-height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:650;color:var(--ink)}.lesson-navigation .lesson-next{background:var(--ink);color:var(--surface);border-color:var(--ink)}.lesson-directory{margin-top:20px;border:1px solid var(--line);background:var(--surface)}.lesson-directory>div{padding:0 14px 18px}.lesson-directory h2{font-size:15px;margin:18px 0 8px}.lesson-directory button{display:block;width:100%;min-height:46px;text-align:left;padding:10px 12px;border:0;border-top:1px solid var(--line);background:none;font-size:13px;line-height:1.65;color:var(--ink)}.lesson-directory button[aria-current]{border-left:3px solid var(--red);color:var(--red)}.unit-art{margin:0;background:var(--paper);position:relative}.unit-art img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:top}.unit-art figcaption{padding:6px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.unit-role{font-size:15px;line-height:1.8;padding:0 16px 18px}.unit-guide{border-top:1px solid var(--line)}.unit-guide>summary{font-size:14px}.unit-guide .detail-body{padding-top:4px}.guide-role{font-size:16px;line-height:1.8}.guide-section-title{border-top:1px solid var(--line);padding-top:18px!important;margin-top:22px!important}.guide-explanation{margin:14px 0 20px}.guide-explanation h4{font-size:15px;margin:0 0 8px}.guide-explanation p{font-size:14px;line-height:1.9}.guide-explanation .worked-example{margin-top:10px}.diagram-caption{font-size:13px;color:var(--muted)}@media(min-width:600px){.welcome-heading h1{font-size:38px}.learn-entry{max-width:680px;padding:26px}.learn-entry>strong{font-size:28px}.play-entry{max-width:680px}.entry-trail{max-width:420px}.lesson-heading,.learning-top,#current-learning-step,.lesson-navigation,.lesson-directory{max-width:680px;margin-left:auto;margin-right:auto}.lesson-diagram svg{max-height:280px}.lesson-diagram{padding:22px}.lesson-heading h1{font-size:30px}.unit-art img{max-height:250px}.lesson-navigation{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}}@media(max-width:359px){.welcome-heading h1{font-size:27px}.learn-entry{padding:18px 14px}.learn-entry>strong{font-size:20px}.entry-trail{gap:4px}.entry-trail b{font-size:12px;padding:8px 4px}.play-links a{font-size:12px}.lesson-heading h1{font-size:22px}.learning-top .text-link{font-size:11px}.lesson-instruction>p{font-size:16px}.worked-example{padding:12px}.lesson-diagram{padding:10px 6px}}
.storage-status{position:sticky;top:0;z-index:25;max-width:960px;margin:0 auto 16px;padding:12px var(--space);border-left:3px solid var(--red);background:var(--surface);color:var(--ink);font-size:13px;line-height:1.7}
.flow-graph{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.flow-reading-key{font-size:12px;color:var(--muted);margin-bottom:12px}.flow-node-card{padding:12px;background:var(--paper);border:1px solid var(--line)}.flow-node-heading{display:flex;align-items:flex-start;gap:10px}.flow-node-heading strong{font-size:15px}.flow-node-badge{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid var(--ink);font:14px/1 ui-monospace,monospace}.flow-node-card>p{margin-top:8px;color:var(--muted);font-size:13px}.flow-decision{border:2px solid var(--ink)}.flow-edge{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 4px;font-size:12px;color:var(--muted)}.flow-edge>span[aria-hidden]{font-size:20px;color:var(--ink)}.flow-edge-label{padding:3px 7px;border:1px solid var(--red);color:var(--red);font-size:13px;line-height:1.6}.flow-fork{display:grid;gap:14px;margin-top:4px}.flow-fork>.flow-branch{border-left:2px solid var(--line);padding-left:10px}.flow-return,.flow-reference{display:flex;gap:9px;padding:10px;border:1px dashed var(--red);background:var(--paper)}.flow-return>span,.flow-reference>span{font-size:25px;color:var(--red);flex-shrink:0}.flow-return strong,.flow-reference strong{font-size:14px;line-height:1.7}.flow-return p,.flow-reference p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:5px}
#learn-title:focus{outline:none}.lesson-instruction{margin-bottom:16px}body[data-view=learn] .site-header{padding-top:12px;padding-bottom:8px}
.state-pair{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:6px}.state-pair>div{padding:10px 8px;font-size:14px;overflow-wrap:anywhere}.state-pair>span{font-size:18px}.board-after{border-left:3px solid var(--red);padding:10px 12px;margin-top:12px;background:var(--paper);font-size:13px;line-height:1.8}.board-aoe{margin-top:16px;font-size:13px}.board-aoe .sp-template{max-height:none}.diagram-stateChange>p:last-of-type{font-size:13px;line-height:1.8}
.unit-art img{aspect-ratio:1.6/1;object-fit:contain;object-position:center;background:#fff;max-height:200px}.unit-art{background:#fff}.unit-art figcaption{background:var(--paper)}#view-cards>.page-heading{padding-top:14px;margin-bottom:18px}#view-cards>.page-heading h1{font-size:27px;margin-bottom:6px}#view-cards>.page-heading>p:last-child{font-size:13px}.card-header:has(+.unit-art){padding-bottom:12px}
.diagram-scope{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.flow-follow{color:var(--red)!important;font-size:12px!important}
.diagram-card{display:flex;align-items:flex-start;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.75}.diagram-card:last-of-type{border-bottom:0}.diagram-card-index{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid var(--red);font-size:14px;font-family:ui-monospace,monospace;color:var(--red)}.diagram-card strong{font-size:15px;display:block}.diagram-card p{font-size:14px;color:var(--muted)}.read-card-art img{display:block;width:100%;height:auto;margin-bottom:10px}.state-subject{font-size:15px;font-weight:650}.state-pair{display:grid;gap:8px;padding:12px 0}.state-pair>div{padding:12px;background:var(--paper);border:1px solid var(--line);font-size:15px;line-height:1.7}.state-pair>span{text-align:center;font-size:22px;color:var(--red)}.state-pair b{display:block;font-size:12px;color:var(--muted)}.state-pair span:not(:only-child){display:block;margin-top:6px}.damage-facts,.timeline-order,.board-facts{font-size:13px;line-height:1.8}.damage-facts strong{font-size:18px}.timeline-legend{display:flex;gap:12px;font-size:12px;margin-bottom:10px}.diagram-timeline svg+svg{margin-top:12px}.board-legend{padding:0;list-style:none;font-size:13px;line-height:1.8;margin:10px 0}.board-legend li{margin:6px 0}.board-legend b{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);margin-right:5px}.board-facts{border-top:1px solid var(--line);padding-top:8px}.diagram-flow{padding-left:24px;margin:4px 0;counter-reset:step}.diagram-flow li{padding:8px 0 12px 6px;font-size:14px;line-height:1.7}.diagram-flow li+li{border-top:1px solid var(--line)}.diagram-flow p{color:var(--muted);margin-top:5px;font-size:13px}.example-preconditions{font-size:12px!important;color:var(--muted);margin-top:10px!important}.worked-example ul{padding-left:18px;font-size:13px;line-height:1.8;margin:6px 0}.guide-value{font:22px/1.5 ui-monospace,monospace;color:var(--red);margin-left:6px}.guide-limit{border-left:2px solid var(--line);padding-left:10px;color:var(--muted);font-size:13px!important}.unit-guide summary~.detail-body .jp{font-size:12px}
/* Compact mobile cover keeps preparation within the first screen. */
@media(max-width:599px){.hero{padding:14px 16px}.hero-label{padding-bottom:6px}.hero-content{min-height:112px}.hero h1{font-size:28px;line-height:1.25}.hero .eyebrow{font-size:10px;margin-bottom:4px}.hero-description{margin-top:4px;font-size:11px}.hero-art{width:150px;height:162px;right:-28px;top:-10px;opacity:.35}.hero-footer{padding-top:7px}#view-home>.section-heading{margin-top:18px;margin-bottom:8px}#view-home>.section-intro{margin-bottom:10px}}