.technique-guide,.technique-tile{--tech-accent:#d1b1ff;--tech-tint:#b177f719;--tech-positive:#98d8b9;color:var(--text)}.technique-ui{--tech-accent:#9bceff;--tech-tint:#75b4f419}[data-theme=light] .technique-guide,[data-theme=light] .technique-tile{--tech-accent:#7441ad;--tech-tint:#efe8fa;--tech-positive:#216349}[data-theme=light] .technique-ui{--tech-accent:#215b9c;--tech-tint:#e8f2ff}
.technique-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 28px}.technique-hero h1{font-size:clamp(27px,3vw,38px);line-height:1.2;margin:10px 0 14px}.technique-hero p,.technique-hero small{color:var(--muted)}.technique-hero small{display:block;margin-top:14px}.technique-hero>img{width:136px;height:136px;border-radius:20px;object-fit:contain}.technique-kicker{font-size:.7rem;font-weight:700;letter-spacing:.13em;color:var(--tech-accent)}
.technique-levels{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;border-block:1px solid var(--border);padding:17px 3px}.technique-levels a{flex:0 0 44px;display:grid;place-content:center;height:44px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-weight:650;text-decoration:none}.technique-levels a[aria-selected=true]{background:var(--tech-accent);border-color:var(--tech-accent);color:#142034}[data-theme=light] .technique-levels a[aria-selected=true]{color:#fff}.technique-levels a:focus-visible,.technique-guide button:focus-visible{outline:2px solid var(--tech-accent);outline-offset:3px}.technique-levels a>span{position:absolute;transform:translateX(20px)}
.technique-level{margin-top:28px;scroll-margin-top:90px}.technique-level[hidden]{display:none}.technique-level-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.technique-level-heading h2{margin:0;font-size:1.5rem}.technique-level-heading p{color:var(--muted);font-size:.85rem;margin:5px 0 0}.technique-step-controls{display:flex;gap:8px}.technique-step-controls[hidden]{display:none}.technique-step-controls button{width:44px;height:44px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px}.technique-step-controls button:disabled{opacity:.4;cursor:default}.technique-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:28px}.technique-column-title{font-size:1.05rem;margin:0 0 14px}.technique-box,.technique-bonuses{border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:hidden;margin-bottom:15px}.technique-box>header{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid var(--border)}.technique-box h3{font-size:.95rem;margin:0}.technique-box header p{font-size:.78rem;color:var(--muted);margin:3px 0 0}.technique-step{display:grid;place-content:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--tech-tint);color:var(--tech-accent);font-weight:700;font-size:.8rem}.technique-box dl{margin:0;padding:4px 17px 8px}.technique-requirement{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 0;font-size:.85rem}.technique-requirement+.technique-requirement{border-top:1px solid var(--border)}.technique-requirement dt{color:var(--muted)}.technique-requirement dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.technique-requirement.threshold{background:var(--tech-tint);margin-inline:-17px;padding-inline:17px}.technique-requirement.threshold dt{color:var(--text)}.technique-initial{padding:20px}.technique-initial p{font-size:.9rem;color:var(--muted)}.technique-usage{font-size:.85rem;color:var(--muted);margin-top:20px}.technique-usage b{color:var(--text)}.technique-fine{font-size:.78rem;color:var(--muted);line-height:1.6;margin:10px 0}
.technique-power{padding:19px;display:flex;gap:14px;align-items:baseline;background:linear-gradient(110deg,var(--tech-tint),transparent)}.technique-power strong{font-size:2rem;line-height:1.1;color:var(--tech-accent)}.technique-power span{font-size:.85rem;color:var(--muted)}.technique-power small{margin-left:auto;font-size:.8rem;color:var(--tech-positive)}.technique-stat-table,.technique-plan-table{border-collapse:collapse;width:100%;font-size:.85rem}.technique-stat-table th,.technique-stat-table td{padding:11px 16px;border-top:1px solid var(--border);text-align:right}.technique-stat-table thead th{font-size:.72rem;font-weight:500;color:var(--muted)}.technique-stat-table th:first-child{text-align:left}.technique-stat-table tbody th{font-weight:400;color:var(--muted);line-height:1.45}.technique-stat-table td{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.technique-stat-table td:last-child{font-size:.78rem;font-weight:400;color:var(--muted)}.technique-stat-table td.gain{color:var(--tech-positive)}.technique-unknown{border:1px solid var(--border);border-radius:10px;background:var(--tech-tint);padding:24px}.technique-unknown>span{font-size:36px;color:var(--tech-accent)}.technique-unknown p{color:var(--muted);line-height:1.8}.technique-unknown a{color:var(--tech-accent);text-decoration:underline}
.technique-planner{border-top:1px solid var(--border);margin-top:28px}.technique-planner>summary{padding:20px 0;cursor:pointer;font-weight:650;min-height:44px}.technique-plan-controls{display:flex;align-items:end;gap:14px;margin:0 0 18px}.technique-plan-controls[hidden]{display:none}.technique-plan-controls label{display:grid;gap:6px;color:var(--muted);font-size:.85rem}.technique-plan-controls select{min-height:44px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--panel);padding:10px 30px 10px 12px}.technique-plan-controls>span{padding-bottom:12px}.technique-plan-table{max-width:800px}.technique-plan-table td,.technique-plan-table th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:right}.technique-plan-table th{font-weight:400}.technique-plan-table th:first-child{text-align:left}.technique-plan-table thead{font-size:.78rem;color:var(--muted)}.technique-date{border-top:1px solid var(--border);padding-top:20px;margin-top:30px}
.technique-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.technique-tile{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;min-height:212px;background:linear-gradient(120deg,var(--panel),var(--tech-tint));border:1px solid var(--border);border-radius:12px;text-decoration:none}.technique-tile:hover{border-color:var(--tech-accent)}.technique-tile>div{min-width:0}.technique-tile h3{font-size:1.4rem;line-height:1.3;margin:9px 0}.technique-tile p{font-size:.85rem;color:var(--muted);margin:8px 0 18px}.technique-tile strong{font-size:.85rem;color:var(--tech-accent)}.technique-tile img{width:150px;height:150px;object-fit:contain;border-radius:16px;flex-shrink:0}.technique-tile.compact{min-height:130px;padding:20px}.technique-tile.compact img{width:82px;height:82px;order:-1}.technique-tile.compact>div{flex:1}.technique-tile.compact h3{font-size:1.1rem}.technique-tile.compact .technique-kicker{display:none}.technique-tile.compact p{margin-bottom:9px}.home-techniques{margin:28px 0}.walk-guide-intro{margin:20px 0;color:var(--muted);font-size:.9rem}.walk-guide-intro p{margin:4px 0}
@media(max-width:1150px){.technique-tile img{width:110px;height:110px}.technique-tile{padding:20px}.technique-columns{gap:20px}.technique-stat-table td,.technique-stat-table th{padding-inline:12px}}
@media(max-width:720px){.technique-hero{align-items:start;gap:14px}.technique-hero>img{width:84px;height:84px;border-radius:14px}.technique-hero h1{font-size:26px}.technique-hero p{font-size:.9rem}.technique-columns{grid-template-columns:1fr;gap:20px}.technique-level-heading h2{font-size:1.3rem}.technique-level-heading p{font-size:.8rem}.technique-tiles{grid-template-columns:1fr}.technique-tile img{width:120px;height:120px}.technique-tile h3{font-size:1.25rem}.technique-stat-table td,.technique-stat-table th{padding:11px 10px}.technique-requirement{gap:8px;font-size:.8rem}.technique-plan-table th,.technique-plan-table td{padding:10px 5px;font-size:.78rem}.technique-power{gap:10px;padding:16px}.technique-power span,.technique-power small{font-size:.75rem}}
.technique-guide,.technique-tile{--text:var(--ink);--border:var(--line);--panel:var(--surface)}
.technique-levels a{position:relative}