@font-face { font-family:HKEncyclopediaJP; src:url("../fonts/encyclopedia/noto-sans-jp-subset.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; unicode-range:U+3000-30FF,U+4E00-9FFF,U+FF00-FFEF; }
/* Private character playbooks. The arenas share Hadokamp's typography. */
.community-encyclopedia-page { background:#11100f; }
.community-encyclopedia-page .encyclopedia-hero { min-height:0; padding:35px 0 28px; }
.community-encyclopedia-page .encyclopedia-hero .container { display:grid; grid-template-columns:1fr 1fr; gap:10px 28px; align-items:center; }
.community-encyclopedia-page .encyclopedia-hero .eyebrow { grid-column:1/-1; }
.community-encyclopedia-page .encyclopedia-hero h1 { margin:0; font-size:clamp(2.4rem,4vw,3.7rem); }
.community-encyclopedia-page .encyclopedia-hero .page-hero-context { display:grid; grid-template-columns:1fr; gap:15px; margin:0; }
.community-encyclopedia-page .encyclopedia-hero .lede { max-width:600px; margin:0; font-size:.85rem; line-height:1.65; }
.community-encyclopedia-page main > .encyclopedia-workspace { padding:0 0 60px; background:#11100f; }
.encyclopedia-workspace > .container { max-width:1480px; }
.hk-encyclopedia { --arena:#ff993b; --arena-rgb:255,153,59; position:relative; overflow:hidden; color:#fff8e7; background:#141313; border:1px solid #47413b; isolation:isolate; }
.hk-encyclopedia [hidden] { display:none !important; }
.hk-encyclopedia [data-theme="psycho"],.hk-encyclopedia[data-theme="psycho"] { --arena:#ffad63; --arena-rgb:255,173,99; }
.hk-encyclopedia [data-theme="electric"],.hk-encyclopedia[data-theme="electric"] { --arena:#d2a8ff; --arena-rgb:210,168,255; }
.hk-encyclopedia [data-theme="wolf"],.hk-encyclopedia[data-theme="wolf"] { --arena:#70e4d2; --arena-rgb:112,228,210; }
.hk-encyclopedia[data-theme="psycho"] { --arena-cover:url('/assets/img/events/bx-dojo/games/street-fighter-6-card.jpg'); }
.hk-encyclopedia[data-theme="electric"] { --arena-cover:url('/assets/img/events/bx-dojo/games/tekken-8-card.jpg'); }
.hk-encyclopedia[data-theme="wolf"] { --arena-cover:url('/assets/img/events/bx-dojo/games/fatal-fury-cotw-card.jpg'); }
.hk-encyclopedia h2,.hk-encyclopedia h3,.hk-encyclopedia h4,.hk-encyclopedia h5 { margin:0; color:#fff8e7; }
.hk-encyclopedia p { color:#dfd5c5; }
.hk-encyclopedia button,.hk-encyclopedia input,.hk-encyclopedia summary { font:inherit; }
.hk-encyclopedia button { cursor:pointer; }
.hk-encyclopedia button:disabled { cursor:default; }
.hk-encyclopedia a { color:var(--arena); text-underline-offset:4px; }
.hk-encyclopedia :focus-visible { outline:3px solid var(--arena); outline-offset:5px; }
.hk-encyclopedia [data-screen-title]:focus { outline:none; }
.encyclopedia-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 30px; border-bottom:1px solid #47413b; }
.encyclopedia-home { display:flex; gap:10px; align-items:center; padding:0; border:0; background:none; color:#fff8e7; text-transform:uppercase; font-weight:900 !important; font-size:.8rem !important; letter-spacing:.09em; }
.encyclopedia-home > span { color:#ffad63; font-size:1.1rem; }
.encyclopedia-internal { padding:6px 9px; border:1px solid #72665b; color:#e7dbc8; font-size:.65rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.encyclopedia-game-nav { display:flex; overflow-x:auto; gap:4px; padding:12px 26px; border-bottom:1px solid #47413b; }
.encyclopedia-game-nav { flex-wrap:wrap; }
.encyclopedia-game-nav button { white-space:normal; text-align:left; max-width:100%; }
.encyclopedia-private-label { overflow-wrap:anywhere; }
.encyclopedia-matchups { margin:28px 0; padding:clamp(16px,3vw,28px); border:1px solid #6c5b4a; background:#211c18; color:#f1e2cd; }
.encyclopedia-matchups > p,.encyclopedia-matchup-observe p { line-height:1.7; }
.encyclopedia-matchup-choice { display:grid; gap:8px; max-width:460px; margin:20px 0; color:#fff2df; font-weight:800; }
.encyclopedia-matchup-choice select { width:100%; min-width:0; min-height:48px; padding:10px 12px; border:1px solid #b59b7b; border-radius:0; background:#15120f; color:#fff2df; font:inherit; }
.encyclopedia-matchups :is(a,button,select,summary):focus-visible { outline:3px solid #ffc580; outline-offset:4px; }
.encyclopedia-matchup-count { margin:16px 0; font-weight:800; }
.encyclopedia-matchup-search { display:flex; flex-wrap:wrap; gap:12px 20px; margin:20px 0; }
.encyclopedia-matchup-search > p { width:100%; margin:0; font-weight:800; }
.encyclopedia-matchups a { color:#ffc580; overflow-wrap:anywhere; }
.encyclopedia-matchups .encyclopedia-kicker { color:#efddca; }
.encyclopedia-matchups details { margin-top:14px; }
.encyclopedia-matchups summary { cursor:pointer; color:#fff2df; min-height:32px; }
.encyclopedia-matchups [data-matchup-more] { margin-top:18px; }
.encyclopedia-matchup-stale { color:#ffcf8e !important; font-weight:800; }
.encyclopedia-matchup-history { padding:16px; border:1px solid #92734e; }
.encyclopedia-matchup-history > .encyclopedia-video-grid { margin-top:16px; }
@media (max-width:480px) {
  .encyclopedia-matchups .encyclopedia-section-title h3 { font-size:1.15rem; line-height:1.3; overflow-wrap:normal; }
}
.encyclopedia-game-nav button { flex-shrink:0; min-height:44px; padding:9px 19px; border:1px solid transparent; background:none; color:#d5cbbd; font-size:.8rem; font-weight:900; letter-spacing:.07em; transition:background .2s,color .2s,border-color .2s; }
.encyclopedia-game-nav button:hover { background:#302922; color:#fff8e7; }
.encyclopedia-game-nav button[aria-pressed="true"] { border-color:var(--arena); color:var(--arena); background:rgba(var(--arena-rgb),.08); }
.encyclopedia-screen-heading { padding:38px 34px 0; }
.hk-encyclopedia .encyclopedia-kicker { margin:0 0 11px; color:var(--arena); font-size:.68rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.encyclopedia-screen-heading h2 { max-width:920px; font-size:clamp(2.5rem,5.6vw,5.5rem); font-weight:950; line-height:.99; letter-spacing:-.05em; text-transform:uppercase; }
.encyclopedia-screen-lede { max-width:680px; margin:18px 34px 30px; font-size:1rem; line-height:1.7; }
.encyclopedia-game-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0 34px 34px; }
.encyclopedia-game-card { position:relative; display:block; min-width:0; height:440px; overflow:hidden; padding:0; border:1px solid #665c52; background:#201a19; text-align:left; color:#fff8e7; isolation:isolate; transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .3s; animation:encyclopedia-card-in .55s both; animation-delay:calc(var(--order) * 75ms); }
.encyclopedia-game-card::after { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(10,8,10,.3),rgba(12,10,12,.35) 30%,#11100f 95%); content:""; }
.encyclopedia-game-cover { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; opacity:.33; filter:saturate(.5); }
.encyclopedia-card-grid { position:absolute; inset:0; z-index:-2; background:radial-gradient(ellipse at 65% 35%,rgba(var(--arena-rgb),.35),transparent 65%),repeating-linear-gradient(125deg,transparent 0 55px,rgba(255,255,255,.04) 55px 56px); }
.encyclopedia-game-fighter { position:absolute; right:-16%; bottom:58px; z-index:-1; width:115%; height:85%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 0 28px rgba(var(--arena-rgb),.18)); transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s; }
.encyclopedia-game-card__number { position:absolute; top:21px; left:23px; color:var(--arena); font-size:.8rem; font-weight:900; letter-spacing:.1em; }
.encyclopedia-game-card__text { position:absolute; right:23px; bottom:25px; left:23px; display:grid; gap:12px; }
.encyclopedia-game-card__text small { color:var(--arena); font-size:.65rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.encyclopedia-game-card__text strong { max-width:280px; color:#fff8e7; font-size:clamp(1.6rem,2.6vw,2.5rem); font-weight:950; line-height:1; letter-spacing:-.04em; text-transform:uppercase; }
.encyclopedia-game-card__text > span { display:flex; justify-content:space-between; align-items:center; padding-top:14px; border-top:1px solid #8c7b6f; color:#fff8e7; font-size:.75rem; font-weight:850; }
.encyclopedia-game-card__text b { color:var(--arena); font-size:1.4rem; }
.encyclopedia-game-card:hover,.encyclopedia-game-card:focus-visible { z-index:2; transform:translateY(-7px); border-color:var(--arena); box-shadow:0 14px 40px rgba(0,0,0,.35); }
.encyclopedia-game-card:hover .encyclopedia-game-fighter,.encyclopedia-game-card:focus-visible .encyclopedia-game-fighter { transform:scale(1.07) translateX(-3%); filter:drop-shadow(0 0 40px rgba(var(--arena-rgb),.3)); }
.encyclopedia-brief { display:flex; align-items:center; gap:18px; margin:0 34px 34px; padding:18px 20px; border-left:2px solid #ffad63; background:#221c17; }
.encyclopedia-brief > span { color:#ffad63; font-size:1.6rem; }
.encyclopedia-brief p { margin:0; font-size:.85rem; line-height:1.6; }
.encyclopedia-selection { display:grid; grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr); margin:30px 34px 34px; border:1px solid #514940; }
.encyclopedia-fighter-preview { position:sticky; top:90px; align-self:start; display:flex; height:620px; min-height:0; overflow:hidden; background:radial-gradient(ellipse at 50% 30%,rgba(var(--arena-rgb),.23),transparent 70%),repeating-linear-gradient(125deg,transparent 0 60px,rgba(255,255,255,.03) 60px 61px),#191719; isolation:isolate; }
.encyclopedia-fighter-preview::before { position:absolute; inset:0; z-index:-2; background-image:var(--arena-cover); background-size:cover; background-position:center; opacity:.16; content:""; }
.encyclopedia-preview-watermark { position:absolute; top:22px; left:20px; z-index:-1; color:rgba(var(--arena-rgb),.14); font-size:clamp(4rem,11vw,9rem); font-weight:950; line-height:1; letter-spacing:-.06em; }
.encyclopedia-selected-figure { position:absolute; inset:18px 18px 205px; z-index:-1; overflow:hidden; }
.encyclopedia-selected-art { position:absolute; max-width:none; max-height:none; width:100%; height:100%; visibility:hidden; object-fit:contain; filter:drop-shadow(0 8px 25px rgba(0,0,0,.4)); }
.encyclopedia-fighter-preview::after { position:absolute; inset:30% 0 0; z-index:-1; background:linear-gradient(transparent,#121111 83%); content:""; }
.encyclopedia-fighter-preview__text { align-self:flex-end; width:100%; padding:26px; }
.encyclopedia-fighter-preview__text h3 { font-size:clamp(2rem,3.8vw,4rem); line-height:1; letter-spacing:-.04em; text-transform:uppercase; }
.encyclopedia-fighter-preview__text > p:not(.encyclopedia-kicker) { min-height:42px; margin:14px 0 20px; font-size:.9rem; line-height:1.55; }
.encyclopedia-action { display:flex; width:100%; min-height:48px; align-items:center; justify-content:space-between; padding:13px 17px; border:1px solid var(--arena); background:var(--arena); color:#17120e; font-size:.78rem !important; font-weight:950 !important; text-transform:uppercase; transition:transform .2s,filter .2s; }
.hk-encyclopedia .encyclopedia-action { color:#17120e; }
.encyclopedia-action:hover { transform:translateY(-2px); filter:brightness(1.08); }
.encyclopedia-action:disabled { border-color:#62574d; background:#302922; color:#c9baaa; transform:none; filter:none; }
.encyclopedia-roster-panel { min-width:0; padding:22px; border-left:1px solid #514940; }
.encyclopedia-roster-toolbar { display:flex; gap:16px; align-items:flex-end; justify-content:space-between; margin-bottom:20px; }
.encyclopedia-roster-toolbar label { display:grid; min-width:0; width:100%; gap:7px; }
.encyclopedia-roster-toolbar label > span { color:#e7dcc9; font-size:.7rem; font-weight:850; }
.encyclopedia-roster-toolbar input { width:100%; min-height:44px; padding:11px; border:1px solid #7b6e61; border-radius:0; background:#1d1917; color:#fff8e7; font-size:.85rem; }
.encyclopedia-roster-toolbar input::placeholder { color:#bbac9b; }
.encyclopedia-roster-toolbar > span { flex-shrink:0; padding-bottom:12px; color:var(--arena); font-size:.65rem; font-weight:850; }
.encyclopedia-roster { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.encyclopedia-character { position:relative; min-width:0; height:114px; overflow:hidden; padding:0; border:1px solid #5c524a; background:radial-gradient(ellipse at 50% 20%,rgba(var(--arena-rgb),.17),transparent 75%),#292220; color:#fff8e7; isolation:isolate; transition:transform .2s,border-color .2s,background .2s; animation:encyclopedia-card-in .32s both; animation-delay:calc(var(--order) * 18ms); }
.encyclopedia-character img { position:absolute; inset:2px 0 0; z-index:-1; width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .35s,filter .35s; }
.encyclopedia-character::after { position:absolute; inset:40% 0 0; z-index:-1; background:linear-gradient(transparent,#151110 95%); content:""; }
.encyclopedia-character strong { position:absolute; right:4px; bottom:7px; left:4px; font-size:.59rem; font-weight:850; line-height:1.1; overflow-wrap:anywhere; }
.encyclopedia-character.is-coming img { filter:grayscale(1); opacity:.5; }
.encyclopedia-character.is-coming strong { color:#d2c8bd; }
.encyclopedia-character:hover,.encyclopedia-character:focus-visible,.encyclopedia-character[aria-current="true"] { z-index:2; transform:scale(1.09); border-color:var(--arena); background-color:#4b3830; box-shadow:0 0 0 1px var(--arena); }
.encyclopedia-character:hover img,.encyclopedia-character:focus-visible img { transform:scale(1.05); }
.encyclopedia-ready-dot { position:absolute; top:6px; right:6px; width:6px; height:6px; background:var(--arena); box-shadow:0 0 10px var(--arena); }
.encyclopedia-roster-note { margin:20px 0 0; font-size:.72rem; line-height:1.6; }
.encyclopedia-guide-breadcrumb { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 30px; }
.encyclopedia-guide-breadcrumb button { padding:4px 0; border:0; background:none; color:var(--arena); font-size:.75rem; font-weight:850; }
.encyclopedia-guide-breadcrumb > span { color:#d4c8b7; font-size:.65rem; }
.encyclopedia-guide-hero { position:relative; display:flex; min-height:410px; overflow:hidden; padding:50px 38px; background:radial-gradient(ellipse at 80% 20%,rgba(var(--arena-rgb),.25),transparent 70%),repeating-linear-gradient(125deg,transparent 0 75px,rgba(255,255,255,.04) 75px 76px),#1c1819; isolation:isolate; }
.encyclopedia-guide-hero__text { position:relative; z-index:2; display:grid; width:56%; gap:19px; align-content:center; }
.encyclopedia-guide-hero__text h2 { max-width:670px; font-size:clamp(3.6rem,8vw,8rem); font-weight:950; line-height:.85; letter-spacing:-.055em; text-transform:uppercase; text-shadow:0 3px 26px #131010; }
.hk-encyclopedia .encyclopedia-tagline { max-width:480px; margin:0; color:#f4e9d9; font-size:1.07rem; line-height:1.55; text-shadow:0 1px 6px #131010; }
.encyclopedia-guide-art { position:absolute; right:-2%; bottom:-12%; z-index:0; width:58%; height:120%; object-fit:contain; object-position:center top; filter:drop-shadow(0 8px 35px rgba(0,0,0,.45)); }
.encyclopedia-guide-hero::after { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#171314 0,rgba(20,16,18,.82) 35%,transparent 72%); content:""; }
.encyclopedia-hero-word { position:absolute; right:3%; bottom:15px; z-index:-1; color:rgba(var(--arena-rgb),.13); font-size:10rem; font-weight:950; line-height:1; }
.encyclopedia-hero-facts { display:flex; flex-wrap:wrap; gap:8px; }
.encyclopedia-hero-facts > span { padding:7px 11px; border:1px solid #927f72; background:#221b19; color:#f4e9d9; font-size:.65rem; font-weight:850; }
.encyclopedia-guide-content { padding:34px; }
.encyclopedia-guide-nav { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:25px; }
.encyclopedia-guide-nav a { padding:10px 13px; border:1px solid #6c5b4a; background:#211c18; color:#f1e2cd; font-size:.7rem; font-weight:850; text-decoration:none; }
.encyclopedia-guide-nav a:hover { border-color:var(--arena); color:var(--arena); }
.encyclopedia-guide-content section[id],.encyclopedia-guide-content details[id] { scroll-margin-top:90px; }
.encyclopedia-lore { display:grid; grid-template-columns:minmax(100px,.3fr) minmax(0,1fr); gap:12px 26px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #544a40; }
.encyclopedia-lore > p:nth-child(2) { max-width:840px; margin:0; font-size:.95rem; line-height:1.75; }
.encyclopedia-lore > a { grid-column:2; font-size:.65rem; }
.encyclopedia-at-a-glance { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:35px; }
.encyclopedia-at-a-glance > div { padding:22px; border:1px solid #564a3f; background:#201b18; }
.encyclopedia-at-a-glance h3 { font-size:1.05rem; text-transform:uppercase; }
.hk-encyclopedia ul { display:grid; gap:10px; margin:15px 0 0; padding-left:18px; color:#dfd5c5; font-size:.85rem; line-height:1.65; }
.hk-encyclopedia li::marker { color:var(--arena); }
.encyclopedia-traits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:18px 0 38px; background:#564a3f; border:1px solid #564a3f; }
.encyclopedia-traits > div { display:grid; gap:7px; padding:16px; background:#171413; }
.encyclopedia-traits span { color:var(--arena); font-size:.65rem; font-weight:850; text-transform:uppercase; }
.encyclopedia-traits strong { color:#eee1ce; font-size:.79rem; line-height:1.55; }
.encyclopedia-plan,.encyclopedia-essential,.encyclopedia-learn { margin-top:36px; }
.encyclopedia-section-title { display:flex; gap:14px; align-items:center; margin-bottom:21px; }
.encyclopedia-section-title > span { color:var(--arena); font-size:.8rem; font-weight:900; }
.encyclopedia-section-title h3 { font-size:clamp(1.5rem,3vw,2.2rem); letter-spacing:-.03em; text-transform:uppercase; }
.encyclopedia-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.encyclopedia-plan-grid > article { padding:22px; border-top:2px solid var(--arena); background:#211c19; }
.encyclopedia-plan-grid h4 { font-size:1rem; font-weight:900; }
.encyclopedia-plan-grid p { margin:13px 0; font-size:.85rem; line-height:1.7; white-space:pre-line; }
.encyclopedia-source-links { display:flex; flex-wrap:wrap; gap:8px 16px; }
.encyclopedia-source-links a { font-size:.63rem; line-height:1.6; overflow-wrap:anywhere; }
.encyclopedia-move-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.encyclopedia-move-list article { display:flex; min-width:0; gap:18px; padding:18px; border:1px solid #564a3f; }
.encyclopedia-move-list article > code { flex:0 0 85px; align-self:flex-start; color:var(--arena); font-size:.88rem; font-weight:900; overflow-wrap:anywhere; }
.encyclopedia-move-list h4 { font-size:.9rem; }
.encyclopedia-move-list p { margin:7px 0; font-size:.8rem; line-height:1.6; }
.encyclopedia-text-button { margin-left:auto; padding:10px 0 10px 10px; border:0; background:none; color:var(--arena); font-size:.72rem !important; font-weight:850 !important; }
.encyclopedia-level-intro { font-size:.9rem; line-height:1.7; }
.encyclopedia-level-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:23px 0 0; }
.encyclopedia-level-tabs button { display:flex; min-width:0; gap:13px; align-items:center; justify-content:flex-start; min-height:64px; padding:18px; border:1px solid #6c5d4e; background:#241e19; color:#ece0d0; font-size:1rem; font-weight:900; transition:color .25s,background .25s,border-color .25s; }
.encyclopedia-level-tabs small { font-size:.6rem; font-weight:900; }
.encyclopedia-level-tabs span { margin-left:auto; }
.encyclopedia-level-tabs button[aria-selected="true"] { border-color:var(--arena); background:var(--arena); color:#16120e; }
.encyclopedia-level-tabs button:hover:not([aria-selected="true"]) { border-color:var(--arena); color:var(--arena); }
.encyclopedia-level-goal { margin:0 0 24px; padding:25px; border:1px solid #61513f; border-top:0; background:#211b16; }
.encyclopedia-level-goal h4 { font-size:1.3rem; line-height:1.35; }
.encyclopedia-level-goal ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 36px; }
.encyclopedia-combo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.encyclopedia-combo { display:flex; min-width:0; flex-direction:column; padding:22px; border:1px solid #6c5b4a; background:#211c18; }
.encyclopedia-combo__heading h4 { font-size:1.13rem; line-height:1.35; }
.encyclopedia-combo-starter { margin:11px 0 19px; font-size:.8rem; line-height:1.6; }
.encyclopedia-combo-input { display:block; margin-bottom:20px; padding:15px 13px; border-left:2px solid var(--arena); background:#100f0e; color:var(--arena); font-size:.86rem; font-weight:800; line-height:1.85; white-space:pre-wrap; overflow-wrap:anywhere; }
.encyclopedia-combo-facts { display:grid; gap:13px; margin:0 0 18px; }
.encyclopedia-combo-facts dt { color:#d1b99e; font-size:.59rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.encyclopedia-combo-facts dd { margin:5px 0 0; color:#f2e6d5; font-size:.78rem; line-height:1.65; }
.encyclopedia-combo-help { margin-top:auto; margin-bottom:15px; border-top:1px solid #61513f; }
.encyclopedia-combo-help summary { display:list-item; padding:13px 0; color:#fff0db; font-size:.77rem; font-weight:850; cursor:pointer; }
.encyclopedia-combo-help p { margin:0 0 13px; font-size:.8rem; line-height:1.7; }
.encyclopedia-practice { display:flex; gap:11px; align-items:center; margin-top:16px; padding-top:16px; border-top:1px solid #61513f; color:#f1e2cd; font-size:.75rem; cursor:pointer; }
.encyclopedia-practice input { width:18px; height:18px; margin:0; accent-color:var(--arena); }
.encyclopedia-practice-summary { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:18px; }
.encyclopedia-practice-summary > span { color:var(--arena); font-size:.75rem; font-weight:850; }
.encyclopedia-practice-summary > small { color:#c9b9a7; font-size:.65rem; }
.encyclopedia-drills { margin:26px 0 34px; padding:24px; border:1px solid #6c5b4a; background:#191613; }
.encyclopedia-drills > h4 { margin-bottom:22px; font-size:1.15rem; text-transform:uppercase; }
.encyclopedia-drills article { display:flex; gap:17px; padding:17px 0; border-top:1px solid #5b4d40; }
.encyclopedia-drills article > span { color:var(--arena); font-size:.7rem; font-weight:900; }
.encyclopedia-drills h5 { font-size:.95rem; }
.encyclopedia-drills p { margin:8px 0 0; font-size:.82rem; line-height:1.65; }
.encyclopedia-reference { margin-top:13px; border:1px solid #6c5b4a; background:#211c18; }
.encyclopedia-reference > summary { padding:20px; color:#f1e2cd; font-size:.9rem; font-weight:850; cursor:pointer; }
.encyclopedia-reference > p { margin:0; padding:0 20px 20px; font-size:.82rem; line-height:1.7; }
.encyclopedia-reference dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 30px; margin:0; padding:0 20px 22px; }
.encyclopedia-reference dl > div { display:grid; grid-template-columns:minmax(70px,.3fr) minmax(0,1fr); gap:12px; }
.encyclopedia-reference dt { color:var(--arena); font-size:.8rem; font-weight:850; overflow-wrap:anywhere; }
.encyclopedia-reference dd { margin:0; color:#dfd5c5; font-size:.8rem; line-height:1.6; }
.encyclopedia-source-list { display:grid; gap:9px; padding:0 20px 20px; }
.encyclopedia-source-list a { display:grid; gap:5px; font-size:.78rem; overflow-wrap:anywhere; }
.encyclopedia-source-list span { color:#d2c0ac; font-size:.7rem; line-height:1.55; }
.encyclopedia-review-notes { white-space:pre-line; }
.encyclopedia-editor-link { display:inline-block; margin:0 20px 20px; font-size:.8rem; }
.encyclopedia-announcement { margin:0; padding:0 30px; font-size:.8rem; }
.encyclopedia-announcement:not(:empty) { padding-bottom:24px; }
@keyframes encyclopedia-card-in { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) {
  .encyclopedia-roster { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .encyclopedia-roster-toolbar { display:grid; gap:8px; }
  .encyclopedia-roster-toolbar > span { padding:0; }
  .encyclopedia-combo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .encyclopedia-plan-grid { grid-template-columns:1fr; }
  .encyclopedia-plan-grid > article { padding:20px; }
}
@media (max-width:760px) {
  .community-encyclopedia-page .encyclopedia-hero .container { grid-template-columns:1fr; }
  .community-encyclopedia-page .encyclopedia-hero { padding:24px 0; }
  .encyclopedia-topbar { padding:17px; }
  .encyclopedia-game-nav { padding:10px; }
  .encyclopedia-screen-heading { padding:27px 20px 0; }
  .encyclopedia-screen-lede { margin:18px 20px 25px; }
  .encyclopedia-game-cards { grid-template-columns:1fr; padding:0 20px 24px; gap:13px; }
  .encyclopedia-game-card { height:280px; }
  .encyclopedia-game-fighter { right:-12%; bottom:-8%; width:85%; height:110%; }
  .encyclopedia-game-card__text { max-width:58%; }
  .encyclopedia-game-card__text strong { font-size:1.75rem; }
  .encyclopedia-game-card__text > span { font-size:.65rem; }
  .encyclopedia-brief { margin:0 20px 24px; }
  .encyclopedia-selection { grid-template-columns:1fr; margin:24px 20px; }
  .encyclopedia-fighter-preview { position:relative; top:auto; height:320px; }
  .encyclopedia-selected-figure { inset:12px 8px 12px 30%; }
  .encyclopedia-fighter-preview::after { inset:0; background:linear-gradient(90deg,#141212,rgba(20,18,18,.55) 50%,transparent); }
  .encyclopedia-fighter-preview__text { position:relative; z-index:1; max-width:68%; padding:22px; }
  .encyclopedia-fighter-preview__text h3 { font-size:2.4rem; }
  .encyclopedia-fighter-preview__text > p:not(.encyclopedia-kicker) { font-size:.8rem; }
  .encyclopedia-action { font-size:.67rem !important; }
  .encyclopedia-roster-panel { padding:18px; border-left:0; border-top:1px solid #514940; }
  .encyclopedia-roster { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .encyclopedia-guide-breadcrumb { padding:16px 20px; }
  .encyclopedia-guide-hero { min-height:365px; padding:32px 24px; }
  .encyclopedia-guide-hero__text { width:70%; }
  .encyclopedia-guide-hero__text h2 { font-size:clamp(3.4rem,12vw,6rem); }
  .encyclopedia-guide-art { right:-25%; bottom:0; width:100%; height:100%; }
  .encyclopedia-guide-hero::after { background:linear-gradient(90deg,#171314,rgba(20,16,18,.65) 50%,transparent); }
  .hk-encyclopedia .encyclopedia-tagline { max-width:290px; font-size:.9rem; }
  .encyclopedia-guide-content { padding:24px 20px; }
  .encyclopedia-lore { grid-template-columns:1fr; }
  .encyclopedia-lore > a { grid-column:1; }
  .encyclopedia-traits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .encyclopedia-move-list { grid-template-columns:1fr; }
  .encyclopedia-level-tabs button { flex-wrap:wrap; gap:7px; padding:13px 9px; font-size:.82rem; }
  .encyclopedia-level-tabs small { width:100%; }
  .encyclopedia-level-tabs span { display:none; }
  .encyclopedia-level-goal ul { grid-template-columns:1fr; }
  .encyclopedia-reference dl { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .encyclopedia-workspace > .container { padding-right:12px; padding-left:12px; }
  .encyclopedia-internal { font-size:.55rem; }
  .encyclopedia-home { font-size:.65rem !important; }
  .encyclopedia-game-nav button { padding:9px 13px; }
  .encyclopedia-screen-heading h2 { font-size:2.5rem; }
  .encyclopedia-roster { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .encyclopedia-character { height:100px; }
  .encyclopedia-character strong { font-size:.52rem; }
  .encyclopedia-fighter-preview__text { max-width:80%; }
  .encyclopedia-fighter-preview__text h3 { font-size:2rem; }
  .encyclopedia-guide-breadcrumb { align-items:flex-start; flex-direction:column; gap:7px; }
  .encyclopedia-guide-hero { min-height:320px; padding:30px 20px; }
  .encyclopedia-guide-hero__text { width:85%; gap:17px; }
  .encyclopedia-guide-hero__text h2 { font-size:3.6rem; }
  .encyclopedia-guide-art { right:-39%; width:110%; opacity:.75; }
  .encyclopedia-at-a-glance,.encyclopedia-combo-grid,.encyclopedia-traits { grid-template-columns:1fr; }
  .encyclopedia-section-title { flex-wrap:wrap; }
  .encyclopedia-text-button { margin-left:0; padding-left:0; }
  .encyclopedia-combo { padding:19px; }
  .encyclopedia-level-tabs button { font-size:.72rem; }
  .encyclopedia-move-list article { gap:12px; padding:15px; }
  .encyclopedia-move-list article > code { flex-basis:65px; font-size:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  .hk-encyclopedia * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .encyclopedia-game-card:hover,.encyclopedia-character:hover,.encyclopedia-character:focus-visible,.encyclopedia-character[aria-current="true"],.encyclopedia-action:hover { transform:none; }
  .encyclopedia-game-card:hover .encyclopedia-game-fighter,.encyclopedia-game-card:focus-visible .encyclopedia-game-fighter,.encyclopedia-character:hover img { transform:none; }
}

/* Commands remain readable as literal text or as a direction/button sequence. */
.encyclopedia-input { display:block; min-width:0; max-width:100%; }
.encyclopedia-input-inline { display:inline-flex; vertical-align:middle; margin:2px 3px; }
.encyclopedia-input-inline .encyclopedia-input-visual { display:inline-flex; gap:3px; }
.encyclopedia-input-inline .encyclopedia-input-direction { width:20px; height:24px; }
.encyclopedia-input-inline .encyclopedia-input-button { flex-basis:29px; width:29px; height:29px; }
.encyclopedia-input-text { display:none; color:#fff2d9; font-weight:800; white-space:normal; overflow-wrap:anywhere; }
.encyclopedia-input-visual { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0; max-width:100%; }
[data-notation="text"] .encyclopedia-input-text { display:block; }
[data-notation="text"] .encyclopedia-input-visual { display:none; }
.encyclopedia-input-step { display:inline-flex; flex-wrap:wrap; align-items:center; gap:3px; max-width:100%; }
.encyclopedia-input-direction { display:inline-flex; justify-content:center; align-items:center; width:25px; height:29px; color:#fff2d9; font-family:Arial,sans-serif; font-size:1.55rem; font-weight:700; line-height:1; }
.encyclopedia-input-direction[data-direction="5"] { font-size:2rem; }
.encyclopedia-input-direction.is-held { text-shadow:1px 0 currentColor; }
.encyclopedia-input-charge { display:inline-flex; align-items:center; gap:0; color:#ffba75; font-size:1.2rem; }
.encyclopedia-input-button { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; flex:0 0 35px; width:35px; height:35px; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:#f3e1bd; color:#20170f; box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 2px 0 #050505; }
.encyclopedia-input-button svg { width:17px; height:17px; }
.encyclopedia-input-button b { font-size:.5rem; font-weight:950; line-height:1; letter-spacing:0; }
.encyclopedia-input-button[data-strength="M"],.encyclopedia-input-button[data-cotw-button="B"] { background:#ffcd66; }
.encyclopedia-input-button[data-strength="H"],.encyclopedia-input-button[data-cotw-button="D"] { background:#ffa09a; }
.encyclopedia-input-button[data-cotw-button="A"] { background:#93d6ff; }
.encyclopedia-input-button[data-cotw-button="C"] { background:#9ddcac; }
.encyclopedia-input-plus,.encyclopedia-input-link { color:#ffbf88; font:800 .8rem/1.2 monospace; }
.encyclopedia-input-link { padding:4px; }
.encyclopedia-input-token { padding:4px 6px; border:1px solid #786756; border-radius:4px; color:#f5dfc5; font:800 .65rem/1.3 monospace; white-space:normal; overflow-wrap:anywhere; }
.encyclopedia-input-diamond { display:grid; flex:0 0 auto; grid-template-columns:repeat(2,17px); gap:2px; padding:3px; transform:rotate(-8deg); }
.encyclopedia-input-diamond > span { display:flex; align-items:center; justify-content:center; width:17px; height:17px; border:1px solid #776b60; border-radius:50%; background:#2d2620; color:#cbb9a5; font:900 .58rem/1 sans-serif; }
.encyclopedia-input-diamond > .is-pressed { border-color:#fbe6d5; background:#90d8aa; color:#172017; box-shadow:0 0 6px rgba(255,255,255,.15); }
.encyclopedia-input-diamond > [data-button="2"].is-pressed { background:#91c9ff; }
.encyclopedia-input-diamond > [data-button="3"].is-pressed { background:#f6d673; }
.encyclopedia-input-diamond > [data-button="4"].is-pressed { background:#ffac9e; }
.encyclopedia-reading-tools { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:22px 0; padding:16px; border:1px solid #655341; background:#211a15; }
.encyclopedia-reading-tools > span { color:#fff2dc; font-size:.75rem; font-weight:900; }
.encyclopedia-reading-tools > div { display:flex; gap:4px; padding:3px; background:#0f0d0c; }
.encyclopedia-reading-tools button { padding:8px 10px; border:1px solid #81705f; background:#211a15; color:#f3dbc2; font-size:.68rem; font-weight:850; }
.encyclopedia-reading-tools button[aria-pressed="true"] { border-color:#ffb16d; background:#ffb16d; color:#25150c; }
.encyclopedia-reading-tools small { flex:1 1 230px; color:#d9c5b2; font-size:.68rem; line-height:1.5; }
.encyclopedia-coverage,.encyclopedia-level-note { padding:18px; border-left:3px solid #ffb476; background:#2d231c; color:#ffe8d1; font-size:.83rem; line-height:1.6; }
.encyclopedia-coverage { margin:20px 0; }
.encyclopedia-coverage strong { color:#ffbc85; }
.encyclopedia-coverage p { margin:8px 0 0; }
.encyclopedia-mechanics,.encyclopedia-situations,.encyclopedia-frame-library,.encyclopedia-video-library { margin-top:36px; scroll-margin-top:100px; }
.encyclopedia-mechanics-grid,.encyclopedia-situation-grid,.encyclopedia-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.encyclopedia-mechanics-grid > article,.encyclopedia-situation-grid > article,.encyclopedia-video-grid > article { position:relative; min-width:0; padding:24px; border:1px solid #605041; background:linear-gradient(135deg,#29211a,#1a1714); }
.encyclopedia-mechanics-grid > article { border-top:3px solid var(--arena); }
.encyclopedia-mechanics-grid h4,.encyclopedia-situation-grid h4,.encyclopedia-video-grid h4 { color:#fff2df; font-size:1rem; line-height:1.35; }
.encyclopedia-mechanics-grid p,.encyclopedia-situation-grid p,.encyclopedia-video-grid p { margin:12px 0; color:#efddca; font-size:.84rem; line-height:1.75; white-space:pre-line; }
.encyclopedia-card-command { margin:14px 0; }
.encyclopedia-section-lede { max-width:760px; margin:0 0 18px; color:#d9c8b6; font-size:.84rem; line-height:1.7; }
.encyclopedia-move-list > article { display:flex; flex-direction:column; gap:0; padding:23px; background:linear-gradient(150deg,#29211b,#161310); }
.encyclopedia-move-heading { display:grid; gap:12px; padding-bottom:16px; border-bottom:1px solid #655341; }
.encyclopedia-move-heading h4 { color:#fff2df; font-size:1.07rem; }
.encyclopedia-move-list > article > p { margin:16px 0; color:#ffddba; font-size:.87rem; }
.encyclopedia-move-purpose { margin:0 0 12px; }
.encyclopedia-move-purpose > strong { display:block; color:#fff0dc; font-size:.7rem; }
.encyclopedia-move-purpose p { margin:5px 0 0; color:#e5d1bf; }
.encyclopedia-move-visual-button { align-self:flex-start; margin-top:18px; padding:10px 13px; border:1px solid #b89473; background:#37271b; color:#ffe1c0; font-size:.72rem; font-weight:850; }
.encyclopedia-move-visual-button:hover { border-color:var(--arena); }
.encyclopedia-move-visual { margin-top:18px; padding-top:18px; border-top:1px solid #78614d; }
.encyclopedia-move-visual[hidden] { display:none; }
.encyclopedia-move-visual select { width:100%; margin-bottom:14px; padding:10px; border:1px solid #8b735d; background:#17120f; color:#fff0dc; }
.encyclopedia-capture-heading h5 { margin:0 0 10px; color:#ffca9b; font-size:.86rem; }
.encyclopedia-frame-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:16px 0; background:#6e5c4c; border:1px solid #6e5c4c; }
.encyclopedia-frame-grid > div { min-width:0; padding:10px; background:#1f1914; }
.encyclopedia-frame-grid dt { margin-bottom:5px; color:#d6beaa; font-size:.62rem; font-weight:700; }
.encyclopedia-frame-grid dd { margin:0; color:#fff0dc; font:800 .78rem/1.4 monospace; overflow-wrap:anywhere; }
.encyclopedia-media-note { margin:12px 0; color:#d8c2ad; font-size:.7rem !important; line-height:1.6 !important; }
.encyclopedia-capture { margin-top:16px; }
.encyclopedia-capture a,.encyclopedia-move-visual > a { display:inline-block; font-size:.72rem; margin-bottom:10px; }
.encyclopedia-capture iframe { width:100%; height:420px; margin:14px 0; border:1px solid #7a624d; background:#0c0b0a; }
.encyclopedia-gif-reader { margin-top:14px; padding:12px; border:1px solid #76614d; background:#0e0c0a; }
.encyclopedia-gif-reader canvas { display:block; max-width:100%; height:auto; margin:auto; background:#141312; }
.encyclopedia-gif-reader input[type="range"] { width:100%; accent-color:#ffb270; }
.encyclopedia-capture-controls { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:14px 0; }
.encyclopedia-capture-controls button { padding:8px; font-size:.65rem; }
.encyclopedia-frame-library > [data-move-explorer] { margin-top:18px; }
[data-move-explorer] > label { display:grid; gap:9px; color:#f7ddc4; font-size:.8rem; font-weight:800; }
[data-move-explorer] input { width:100%; padding:13px; border:1px solid #937a62; background:#1c1713; color:#fff0dc; }
.encyclopedia-frame-results { display:flex; flex-wrap:wrap; gap:8px; max-height:310px; overflow:auto; margin:15px 0; padding:14px; border:1px solid #66513d; background:#211b16; }
.encyclopedia-frame-results button { max-width:100%; padding:8px 10px; text-align:left; font-size:.72rem; overflow-wrap:anywhere; }
.encyclopedia-frame-results p { flex-basis:100%; }
.encyclopedia-frame-detail { max-width:840px; }
.encyclopedia-frame-detail:empty { display:none; }
.encyclopedia-video-grid iframe { width:100%; aspect-ratio:16/9; border:1px solid #8e735a; margin-top:16px; background:#080707; }
.encyclopedia-video-grid .encyclopedia-action { margin:10px 0; }
.encyclopedia-combo > [data-copy-command] { align-self:flex-start; padding:10px 0; font-size:.7rem; }
.encyclopedia-guide-loading { padding:30px 0; color:#f4dcc3; }
.encyclopedia-loading-line { display:block; width:100%; height:6px; margin-top:20px; overflow:hidden; background:linear-gradient(90deg,#35261b,#ffb16d,#35261b); background-size:200% 100%; animation:encyclopedia-load 1.3s linear infinite; }
@keyframes encyclopedia-load { to { background-position:200% 0; } }
@media (max-width:760px) {
  .encyclopedia-mechanics-grid,.encyclopedia-situation-grid,.encyclopedia-video-grid { grid-template-columns:1fr; }
  .encyclopedia-mechanics-grid > article,.encyclopedia-situation-grid > article,.encyclopedia-video-grid > article,.encyclopedia-move-list > article { padding:18px; }
  .encyclopedia-input-button { flex-basis:31px; width:31px; height:31px; }
  .encyclopedia-input-direction { width:21px; height:27px; font-size:1.4rem; }
  .encyclopedia-input-visual { gap:5px; }
  .encyclopedia-capture iframe { height:380px; }
  .encyclopedia-reading-tools { gap:10px; padding:12px; }
}
@media (prefers-reduced-motion:reduce) { .encyclopedia-loading-line { animation:none; } }
.encyclopedia-training-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 20px; }
.encyclopedia-training-shortcuts strong { margin-right:auto; color:#f5ddc4; font-size:.7rem; }
.encyclopedia-training-shortcuts a { padding:9px 12px; border:1px solid #90745c; background:#2f2319; color:#ffcc9e; font-size:.7rem; font-weight:850; text-decoration:none; }
@media(max-width:480px) { .encyclopedia-training-shortcuts strong { flex-basis:100%; } }
/* Character names use a spaced, readable face instead of the condensed display font. */
.hk-encyclopedia :is(h2,h3,h4,h5),.hk-encyclopedia .encyclopedia-game-card__text strong { font-family:Inter,HKEncyclopediaJP,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:850; letter-spacing:.01em; line-height:1.12; }
.hk-encyclopedia .encyclopedia-guide-hero__text h2 { font-size:clamp(2rem,5.2vw,5.4rem); letter-spacing:.015em; line-height:1.05; overflow-wrap:anywhere; text-shadow:0 2px 2px #100d0e; }
.hk-encyclopedia .encyclopedia-fighter-preview__text h3 { font-size:clamp(1.5rem,3vw,3rem); letter-spacing:.01em; line-height:1.12; overflow-wrap:anywhere; }
.encyclopedia-section-nav { display:flex; flex-wrap:wrap; gap:8px; padding:13px 30px; background:#191511; border-bottom:1px solid #655341; }
.encyclopedia-section-nav button { min-height:44px; padding:9px 15px; border:1px solid #89735b; background:#241b14; color:#fff0db; font-size:.8rem; font-weight:800; }
.encyclopedia-section-nav button[aria-pressed=true] { background:#ffb16d; border-color:#ffb16d; color:#21150b; }
.encyclopedia-preference { display:grid; gap:8px; }
.encyclopedia-preference>span { color:#ffedda; font-size:.72rem; font-weight:800; }
.encyclopedia-preference>div { display:flex; flex-wrap:wrap; gap:4px; }
.encyclopedia-input-legend { width:100%; border-top:1px solid #78624a; padding-top:12px; }
.encyclopedia-input-legend summary { color:#ffe0b8; font-size:.78rem; cursor:pointer; }
.encyclopedia-input-legend p { margin:12px 0 0; font-size:.75rem; line-height:1.6; }
.encyclopedia-input-direction svg { width:28px; height:28px; display:block; }
.encyclopedia-input-direction { width:28px; height:32px; color:#fff; }
.input-direction-numpad,.input-direction-stick,.input-direction-letters { display:none; }
[data-directions=letters] :is(.input-direction-arrows,.input-direction-numpad,.input-direction-stick) { display:none; }
[data-directions=letters] .input-direction-letters { display:inline-flex; align-items:center; justify-content:center; font:800 .85rem/1 ui-monospace,monospace; }
[data-directions=letters] .encyclopedia-input-direction { width:auto; min-width:25px; padding:0 2px; }
[data-directions=numpad] :is(.input-direction-arrows,.input-direction-stick) { display:none; }
[data-directions=numpad] .input-direction-numpad { display:inline-flex; align-items:center; justify-content:center; }
[data-directions=stick] :is(.input-direction-arrows,.input-direction-numpad) { display:none; }
[data-directions=stick] .input-direction-stick { display:inline-flex; align-items:center; justify-content:center; }
.encyclopedia-input-direction .input-direction-numpad { width:28px; height:29px; border:1px solid #857561; background:#27211b; border-radius:4px; font:800 1rem/1 ui-monospace,monospace; }
.encyclopedia-input-direction.is-held,.encyclopedia-input-charge { color:#ffdb38; }
.encyclopedia-input-direction.is-held .input-direction-numpad { color:#ffdb38; border-color:#dbc44e; }
.encyclopedia-input-rotation { display:inline-flex; flex-direction:column; align-items:center; color:#fff; }
.encyclopedia-input-rotation svg { width:32px; height:32px; }
.encyclopedia-input-rotation small { font:700 .5rem/1 sans-serif; color:#fff4d9; }
.input-rotation-visual { align-items:center; }
.input-rotation-visual b { font:800 .6rem/1 sans-serif; }
.encyclopedia-input-rotation .input-direction-numpad { font:800 .9rem/1 ui-monospace,monospace; }
.encyclopedia-input-button.is-official-sf { position:relative; width:34px; height:34px; flex-basis:34px; padding:3px; background:#242424; border:2px solid #a6aaa6; box-shadow:none; }
.encyclopedia-input-button.is-official-sf img { width:25px; height:25px; object-fit:contain; }
.encyclopedia-input-button.is-official-sf b { position:absolute; right:-4px; bottom:-5px; padding:2px 3px; border-radius:3px; background:#111; color:#fff; border:1px solid currentColor; font:800 .52rem/1 sans-serif; }
.encyclopedia-input-button.is-official-sf[data-strength=L] { border-color:#55d4d8; box-shadow:0 0 0 1px #55d4d845; }
.encyclopedia-input-button.is-official-sf[data-strength=L] b { color:#71e7e9; }
.encyclopedia-input-button.is-official-sf[data-strength=M] { border-color:#ead861; box-shadow:0 0 0 1px #ead86145; }
.encyclopedia-input-button.is-official-sf[data-strength=M] b { color:#f4e383; }
.encyclopedia-input-button.is-official-sf[data-strength=H] { border-color:#f77987; box-shadow:0 0 0 1px #f7798745; }
.encyclopedia-input-button.is-official-sf[data-strength=H] b { color:#ffacb5; }
.encyclopedia-input-button.is-official-cotw { position:relative; width:36px; height:36px; flex-basis:36px; background:none; border:0; box-shadow:none; }
.encyclopedia-input-button.is-official-cotw img { width:34px; height:34px; object-fit:contain; }
.encyclopedia-input-button.is-official-cotw b { position:absolute; right:-3px; bottom:-3px; background:#111; color:#fff; padding:2px 3px; border:1px solid #ddd; border-radius:3px; font:800 .55rem/1 sans-serif; }
.encyclopedia-system-input { display:inline-flex; align-items:center; gap:4px; color:#fff3d9; font:700 .7rem/1 sans-serif; }
.encyclopedia-system-input img { width:35px; height:35px; object-fit:contain; }
.encyclopedia-button-layout { display:flex; flex-wrap:wrap; gap:15px; margin:15px 0; padding:10px; border:1px solid #78624a; width:max-content; max-width:100%; }
.encyclopedia-button-layout[data-button-layout=street-fighter-6] { display:grid; grid-template-columns:repeat(3,1fr); }
.encyclopedia-layout-key { display:flex; align-items:center; gap:7px; color:#fff2da; }
.encyclopedia-layout-key code { font:800 .72rem/1 monospace; }
.encyclopedia-numpad-map { display:grid; grid-template-columns:repeat(3,30px); gap:3px; width:max-content; }
.encyclopedia-numpad-map span { display:grid; place-items:center; width:30px; height:30px; border:1px solid #89735b; background:#2c241b; color:#fff4dd; font:800 .85rem/1 monospace; }
.encyclopedia-system-hero { position:relative; padding:38px 34px; border-bottom:1px solid #655341; background:radial-gradient(ellipse at 80% 20%,rgba(var(--arena-rgb),.18),transparent 60%),#171411; }
.encyclopedia-system-hero h2 { max-width:950px; font-size:clamp(1.8rem,4.5vw,4rem); }
.encyclopedia-system-hero>p:not(.encyclopedia-kicker) { max-width:850px; font-size:.93rem; line-height:1.7; }
.encyclopedia-system-section { margin:34px 0; scroll-margin-top:100px; }
.encyclopedia-system-section>h3 { margin-bottom:20px; font-size:1.4rem; }
.encyclopedia-demonstrations { margin:38px 0; }
.encyclopedia-demonstrations>p { max-width:750px; font-size:.87rem; line-height:1.65; }
.encyclopedia-demo-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; }
.encyclopedia-demo-list { display:grid; gap:9px; }
.encyclopedia-demo-list>button { display:flex; align-items:center; gap:14px; min-width:0; padding:16px; border:1px solid #785f47; background:linear-gradient(120deg,#291f18,#191512); color:#fff1de; text-align:left; transition:transform .2s,border-color .2s,box-shadow .2s,background .2s; }
.encyclopedia-demo-list>button>span:nth-child(2) { flex:1; min-width:0; }
.encyclopedia-demo-list strong { display:block; font-size:.9rem; line-height:1.35; margin-bottom:10px; }
.encyclopedia-demo-number { align-self:start; color:var(--arena); font:700 .65rem/1.4 monospace; }
.encyclopedia-demo-list>button:is(:hover,:focus-visible,[aria-pressed=true]) { border-color:var(--arena); background:linear-gradient(120deg,rgba(var(--arena-rgb),.19),#251a13); box-shadow:inset 3px 0 var(--arena),0 0 18px rgba(var(--arena-rgb),.1); transform:translateX(3px); }
.encyclopedia-demo-stage { position:sticky; top:100px; min-width:0; padding:22px; background:#1d1712; border:1px solid #967251; }
.encyclopedia-demo-stage h4 { font-size:1.3rem; margin:0 0 13px; }
.encyclopedia-demo-stage p { font-size:.83rem; line-height:1.7; }
.encyclopedia-demo-stage a { font-size:.75rem; }
.encyclopedia-demo-hover { display:flex; align-items:start; gap:8px; margin-top:18px; color:#fce4c8; font-size:.75rem; line-height:1.5; }
.encyclopedia-demo-hover input { accent-color:var(--arena); margin-top:2px; }
.encyclopedia-demo-data { margin:15px 0; }
.encyclopedia-demo-data summary { cursor:pointer; color:#ffd3a5; font-size:.76rem; }
.encyclopedia-demo-stage iframe { width:100%; min-height:280px; border:1px solid #6b5847; }
.encyclopedia-official-movie { margin:18px 0; }
.encyclopedia-official-movie-heading { margin-bottom:12px; }
.encyclopedia-official-movie-heading h5 { margin-bottom:9px; font-size:1rem; }
.encyclopedia-official-movie video { display:block; width:100%; height:auto; aspect-ratio:400/224; object-fit:contain; background:#080808; border:1px solid #9b7957; }
.encyclopedia-official-movie .encyclopedia-capture-controls { flex-wrap:wrap; margin:10px 0; }
.encyclopedia-official-movie select { width:auto; min-width:70px; }
@media(max-width:760px) { .hk-encyclopedia .encyclopedia-guide-hero__text h2 { font-size:clamp(1.9rem,7.7vw,3.4rem); }.hk-encyclopedia .encyclopedia-fighter-preview__text h3 { font-size:1.9rem; }.encyclopedia-demo-grid { grid-template-columns:1fr; }.encyclopedia-demo-stage { position:static; padding:17px; }.encyclopedia-demo-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.encyclopedia-demo-list>button { padding:12px; gap:7px; }.encyclopedia-demo-list strong { font-size:.78rem; }.encyclopedia-system-hero { padding:26px 20px; }.encyclopedia-section-nav { padding:12px 20px; }.encyclopedia-reading-tools { padding:12px; }.encyclopedia-preference { width:100%; }.encyclopedia-demo-number { display:none; } }
@media(max-width:440px) { .encyclopedia-demo-list { grid-template-columns:1fr; }.encyclopedia-demo-list>button { min-height:80px; }.encyclopedia-preference button { padding:8px; }.encyclopedia-input-direction { width:25px; }.encyclopedia-button-layout { gap:12px; } }

.hk-encyclopedia { font-family:Inter,HKEncyclopediaJP,ui-sans-serif,system-ui,sans-serif; }

/* Colourful arenas surround opaque reading panels; artwork never replaces text. */
.community-encyclopedia-page { background:radial-gradient(ellipse at 0 5%,#ffd2a8,transparent 45%),radial-gradient(ellipse at 100% 35%,#d9c6f1,transparent 48%),#f4ecdd; }
.community-encyclopedia-page .encyclopedia-hero { background:transparent; color:#211c17; }
.community-encyclopedia-page .encyclopedia-hero h1 { color:#211c17; }
.community-encyclopedia-page .encyclopedia-hero .eyebrow { color:#963700; }
.community-encyclopedia-page .encyclopedia-hero .lede { color:#4e4136; }
.community-encyclopedia-page main > .encyclopedia-workspace { background:transparent; }
.hk-encyclopedia { --arena-floor:#392359; background:radial-gradient(ellipse at 90% 0,rgba(var(--arena-rgb),.32),transparent 48%),repeating-linear-gradient(135deg,transparent 0 88px,rgba(255,255,255,.035) 88px 90px),var(--arena-floor); border-color:#887381; box-shadow:0 24px 65px rgba(52,29,55,.2); }
.hk-encyclopedia[data-theme="psycho"] { --arena-floor:#392359; --arena-cover:url('/assets/img/encyclopedie/systems/sf6/drive-impact-ca87906029d4.jpg'); }
.hk-encyclopedia[data-theme="electric"] { --arena-floor:#322345; --arena-cover:url('/assets/img/encyclopedie/systems/t8/heat-burst-b95400dd91fb.jpg'); }
.hk-encyclopedia[data-theme="wolf"] { --arena-floor:#174547; --arena-cover:url('/assets/img/encyclopedie/systems/cotw/spg-b780951301e8.jpg'); }
.hk-encyclopedia::before { position:absolute; inset:0 0 auto; height:1100px; z-index:-2; background:linear-gradient(180deg,rgba(26,18,41,.2),var(--arena-floor)),var(--arena-cover) center top/cover; opacity:.38; content:""; pointer-events:none; }
.hk-encyclopedia::after { position:absolute; top:-200px; right:-280px; z-index:-1; width:820px; height:820px; border:75px solid rgba(var(--arena-rgb),.1); border-radius:50%; box-shadow:0 0 0 100px rgba(var(--arena-rgb),.035); content:""; pointer-events:none; animation:encyclopedia-arena-glow 18s ease-in-out infinite alternate; }
.encyclopedia-system-hero { background:linear-gradient(90deg,rgba(18,14,31,.97),rgba(25,19,40,.7) 60%,rgba(30,20,46,.35)),var(--arena-cover) center/cover; }
.encyclopedia-guide-hero { background:radial-gradient(ellipse at 80% 20%,rgba(var(--arena-rgb),.32),transparent 70%),linear-gradient(130deg,var(--arena-floor),#20142e); }
.encyclopedia-system-visuals { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:14px; margin:20px 0 16px; }
.encyclopedia-system-figure { min-width:0; margin:0; }
.encyclopedia-system-image { position:relative; display:block; width:100%; overflow:hidden; padding:0; border:1px solid #877368; background:#14121b; color:#fff8e7; }
.encyclopedia-system-image img { display:block; width:100%; height:auto; max-height:280px; object-fit:contain; transition:transform .35s; }
.encyclopedia-system-image:hover img { transform:scale(1.02); }
.encyclopedia-system-image > span { position:absolute; right:8px; bottom:8px; max-width:calc(100% - 16px); padding:7px 10px; background:#19131f; color:#fff8e7; font-size:.65rem; font-weight:800; }
.encyclopedia-system-figure figcaption { margin-top:8px; color:#efddca; font-size:.73rem; line-height:1.55; }
.encyclopedia-system-image-links { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:8px; font-size:.66rem; line-height:1.5; }
.encyclopedia-system-image-links button { padding:0; border:0; background:none; color:var(--arena); font:inherit; text-decoration:underline; text-underline-offset:3px; }
.encyclopedia-system-figure iframe { display:block; width:100%; aspect-ratio:16/9; margin-top:12px; border:1px solid #877368; }
.encyclopedia-image-dialog { width:min(1180px,calc(100% - 24px)); max-width:100%; max-height:94dvh; padding:20px; border:1px solid #97787b; background:#17141d; color:#fff8e7; animation:encyclopedia-card-in .25s both; }
.encyclopedia-image-dialog::backdrop { background:rgba(16,12,23,.84); backdrop-filter:blur(5px); }
.encyclopedia-image-dialog header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:16px; }
.encyclopedia-image-dialog h3 { margin:0; color:#fff8e7; font:800 1rem/1.5 Arial,sans-serif; }
.encyclopedia-image-dialog > img { display:block; width:100%; height:auto; max-height:74dvh; object-fit:contain; }
.encyclopedia-image-dialog p { margin:14px 0 0; color:#e5dacb; font-size:.75rem; }
.encyclopedia-image-dialog a { color:#ffb87c; }
@keyframes encyclopedia-arena-glow { from { transform:translate(0,0) rotate(-8deg); } to { transform:translate(-45px,60px) rotate(8deg); } }
@media(prefers-reduced-motion:reduce) { .hk-encyclopedia::after,.encyclopedia-image-dialog { animation:none; }.encyclopedia-system-image img { transition:none; } }
@media(max-width:760px) { .encyclopedia-image-dialog { padding:14px; }.encyclopedia-image-dialog header { gap:10px; }.encyclopedia-image-dialog header button { min-width:80px; padding:10px; }.encyclopedia-image-dialog h3 { font-size:.85rem; } }

.community-encyclopedia-page .encyclopedia-hero .encyclopedia-private-label { border-color:#917566; background:rgba(255,248,231,.6); color:#57381f; }

/* Reading preferences: tactile controls without the old boxed toolbar. */
.hk-encyclopedia .encyclopedia-reading-tools { gap:20px; padding:18px 0; border:0; border-bottom:1px solid #7b6559; background:transparent; }
.hk-encyclopedia .encyclopedia-reading-tools > div { padding:0; background:none; display:grid; gap:9px; }
.hk-encyclopedia .encyclopedia-preference > span { color:#ffe8d3; font-size:.75rem; letter-spacing:.03em; }
.hk-encyclopedia .encyclopedia-preference > div { gap:7px; }
.hk-encyclopedia .encyclopedia-reading-tools button { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 15px; border:1px solid #ac8b75; border-radius:12px; background:linear-gradient(150deg,#413024,#241e1b); color:#fff2e4; font-size:.76rem; box-shadow:0 3px 0 #130f0e; transition:transform .18s,background .18s,box-shadow .18s; }
.hk-encyclopedia .encyclopedia-reading-tools button > span { font:800 1rem/1 ui-monospace,monospace; min-width:25px; }
.hk-encyclopedia .encyclopedia-reading-tools button[aria-pressed=true] { color:#23150d; background:linear-gradient(150deg,#ffe1ad,#ffae72); border-color:#ffdbb8; box-shadow:0 3px 0 #744027,0 0 18px #ffb16d20; }
.hk-encyclopedia .encyclopedia-reading-tools button:hover { transform:translateY(-2px); }
.hk-encyclopedia .encyclopedia-reading-tools small { font-size:.75rem; max-width:250px; }
.hk-encyclopedia .encyclopedia-input-legend { border:0; padding-top:0; }

/* Shared foundations and frame lessons. Colours identify phases, not frame facts. */
.edu-intro { margin:24px 0 32px; padding:clamp(18px,3vw,30px); color:#fff2df; background:linear-gradient(125deg,#362238,#24283b); border:1px solid #b98bba; border-radius:18px; }
.edu-intro h3 { font-size:clamp(1.2rem,2.5vw,2rem); margin:0 0 16px; }
.edu-intro p,.edu-lesson p { font-size:.87rem; line-height:1.7; }
.edu-choice-cycle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:24px 0 12px; }
.edu-choice-cycle article,.edu-dimensions article { min-width:0; }
.edu-choice-cycle h4,.edu-dimensions h4 { font-size:1.04rem; margin:14px 0 8px; color:#fff4dc; }
.edu-choice-icon { display:grid; place-items:center; width:60px; height:60px; border:1px solid #e7b0d7; border-radius:18px; background:#514067; color:#ffe3af; font-size:2rem; box-shadow:5px 5px 0 #110f233b; }
.edu-choice-cycle article:nth-child(2) .edu-choice-icon { color:#aeead8; background:#2e454d; }
.edu-choice-cycle article:nth-child(3) .edu-choice-icon { color:#ffd5ad; background:#5a3b39; }
.edu-dimensions { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:18px; border-top:1px solid #886b91; }
.edu-axis { color:#acdfec; font-size:1.6rem; letter-spacing:8px; }
.edu-intro details > summary { padding:12px 0; color:#ffe5c1; cursor:pointer; font-weight:750; }
.edu-lesson { margin:24px 0; }
.edu-frame-lesson,.edu-guard,.edu-normals { border:1px solid #947a68; background:#201b18; border-radius:15px; overflow:hidden; margin:0 0 24px; }
.edu-frame-lesson > summary,.edu-exercises > summary { padding:20px; cursor:pointer; font-weight:850; color:#fff0d9; font-size:1.1rem; }
.edu-frame-lesson > summary > span { float:right; color:#ffb476; }
.edu-frame-lesson[open] > summary { background:linear-gradient(100deg,#453026,#292027); border-bottom:1px solid #947a68; }
.edu-lesson-body,.edu-guard,.edu-normals { padding:clamp(15px,2.5vw,25px); }
.edu-lesson :is(h3,h4) { margin:0 0 14px; color:#fff1dd; }
.edu-phase-key { display:flex; flex-wrap:wrap; gap:10px; margin:15px 0; }
.edu-phase-key > span { display:flex; align-items:center; gap:8px; font-size:.77rem; color:#fff0de; }
.edu-phase-key > span::before { content:""; width:12px; height:12px; background:var(--phase-colour); border-radius:2px; }
.edu-phase-key b { font-variant-numeric:tabular-nums; }
[data-phase=startup] { --phase-colour:#67c5a8; }
[data-phase=active] { --phase-colour:#fc927b; }
[data-phase=recovery] { --phase-colour:#76acef; }
[data-phase=stun] { --phase-colour:#c09eea; }
[data-phase=ready] { --phase-colour:#ead59b; }
.edu-timeline-controls,.edu-playback { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:18px 0; }
.edu-lesson button { min-height:44px; padding:10px 14px; border:1px solid #a48875; border-radius:9px; color:#fff1dd; background:#382b25; font-size:.8rem; font-weight:750; }
.edu-lesson button[aria-pressed=true] { color:#20160d; background:#ffd095; border-color:#ffd095; }
.edu-lesson button:hover { border-color:#ffceaa; }
.edu-lesson button:focus-visible,.edu-intro summary:focus-visible,.edu-mechanic summary:focus-visible { outline:3px solid #b6e7ec; outline-offset:3px; }
.edu-lesson [role=group] { display:flex; flex-wrap:wrap; gap:6px; }
.edu-lesson label { color:#ffe8cf; font-size:.8rem; font-weight:700; }
.edu-lesson input[type=range] { display:block; width:160px; accent-color:#ffbf88; cursor:pointer; }
.edu-timeline { margin:25px 0 16px; }
.edu-track { margin-bottom:14px; }
.edu-track > strong { display:block; margin-bottom:8px; color:#fff1de; font-size:.83rem; }
.edu-cells { position:relative; display:grid; grid-template-columns:repeat(40,minmax(0,1fr)); gap:2px; padding:3px 0; }
.edu-cells > i { display:block; min-width:0; height:28px; background:var(--phase-colour,#51473f); border-radius:2px; }
.edu-cells > [data-phase=wait] { background:#51473f; }
.edu-cursor { position:absolute; top:-5px; bottom:-5px; left:var(--edu-cursor,0%); width:2px; background:#fff; box-shadow:0 0 5px #fff; }
.edu-timeline-scale { display:flex; justify-content:space-between; color:#d6c5b7; font:700 .68rem ui-monospace,monospace; }
.edu-frame-answer { padding:14px; border-left:3px solid #c3a4ea; background:#302732; color:#ffeede; font-size:.85rem; line-height:1.7; }
.edu-concepts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:30px 0; }
.edu-concepts h4 { font-size:.98rem; }
.edu-resource-note { padding:16px; border:1px solid #99735b; border-radius:10px; background:#33251e; }
.edu-resource-note p { margin-top:0; }
.edu-lesson a { color:#ffcf9c; font-size:.8rem; line-height:1.6; }
.edu-normal-person { color:#ffcf9c; font-weight:800; }
.edu-character-label { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:18px 0; }
.edu-character-label select { max-width:100%; border:1px solid #b4947b; border-radius:8px; padding:12px; background:#392c25; color:#fff0dd; font-size:.88rem; }
.edu-table-scroll { overflow:auto; max-width:100%; }
.edu-normal-table { width:100%; border-collapse:collapse; font-size:.8rem; color:#f7e5d1; }
.edu-normal-table :is(th,td) { padding:12px 9px; border-bottom:1px solid #695749; text-align:left; font-variant-numeric:tabular-nums; }
.edu-normal-table thead { background:#3a2b23; color:#ffe5c1; }
.edu-normal-table tbody tr:nth-child(even) { background:#2b231e; }
.edu-normal-table th small { display:block; font-size:.68rem; font-weight:500; margin-top:6px; }
.edu-normal-table td[data-advantage=plus] { color:#a4e0ba; font-weight:800; }
.edu-normal-table td[data-advantage=minus] { color:#ffb69d; font-weight:800; }
.edu-normal-table th .encyclopedia-input-sequence { margin:0; }
.edu-data-notes { margin:18px 0 14px; font-size:.8rem; color:#e2c9b3; }
.edu-data-notes summary { cursor:pointer; color:#ffe0b6; }
.edu-guard-stage { display:grid; grid-template-columns:90px 1fr; align-items:center; gap:18px; margin:24px 0; padding:20px; border-radius:12px; background:linear-gradient(135deg,#302a41,#233a3a); }
.edu-guard-stage p { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; border-bottom:1px solid #837d80; padding:10px 0; margin:0; }
.edu-guard-stage p[data-outcome=blocked] span { color:#a9e7bd; }
.edu-guard-stage p[data-outcome=hits] span { color:#ffb59e; }
.edu-guard-stage p[data-outcome=evaded] span { color:#b6dfff; }
.edu-guard-person { position:relative; width:60px; height:130px; margin:auto; }
.edu-guard-person i { position:absolute; left:20px; top:0; width:28px; height:28px; border-radius:50%; background:#ffcf99; }
.edu-guard-person b { position:absolute; left:20px; top:34px; width:23px; height:49px; border-radius:10px; background:#a9d9e7; transform:rotate(-10deg); }
.edu-guard-person b::after { content:""; position:absolute; left:14px; top:4px; width:30px; height:12px; background:#ffcf99; border-radius:6px; transform:rotate(-35deg); }
.edu-guard-person span { position:absolute; left:24px; top:76px; width:14px; height:48px; border-radius:7px; background:#a9d9e7; transform:rotate(-12deg); }
.edu-guard-person span::after { content:""; position:absolute; left:-22px; top:-1px; width:14px; height:48px; border-radius:7px; background:#a9d9e7; transform:rotate(30deg); }
.edu-guard-stage[data-position=crouching] .edu-guard-person { transform:translateY(25px) scaleY(.7); transform-origin:bottom; }
.encyclopedia-mechanics-grid:has(>.edu-mechanic) { display:flex; flex-direction:column; gap:10px; }
.edu-mechanic { border:1px solid #a18a75; border-radius:13px; overflow:hidden; background:linear-gradient(100deg,#35271e,#251e21); }
.edu-mechanic > summary { display:flex; align-items:center; gap:18px; padding:20px; cursor:pointer; list-style:none; color:#fff1db; }
.edu-mechanic > summary::-webkit-details-marker { display:none; }
.edu-mechanic > summary > strong { flex:1; font-size:1rem; line-height:1.4; }
.edu-mechanic > summary > span:last-child { color:#ffc78a; transition:transform .2s; }
.edu-mechanic[open] > summary > span:last-child { transform:rotate(45deg); }
.edu-chapter-number { display:grid; place-items:center; width:34px; height:34px; flex:0 0 auto; border:1px solid #a68266; border-radius:9px; color:#ffce91; font:800 .75rem ui-monospace,monospace; }
.edu-mechanic[open] > summary { background:#4b352a; border-bottom:1px solid #a18a75; }
.encyclopedia-mechanics-grid .edu-mechanic > article { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:12px 25px; border:0; background:#211c18; padding:24px; }
.edu-mechanic > article > h4 { display:none; }
.edu-mechanic > article > :is(p,.encyclopedia-card-command,.encyclopedia-source-links) { grid-column:1; margin:0; }
.edu-mechanic > article > .encyclopedia-system-visuals { grid-column:2; grid-row:1 / span 4; margin:0; }
.edu-exercises { border:1px solid #866c57; border-radius:12px; overflow:hidden; }
.edu-exercises > .encyclopedia-mechanics-grid { padding:20px; }
@media (max-width:800px) {
  .edu-concepts { grid-template-columns:1fr; gap:14px; }
  .encyclopedia-mechanics-grid .edu-mechanic > article { grid-template-columns:1fr; padding:18px; }
  .edu-mechanic > article > .encyclopedia-system-visuals { grid-column:1; grid-row:auto; }
}
@media (max-width:600px) {
  .edu-choice-cycle,.edu-dimensions { grid-template-columns:1fr; gap:18px; }
  .edu-choice-cycle article { display:grid; grid-template-columns:50px 1fr; gap:0 15px; }
  .edu-choice-cycle .edu-choice-icon { width:48px; height:48px; grid-row:1 / 3; }
  .edu-choice-cycle h4 { margin:0; }
  .edu-choice-cycle p { grid-column:2; margin:8px 0 0; }
  .edu-guard-stage { grid-template-columns:55px 1fr; padding:14px; gap:10px; }
  .edu-guard-person { transform:scale(.75); }
  .edu-guard-stage[data-position=crouching] .edu-guard-person { transform:translateY(20px) scale(.75,.55); }
  .edu-mechanic > summary { gap:10px; padding:14px; }
  .edu-mechanic > summary > strong { font-size:.88rem; }
  .edu-normal-table,.edu-normal-table tbody { display:block; width:100%; }
  .edu-normal-table thead { display:none; }
  .edu-normal-table tr { display:grid; grid-template-columns:1fr 1fr; padding:12px; margin:12px 0; background:#2b231e; border:1px solid #7b6351; border-radius:10px; }
  .edu-normal-table th { grid-column:1 / -1; padding:8px 0 12px; }
  .edu-normal-table td { display:flex; flex-direction:column; gap:4px; padding:10px 4px; overflow-wrap:anywhere; }
  .edu-normal-table td::before { content:attr(data-label); color:#e4cdb7; font-size:.7rem; font-weight:600; }
  .edu-cells { gap:1px; }
  .edu-cells > i { height:24px; }
  .hk-encyclopedia .encyclopedia-reading-tools { gap:18px; }
  .hk-encyclopedia .encyclopedia-reading-tools button { padding:9px 11px; font-size:.72rem; }
}
@media (prefers-reduced-motion:reduce) {
  .hk-encyclopedia .encyclopedia-reading-tools button,.edu-mechanic > summary > span:last-child { transition:none; }
  .hk-encyclopedia .encyclopedia-reading-tools button:hover { transform:none; }
}
.edu-glossary { margin:20px 0; padding:15px; border:1px solid #806c5b; border-radius:10px; }
.edu-glossary > summary { color:#ffe1ba; font-size:.9rem; font-weight:750; cursor:pointer; }
.edu-glossary p { margin:16px 0 0; }
.encyclopedia-first-session { margin:28px 0; padding:clamp(18px,3vw,28px); border:1px solid #b8aa73; border-radius:16px; background:linear-gradient(130deg,#344039,#26213a); color:#fff0dc; }
.encyclopedia-first-session > h3 { font-size:clamp(1.3rem,2.5vw,2rem); margin:12px 0; }
.encyclopedia-first-session p { font-size:.86rem; line-height:1.7; }
.encyclopedia-first-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0; }
.encyclopedia-first-steps article { min-width:0; }
.encyclopedia-first-steps h4 { margin:0 0 14px; color:#ffdda4; font-size:1rem; }
.encyclopedia-first-steps .encyclopedia-kicker { display:none; }
.encyclopedia-start-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.encyclopedia-ingame-learning { margin-top:22px; border-top:1px solid #a69b85; padding-top:16px; }
.encyclopedia-ingame-learning summary { color:#ffe8bd; font-weight:800; cursor:pointer; }
.encyclopedia-ingame-learning a,.edu-genre-sources a { color:#ffd6a3; }
.hk-encyclopedia .encyclopedia-term { display:inline; padding:0; margin:0; min-height:0; border:0; border-bottom:1px dashed #dbb77e; background:none; color:inherit; font:inherit; text-align:inherit; cursor:help; border-radius:0; }
.hk-encyclopedia .encyclopedia-term:hover { color:#ffe3aa; border-bottom-style:solid; }
.hk-encyclopedia .encyclopedia-term:focus-visible { outline:2px solid #b6e7ec; outline-offset:3px; }
.encyclopedia-term-dialog { width:min(600px,calc(100vw - 30px)); padding:clamp(20px,4vw,35px); border:1px solid #c2a88c; border-radius:15px; background:#26201c; color:#fff0dc; }
.encyclopedia-term-dialog::backdrop { background:#171224bb; backdrop-filter:blur(5px); }
.encyclopedia-term-dialog h3 { font:800 1.3rem/1.3 Inter,ui-sans-serif,sans-serif; color:#ffe3b1; }
.encyclopedia-term-dialog p { font-size:1rem; line-height:1.75; }
@media(max-width:800px){.encyclopedia-first-steps{grid-template-columns:1fr;gap:18px}.encyclopedia-first-steps article + article{padding-top:18px;border-top:1px solid #827a72}}
.encyclopedia-style-overview,.encyclopedia-learning-choice{padding:clamp(1rem,3vw,1.75rem);margin:1rem 0;border:1px solid #837087;border-radius:1rem;background:#231d29;color:#fff6e8}
.encyclopedia-style-overview p,.encyclopedia-plan-grid p,.encyclopedia-mechanics-grid p,.encyclopedia-drills p{max-width:70ch;line-height:1.7}
.encyclopedia-learning-choice [role=group]{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.encyclopedia-learning-choice button{padding:.7rem 1rem;border:1px solid #b599a8;border-radius:2rem;background:#352d3c;color:#fff6e8;font:inherit;cursor:pointer}
.encyclopedia-learning-choice button[aria-pressed=true]{background:#ffb467;border-color:#ffb467;color:#21150d;font-weight:800}
.encyclopedia-learning-choice button:focus-visible{outline:3px solid #fff6e8;outline-offset:3px}
.encyclopedia-plan-grid article>p+p,.encyclopedia-mechanics-grid article>p+p{margin-top:.75rem}
.guide-reference-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;background:#231d29;color:#fff6e8;border:1px solid #ffb369;padding:1.5rem}
.guide-reference-dialog::backdrop{background:#000b}
.guide-reference-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.guide-reference-columns pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem}
.guide-reference-dialog details{padding:1rem 0;border-bottom:1px solid #ffffff30}
@media(max-width:650px){.guide-reference-columns{grid-template-columns:1fr}}
/* Link colours must not override the orange button's dark foreground. */
.hk-encyclopedia a.button:not(.button-secondary):not(.button-danger){color:#11100f}
.encyclopedia-lore{padding:clamp(1rem,3vw,1.75rem);border:1px solid #837087;border-radius:12px;background:#231d29;color:#fff6e8}

.encyclopedia-demo-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; margin:20px 0; padding:16px; border:1px solid #685c58; background:#201b20; color:#fff8e7; }
.encyclopedia-demo-toolbar p { flex:1 1 250px; margin:0; font-size:.8rem; line-height:1.6; }
.encyclopedia-demo-toolbar [data-tool-count] { font-weight:900; color:var(--arena); }
.encyclopedia-demo-toolbar>div { display:flex; flex-wrap:wrap; gap:10px; }
.hk-encyclopedia .encyclopedia-demo-toolbar :is(button,a) { display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; border:1px solid var(--arena); background:#241e27; color:#fff8e7; font-size:.75rem; font-weight:850; text-decoration:none; }
.hk-encyclopedia .encyclopedia-demo-toolbar button[aria-pressed=true] { background:var(--arena); color:#17120e; }
.encyclopedia-demo-toolbar :is(button,a):focus-visible { outline:2px solid #fff8e7; outline-offset:3px; }