.quiz{max-width:1280px;padding-block:var(--s6) var(--s8)}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.quiz-top .back-link{margin:0;background:none;border:0;padding:8px 0}.quiz-count{font-weight:700;font-size:var(--fs-s);color:var(--gold-bright)}.quiz-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:6px;gap:6px;margin:var(--s3) 0 var(--s6)}.quiz-progress span{height:6px;background:var(--surface-3);transform:skewX(-20deg)}.quiz-progress span.done{background:var(--gold-dim)}.quiz-progress span.current{background:var(--gold)}.quiz-stage{animation:quiz-in .26s var(--ease)}@keyframes quiz-in{0%{opacity:0;transform:translateY(6px)}}.quiz-title{margin-bottom:var(--s5)}.quiz-title h1{font-size:var(--fs-2xl);outline:none}.quiz-title p{color:var(--text-2);margin-top:var(--s2)}.quiz-options{display:grid;grid-gap:var(--s4);gap:var(--s4)}.quiz-options.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-options.cols-3,.quiz-options.cols-many{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-option{--frame-fill:var(--surface);display:grid;grid-template-rows:auto auto;padding:0;border:0;background:transparent;text-align:left;color:var(--text);transition:transform var(--dur) var(--ease)}.quiz-option:before{transition:background var(--dur) var(--ease)}.quiz-option:hover{--frame-line:var(--gold-dim)}.quiz-option:focus-visible{outline:none;--frame-line:var(--gold-bright)}.quiz-option:focus-visible .quiz-option-art:after{content:"";position:absolute;inset:6px;border:2px solid var(--gold-bright)}.quiz-option.is-chosen{--frame-line:var(--gold);--frame-fill:#1c1f27}.quiz-option-art{position:relative;display:block;aspect-ratio:2/1;overflow:hidden;background:var(--surface-2)}.cols-3 .quiz-option-art,.cols-many .quiz-option-art{aspect-ratio:16/10}.quiz-option-art img{object-fit:cover;transition:transform .4s var(--ease),filter var(--dur) var(--ease);filter:brightness(.92)}.quiz-option:hover .quiz-option-art img{transform:scale(1.03);filter:brightness(1)}.quiz-option.is-chosen .quiz-option-art img{filter:brightness(1.04)}.quiz-option-copy{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--s3);gap:var(--s3);align-items:center;padding:var(--s4) var(--s5) var(--s5)}.quiz-option-copy strong{display:block;font-size:var(--fs-m)}.quiz-option-copy small{display:block;color:var(--text-2);font-size:var(--fs-s);margin-top:2px}.quiz-option-key{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-s);font-size:var(--fs-xs);font-weight:700;color:var(--text-3)}.quiz-option.is-chosen .quiz-option-key{border-color:var(--gold);color:var(--gold-bright)}.quiz-check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong)}.quiz-option.is-chosen .quiz-check{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.quiz-actions{margin-top:var(--s6);display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap}@media (max-width:1100px){.quiz-options.cols-many{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.quiz-options.cols-3,.quiz-options.cols-4,.quiz-options.cols-many{grid-template-columns:1fr;gap:var(--s3)}.quiz-option{grid-template-columns:112px 1fr;grid-template-rows:auto}.cols-3 .quiz-option-art,.cols-many .quiz-option-art,.quiz-option-art{aspect-ratio:auto;min-height:96px;height:100%}.quiz-option-copy{padding:var(--s3) var(--s4);grid-template-columns:1fr auto}.quiz-hint,.quiz-option-key{display:none}.quiz-actions .btn{width:100%}}@media (hover:none){.quiz-hint{display:none}}.quiz-mode-tag{display:inline-block;margin-right:8px;padding:1px 8px;border:1px solid var(--gold-dim);border-radius:var(--radius-s);font-size:var(--fs-xs);color:var(--gold-bright)}.chooser{max-width:1180px}.chooser-head{margin-bottom:var(--s6)}.chooser-head h1{font-size:var(--fs-2xl);margin-bottom:var(--s3)}.chooser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s5);gap:var(--s5)}.chooser-card{--frame-fill:var(--surface);display:grid;grid-template-rows:auto 1fr;color:var(--text);text-decoration:none}.chooser-card:hover{--frame-line:var(--gold);color:var(--text)}.chooser-card:focus-visible{outline:none;--frame-line:var(--gold-bright)}.chooser-art{position:relative;display:block;aspect-ratio:2/1;overflow:hidden}.chooser-art img{object-fit:cover}.chooser-body{display:grid;grid-gap:var(--s2);gap:var(--s2);padding:var(--s5) var(--s6) var(--s6);align-content:start}.chooser-label{color:var(--gold-bright);font-weight:700;font-size:var(--fs-s)}.chooser-body strong{font-size:var(--fs-xl);line-height:1.2}.chooser-meta{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:var(--fs-s)}.chooser-body .text-link,.chooser-meta{margin-top:var(--s2)}.chooser-resume{margin-top:var(--s5);color:var(--text-2)}.sharpen{--frame-fill:#1b1e26;display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--s4);gap:var(--s4);align-items:center;padding:var(--s4) var(--s5);margin-bottom:var(--s5);color:var(--text);text-decoration:none}.sharpen svg:first-child{color:var(--gold-bright)}.sharpen strong{display:block}.sharpen span span{color:var(--text-2);font-size:var(--fs-s)}.sharpen:hover{--frame-line:var(--gold);color:var(--text)}@media (max-width:760px){.chooser-grid{grid-template-columns:1fr}.chooser-body{padding:var(--s4) var(--s5) var(--s5)}}.kq-cta{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center;margin:var(--s5) 0 var(--s3)}.kq-question{font-size:var(--fs-xl);margin:var(--s5) 0;outline:none}.kq-options{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s3)}.kq-option,.kq-options{display:grid;gap:var(--s3)}.kq-option{grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--s3);min-height:64px;padding:var(--s3) var(--s4);text-align:left;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);font-weight:600;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.kq-option:hover:not(:disabled){border-color:var(--gold);background:var(--surface-2)}.kq-option:disabled{cursor:default}.kq-letter{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-3);color:var(--gold-bright);font-weight:800}.kq-option.is-right{border-color:var(--great);background:rgba(140,194,143,.12);color:var(--great)}.kq-option.is-wrong{border-color:var(--danger);background:rgba(224,122,110,.12);color:var(--danger)}.kq-option.is-dim{opacity:.55}.kq-explain{margin-top:var(--s4);padding:var(--s4);border-radius:var(--radius);border-left:3px solid var(--great);background:var(--surface)}.kq-explain.is-wrong{border-left-color:var(--danger)}.kq-actions{margin-top:var(--s5);display:flex;justify-content:flex-end}.kq-result{--frame-fill:var(--surface);padding:var(--s7) var(--s6);text-align:center;display:grid;grid-gap:var(--s3);gap:var(--s3);justify-items:center}.kq-result h1{font-size:var(--fs-2xl)}.kq-iq-big{font-size:1.6em}.kq-iq-big,.kq-title{color:var(--gold-bright)}.kq-title{font-size:var(--fs-l);font-weight:800}.kq-share{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;margin-top:var(--s3)}.kq-share .fine{flex-basis:100%}.kq-dash{grid-gap:var(--s4);max-width:980px;margin:var(--s6) auto 0}.kq-dash,.kq-stat-row{display:grid;gap:var(--s4)}.kq-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s4);text-align:center}.kq-stat-row div{display:grid;justify-items:center;grid-gap:2px;gap:2px;color:var(--gold-bright)}.kq-stat-row strong{font-size:var(--fs-xl);color:var(--text)}.kq-stat-row span{font-size:var(--fs-xs);color:var(--text-3)}.kq-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--s4);gap:var(--s4)}.kq-badges li{display:grid;justify-items:center;text-align:center;grid-gap:4px;gap:4px;opacity:.6}.kq-badges li.is-earned{opacity:1}.kq-badges small{color:var(--text-3);font-size:var(--fs-xs)}.kq-optin .toggle{display:inline-flex;align-items:center;gap:var(--s2);font-weight:650}.kq-board{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.kq-board li{display:grid;grid-template-columns:48px 1fr auto 90px;align-items:center;grid-gap:var(--s3);gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.kq-board li:nth-child(-n+3){border-color:var(--gold-dim)}.kq-rank{font-weight:800;color:var(--gold-bright);font-size:var(--fs-l)}.kq-name{font-weight:700}.kq-iq{font-weight:800;font-size:var(--fs-l)}.kq-cats{list-style:none;margin:0;padding:0;grid-gap:var(--s3);width:100%}.kq-cats,.kq-cats li{display:grid;gap:var(--s3)}.kq-cats li{grid-template-columns:160px 1fr 56px 60px;align-items:center;grid-gap:var(--s3);text-align:left}.kq-cats.compact li{grid-template-columns:150px 1fr 48px}.kq-spark{display:flex;align-items:flex-end;gap:6px;height:120px}.kq-spark span{flex:1 1;background:linear-gradient(0deg,var(--gold-dim),var(--gold-bright));border-radius:3px 3px 0 0}.kq-builder fieldset{border:0;padding:0;margin:var(--s4) 0}.kq-builder input[type=range]{width:100%}@media (max-width:700px){.kq-options{grid-template-columns:1fr}.kq-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kq-cats li,.kq-cats.compact li{grid-template-columns:1fr 1fr auto}.kq-cats li .fine{display:none}.kq-board li{grid-template-columns:36px 1fr auto}.kq-board li .fine{display:none}}.chooser-game{justify-content:center;margin:var(--s4) auto 0;width:max-content}.chooser-grid.is-single{grid-template-columns:minmax(0,1fr);max-width:820px;margin-inline:auto}.academy-hero{position:relative;background:var(--night);border-bottom:1px solid var(--line);overflow:hidden}.academy-hero-art{position:absolute;inset:0;opacity:.32}.academy-hero-art img{object-fit:cover}.academy-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,23,.95),rgba(12,16,23,.7) 55%,rgba(12,16,23,.35))}.academy-hero-inner{position:relative;z-index:1;padding-block:var(--s8) var(--s7)}.academy-hero h1{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--track-display);max-width:14ch}.academy-hero .lede{margin-top:var(--s4)}.resume{--frame-fill:#191c24;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--s4);gap:var(--s4);padding:var(--s4) var(--s5);margin-bottom:var(--s6);color:var(--text);text-decoration:none}.resume svg:first-child{color:var(--gold-bright)}.resume small{display:block;color:var(--text-3);font-size:var(--fs-xs)}.resume:hover{--frame-line:var(--gold);color:var(--text)}.module-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--s4);gap:var(--s4)}.module-card{display:grid;grid-template-rows:auto 1fr;height:100%;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.module-card:focus-within,.module-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));border-top-color:var(--accent);color:var(--text)}.module-card{grid-template-rows:auto auto 1fr}.module-art-link{display:block}.module-body{text-decoration:none}.module-body,.module-body:hover{color:var(--text)}.spec-toggle{display:flex;gap:4px;padding:var(--s2) var(--s4) 0;flex-wrap:wrap}.spec-toggle button{flex:1 1;min-height:34px;padding:4px 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.spec-toggle button:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 60%,var(--line-strong))}.spec-toggle button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2));border-color:var(--accent);color:var(--text)}.spec-toggle button:disabled{opacity:.5;cursor:not-allowed}.spec-toggle small{font-weight:600;color:var(--text-3)}.module-art{aspect-ratio:2/1}.module-body{padding:var(--s4) var(--s5) var(--s5);display:grid;grid-gap:var(--s2);gap:var(--s2);align-content:start}.module-title{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s3)}.module-title h3{font-size:var(--fs-l)}.module-title h3 span{display:block;font-size:var(--fs-s);color:var(--accent);font-weight:650}.module-mastery{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}.module-body .text-link,.module-mastery{margin-top:var(--s2)}.soon-grid{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.soon-grid li{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--s4);gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line);align-items:center}.soon-class{font-weight:700;display:inline-flex;gap:8px;align-items:center}.soon-class span{color:var(--accent)}.soon-specs{display:flex;gap:var(--s2);flex-wrap:wrap}.soon-spec{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--text-3);font-size:var(--fs-s)}.soon-spec small{font-size:var(--fs-xs);color:var(--text-3);opacity:.8}@media (max-width:640px){.soon-grid li{grid-template-columns:1fr;gap:var(--s2)}}.ach-grid{list-style:none;padding:0;margin:0;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--s3)}.ach,.ach-grid{display:grid;gap:var(--s3)}.ach{grid-template-columns:40px 1fr;grid-gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text-3)}.ach strong{display:block;color:var(--text-2);font-size:var(--fs-s)}.ach small{font-size:var(--fs-xs)}.ach-glyph{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-strong);transform:rotate(45deg) scale(.8)}.ach-glyph,.ach-glyph *{font-size:1rem}.ach.is-on{border-color:var(--gold-dim);color:var(--text-2)}.ach.is-on .ach-glyph,.ach.is-on strong{color:var(--gold-bright)}.ach.is-on .ach-glyph{border-color:var(--gold);background:rgba(198,161,91,.14)}.trainer-wrap{max-width:920px;padding-block:var(--s5) var(--s8)}.trainer-head .back-link{margin-bottom:var(--s3)}.trainer-title{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.trainer-title h1{font-size:var(--fs-2xl);letter-spacing:-.02em}.trainer-glyph{width:44px;height:44px;display:grid;place-items:center;font-size:1.3rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--night));border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:var(--radius)}.trainer-head>.fine{margin-top:6px}.lesson-path{margin:var(--s5) 0 var(--s4);overflow-x:auto;scrollbar-width:thin}.lesson-path ol{list-style:none;margin:0;padding:2px 2px 6px;display:flex;gap:6px}.step{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 6px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:var(--fs-s);font-weight:600;white-space:nowrap;text-decoration:none}.step:hover{color:var(--text);border-color:var(--gold-dim)}.step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font-size:var(--fs-xs);font-weight:700;flex-shrink:0}.step[data-done] .step-num{background:rgba(140,194,143,.18);color:var(--great)}.step[aria-current=step]{border-color:var(--gold);color:var(--text);background:#1d1f27}.step[aria-current=step] .step-num{background:var(--gold);color:var(--gold-ink)}.step.is-locked,.step.is-soon{opacity:.6}.step.is-soon{border-style:dashed;cursor:default}.preview-note{font-size:var(--fs-s);color:#c9b8ef;margin-bottom:var(--s3)}.stage{--frame-fill:#121822;--c:14px;padding:var(--s5) var(--s6) var(--s5);display:grid;grid-gap:var(--s4);gap:var(--s4)}.stage-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4)}.stage-kicker{font-size:var(--fs-xs);color:var(--text-3);font-weight:600}.stage-top h2{font-size:var(--fs-xl)}.stage-target{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#2a1a1a;border:1px solid #5a2f2f;color:#f0b4aa;font-weight:600;white-space:nowrap}.goals,.stage-target{font-size:var(--fs-s)}.goals{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--text-2)}.goals li{display:inline-flex;align-items:center;gap:6px}.goals li svg{color:var(--text-3)}.goals li.is-done{color:var(--text)}.goals li.is-done svg{color:var(--great)}.stage-progress{display:grid;grid-template-columns:1fr auto;grid-gap:var(--s3);gap:var(--s3);align-items:center}.stage-progress .meter{height:4px}.event-banner{padding:10px 14px;border:1px solid var(--gold-dim);background:rgba(198,161,91,.1);color:var(--gold-bright);border-radius:var(--radius);font-weight:650;font-size:var(--fs-s);animation:event-in .3s var(--ease)}@keyframes event-in{0%{opacity:0;transform:translateY(-4px)}}.res{display:grid;grid-template-columns:150px 1fr 64px;grid-gap:var(--s3);gap:var(--s3);align-items:center;font-size:var(--fs-s)}.res-name{color:var(--text-2)}.res-val{text-align:right}.res-pips{display:flex;gap:4px}.res-pips i{flex:1 1;height:14px;background:var(--surface-3);transform:skewX(-18deg);transition:background var(--dur) var(--ease)}.res-pips i.on{background:var(--res)}.res-bar{display:block;height:14px;background:var(--surface-3);overflow:hidden}.res-bar span{display:block;height:100%;background:var(--res);transition:width .25s var(--ease)}.auras{display:flex;flex-wrap:wrap;gap:var(--s2)}.aura{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-s);font-size:var(--fs-s);font-weight:650;background:var(--surface-3);border:1px solid var(--line-strong)}.aura-proc{border-color:var(--gold);background:rgba(198,161,91,.14);color:var(--gold-bright);animation:proc-in .4s var(--ease)}@keyframes proc-in{0%{box-shadow:0 0 0 4px rgba(224,193,130,.45)}}.bar{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:var(--s3);gap:var(--s3);padding-top:var(--s4);border-top:1px solid var(--line)}.bar,.key{display:grid}.key{justify-items:center;grid-gap:6px;gap:6px;padding:0;border:0;background:transparent;color:var(--text);text-align:center}.key-icon{position:relative;width:100%;max-width:80px;aspect-ratio:1;display:grid;place-items:center;font-size:1.8rem;background:color-mix(in srgb,var(--hue,#888) 30%,#0d121a);border:1px solid color-mix(in srgb,var(--hue,#888) 55%,#000);border-radius:var(--radius);overflow:hidden;transition:transform 90ms var(--ease),box-shadow var(--dur) var(--ease)}.key:not(:disabled):hover .key-icon{box-shadow:0 0 0 2px var(--line-strong)}.key:not(:disabled):active .key-icon{transform:scale(.95)}.key:focus-visible{outline:none}.key:focus-visible .key-icon{box-shadow:var(--focus)}.key.is-suggested .key-icon{box-shadow:0 0 0 3px var(--gold-bright),0 0 22px -4px var(--gold)}.key.is-suggested .key-name{color:var(--gold-bright)}.key:disabled{cursor:not-allowed}.key:disabled .key-icon>span{filter:grayscale(.85) brightness(.5)}.key:disabled .key-name{color:var(--text-3)}.key.is-cooling .key-icon:after{content:"";position:absolute;inset:0;background:conic-gradient(rgba(5,8,12,.72) calc(var(--cd) * 1turn),rgba(5,8,12,.35) 0)}.cd-num{font-size:1.3rem}.cd-num,.charges{position:absolute;z-index:1;color:#fff;text-shadow:0 1px 2px #000}.charges{right:5px;bottom:3px;font-style:normal;font-size:var(--fs-xs);font-weight:800}.key kbd{position:absolute;z-index:1;top:3px;left:6px;font-family:var(--font);font-size:11px;font-weight:700;color:rgba(255,255,255,.7)}.key-name{font-size:var(--fs-xs);font-weight:650;line-height:1.25}.coach{padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--surface);border-left:4px solid var(--line-strong);min-height:52px;font-size:var(--fs-s);color:var(--text-2)}.coach strong{color:var(--text)}.coach-great{border-left-color:var(--great)}.coach-great strong{color:var(--great)}.coach-good{border-left-color:var(--good)}.coach-good strong{color:var(--good)}.coach-learn{border-left-color:var(--learn)}.coach-learn strong{color:var(--learn)}.coach-note{color:var(--text-3)}.stage-foot{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.stage-foot .switch{margin-right:auto}.switch{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:var(--fs-s);color:var(--text-2);cursor:pointer}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-strong);position:relative;cursor:pointer;transition:background var(--dur) var(--ease)}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-2);transition:transform var(--dur) var(--ease)}.switch input:checked{background:var(--gold);border-color:var(--gold)}.switch input:checked:after{transform:translateX(16px);background:var(--gold-ink)}.switch input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.switch.is-disabled{cursor:default;color:var(--text-3)}.done{display:grid;grid-gap:var(--s4);gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.done-score{display:flex;align-items:center;gap:var(--s4)}.done-score strong{font-size:3.2rem;line-height:1;font-weight:800;color:var(--gold-bright)}.done-score b{display:block;font-size:var(--fs-l);color:var(--text)}.done ul,.done-score span{color:var(--text-2)}.done ul{margin:0;padding-left:1.2em;display:grid;grid-gap:4px;gap:4px}.done-actions{display:flex;gap:var(--s3);flex-wrap:wrap}.recap{display:grid;grid-gap:var(--s3);gap:var(--s3);padding:var(--s4);background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius)}.recap-loading{gap:var(--s2);color:var(--text-3);font-size:var(--fs-s)}.recap-label,.recap-loading{display:flex;align-items:center}.recap-label{gap:6px;margin:0;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright)}.recap dl{display:grid;grid-gap:var(--s2);gap:var(--s2);margin:0}.recap dl>div{display:grid;grid-template-columns:7.5rem 1fr;grid-gap:var(--s3);gap:var(--s3)}.recap dt{color:var(--text-3);font-size:var(--fs-s)}.recap dd{margin:0;color:var(--text)}.recap .fine{margin:0}@media (max-width:560px){.recap dl>div{grid-template-columns:1fr;gap:2px}}.recap-progress{display:flex;align-items:center;gap:var(--s2);margin:0;color:var(--great);font-weight:600;font-size:var(--fs-s)}.recap-sub{margin:0 0 var(--s1);color:var(--text-3);font-size:var(--fs-s)}.recap-moments ol{padding-left:1.2em;display:grid;grid-gap:6px;color:var(--text-2)}.recap-locked,.recap-moments ol{margin:0;gap:6px;font-size:var(--fs-s)}.recap-locked{display:flex;align-items:center;flex-wrap:wrap;color:var(--text-3)}.recap-drill{justify-self:start}.coach-chat{display:grid;grid-gap:var(--s3);gap:var(--s3);margin-top:var(--s5)}.coach-chat>summary{display:flex;align-items:center;gap:var(--s2);cursor:pointer;font-weight:700;color:var(--text)}.coach-chat[open]>summary{margin-bottom:var(--s3)}.coach-chat>.fine,.coach-chat>p,.coach-turns{margin:0 0 var(--s3)}.coach-turns{list-style:none;padding:0;display:grid;grid-gap:var(--s4);gap:var(--s4)}.coach-q{justify-self:end;margin:0 0 var(--s2) auto;max-width:80%;width:-moz-fit-content;width:fit-content;padding:var(--s2) var(--s3);background:var(--surface-3);color:var(--text)}.coach-a,.coach-q{border-radius:var(--radius)}.coach-a{padding:var(--s3);border-left:3px solid var(--gold);background:var(--surface-2);color:var(--text-2)}.coach-a p{margin:0 0 var(--s2);white-space:pre-line}.coach-a p:last-child{margin-bottom:0}.coach-suggest{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}.coach-suggest .chip{cursor:pointer}.coach-form{display:grid;grid-template-columns:1fr auto;grid-gap:var(--s2);gap:var(--s2)}@media (max-width:560px){.coach-form{grid-template-columns:1fr}}.feedback{display:grid;grid-gap:var(--s3);gap:var(--s3);padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.feedback h3{display:flex;align-items:center;gap:8px;font-size:var(--fs-base)}.feedback h3 svg{color:var(--gold-bright)}.feedback-ratings,.feedback-tags{display:flex;flex-wrap:wrap;gap:var(--s2)}.tag-toggle{min-height:34px;padding:0 12px;border-radius:var(--radius);border:1px dashed var(--line-strong);background:transparent;color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.tag-toggle:hover{color:var(--text)}.tag-toggle[aria-pressed=true]{border-style:solid;border-color:var(--gold-dim);color:var(--gold-bright);background:rgba(198,161,91,.1)}.feedback textarea{width:100%;resize:vertical;min-height:80px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px 12px;line-height:1.5}.feedback textarea:focus{outline:none;border-color:var(--gold-dim)}.feedback-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap}.feedback-error{color:var(--danger);font-size:var(--fs-s)}.feedback-sent{grid-template-columns:auto 1fr auto;align-items:center;border-color:#4a7a52}.feedback-sent>svg{color:var(--great)}.feedback-sent p{color:var(--text-2);font-size:var(--fs-s)}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.trainer-save{margin-top:var(--s3)}.about{margin-top:var(--s6);border-top:1px solid var(--line);padding-top:var(--s4)}.about summary{cursor:pointer;font-weight:700;min-height:32px;color:var(--text-2)}.about summary:hover{color:var(--text)}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s5);gap:var(--s5);margin-top:var(--s3)}.about h3{font-size:var(--fs-s);margin:var(--s3) 0 var(--s2);color:var(--gold-bright)}.about ol,.about ul{margin:0;padding-left:1.2em;color:var(--text-2);font-size:var(--fs-s);display:grid;grid-gap:4px;gap:4px}.about strong{color:var(--text)}.module-feedback{margin-top:var(--s5)}@media (max-width:720px){.stage{padding:var(--s4);--c:10px}.stage-top{flex-direction:column;gap:var(--s2)}.res{grid-template-columns:1fr auto}.res-bar,.res-pips{grid-column:1/-1;grid-row:2}.bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}.key-icon{font-size:1.5rem}.key kbd{display:none}.about-grid{grid-template-columns:1fr}.feedback{padding:var(--s4)}}.academy-hero-inner{padding-block:var(--s7) var(--s6)}.academy-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:16ch}.soon summary{cursor:pointer;font-weight:700;font-size:var(--fs-m);min-height:32px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s2)}.ach{padding:var(--s2) var(--s3);grid-template-columns:32px 1fr}.ach-glyph{width:32px;height:32px}.ach small{display:block;line-height:1.35}.module-feedback{border-top:1px solid var(--line);padding-top:var(--s4)}.module-feedback summary{cursor:pointer;font-weight:700;min-height:32px;color:var(--gold-bright)}.module-feedback[open] summary{margin-bottom:var(--s3)}.about+.module-feedback{margin-top:var(--s4)}.lesson-path{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}.trainer.is-editing-bars .trainer-wrap{max-width:1200px}.bars-area{display:grid;grid-gap:var(--s5);gap:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}.bars-area.is-editing{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.bars-main{display:grid;grid-gap:var(--s3);gap:var(--s3);min-width:0}.bars-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.bars-toolbar .fine{margin-left:auto}.btn-sm{padding:6px 12px;font-size:var(--fs-xs);gap:6px}.link-button{padding:0;border:0;background:none;color:var(--gold-bright);font:inherit;text-decoration:underline;cursor:pointer}.bars-help,.bars-status{margin:0}.bars-status:empty{display:none}.stepper{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-2)}.stepper-label{margin-right:2px}.stepper output{min-width:2ch;text-align:center;font-weight:700;color:var(--text)}.stepper-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text)}.stepper-btn:disabled{opacity:.4}.bars{display:grid;grid-gap:var(--s2);gap:var(--s2);padding:var(--s2);border:1px solid var(--line);border-radius:var(--radius);background:rgba(5,8,12,.45)}.bar-row{display:grid;grid-template-columns:repeat(var(--per-row,8),minmax(0,1fr));grid-gap:4px;gap:4px}.slot{position:relative;min-width:0}.slot .slot-icon{position:relative;display:grid;place-items:center;width:100%;max-width:none;aspect-ratio:1;font-size:clamp(1rem,2.4vw,1.6rem);border-radius:4px}.slot.is-empty .slot-icon{background:rgba(255,255,255,.025);border:1px dashed var(--line)}.slot.is-empty kbd,.slot.key kbd{position:absolute;z-index:1;top:2px;right:4px;left:auto;font-family:var(--font);font-size:10px;font-weight:700;color:rgba(255,255,255,.75);text-shadow:0 1px 2px #000}.slot.is-empty kbd{color:var(--text-3)}.slot.key{gap:3px}.slot .key-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.slot.is-edit .slot-icon{padding:0;color:var(--text);background:color-mix(in srgb,var(--hue,#888) 30%,#0d121a);border:1px solid color-mix(in srgb,var(--hue,#888) 55%,#000);cursor:-webkit-grab;cursor:grab}.slot.is-edit.is-empty .slot-icon{background:rgba(255,255,255,.025);border:1px dashed var(--line-strong);cursor:default}.slot.is-edit.is-target .slot-icon{border-color:var(--gold);cursor:copy}.slot-key{position:absolute;z-index:1;top:2px;right:2px;min-width:18px;padding:1px 4px;border:1px solid var(--line-strong);border-radius:3px;background:rgba(5,8,12,.85);color:var(--text);font-size:10px;font-weight:700;line-height:1.3}.slot-key.is-capturing,.slot-key:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.slot-clear{position:absolute;z-index:1;bottom:2px;right:2px;display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:3px;background:rgba(5,8,12,.8);color:var(--text-2);opacity:0}.slot-clear:focus-visible,.slot.is-edit:hover .slot-clear{opacity:1}.spell-bank{padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.spell-bank h3{margin:0;font-size:var(--fs-m,1rem)}.spell-bank>.fine{margin:2px 0 var(--s3)}.spell-bank ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px;max-height:460px;overflow-y:auto}.bank-spell{display:grid;grid-template-columns:36px 1fr;align-items:center;grid-gap:var(--s3);gap:var(--s3);width:100%;padding:4px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);text-align:left;cursor:-webkit-grab;cursor:grab}.bank-spell:hover{background:var(--surface-2)}.bank-spell[aria-pressed=true]{border-color:var(--gold);background:var(--surface-2)}.bank-icon{display:grid;place-items:center;width:36px;height:36px;font-size:1.2rem;border-radius:4px;background:color-mix(in srgb,var(--hue,#888) 30%,#0d121a);border:1px solid color-mix(in srgb,var(--hue,#888) 55%,#000)}.bank-copy{display:grid;min-width:0}.bank-copy strong{font-size:var(--fs-s)}.bank-copy span{font-size:11px;color:var(--text-3)}.bank-spell.is-missing{border-color:#c4553f;background:rgba(196,85,63,.12);animation:missing-pulse 1.6s var(--ease) infinite}.bank-spell.is-missing .bank-copy span{color:#ec8a74;font-weight:700}@keyframes missing-pulse{50%{box-shadow:0 0 0 3px rgba(196,85,63,.25)}}.bars-status.is-blocking{padding:var(--s2) var(--s3);border-left:3px solid #c4553f;border-radius:var(--radius);background:rgba(196,85,63,.1);color:var(--text)}@media (max-width:900px){.bars-area.is-editing{grid-template-columns:1fr}}@media (max-width:720px){.bar-row{grid-template-columns:repeat(min(var(--per-row,8),6),minmax(0,1fr))}.bars-toolbar .fine,.slot .key-name{display:none}}.drills-banner{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5);color:var(--text);border-left:3px solid var(--gold)}.drills-banner:hover{color:var(--text);border-color:var(--gold-bright)}.drills-banner span{flex:1 1}.drill-specs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:var(--s3);gap:var(--s3)}.drill-spec{display:grid;grid-gap:2px;gap:2px;padding:var(--s4);border:1px solid var(--line);border-bottom:3px solid var(--accent);border-radius:var(--radius);background:var(--surface);color:var(--text)}.drill-spec:hover{border-color:var(--accent);color:var(--text)}.drill-spec>span:first-child{font-size:1.5rem}.drill-spec>span:last-child{color:var(--text-2);font-size:var(--fs-s)}.drill-enemies{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.enemy{padding:2px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);font-size:var(--fs-xs);font-weight:650}.enemy-caster,.enemy-healer{border-color:#6d5bd0;color:#b9adff}.enemy-boss,.enemy-elite{border-color:var(--gold);color:var(--gold-bright)}.drill-situation{margin:0;font-size:var(--fs-l);line-height:1.45}.drill-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--s2);gap:var(--s2)}.drill-btn{position:relative;display:grid;grid-gap:2px;gap:2px;padding:var(--s3);padding-right:28px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left}.drill-btn:not(:disabled):hover{border-color:var(--accent)}.drill-btn kbd{position:absolute;top:6px;right:8px;font-family:var(--font);font-size:11px;color:var(--text-3)}.drill-btn span{font-size:var(--fs-xs);color:var(--text-3)}.drill-btn:disabled{opacity:.55}.drill-btn.is-best{opacity:1;border-color:#4caf6e;box-shadow:0 0 0 1px #4caf6e}.drill-btn.is-miss{opacity:1;border-color:#c4553f}.drill-btn.is-okay{opacity:1;border-color:var(--gold)}.drills .coach{display:grid;grid-gap:var(--s3);gap:var(--s3);justify-items:start}.stage-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.stage-party{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#16261b;border:1px solid #2f5a3a;color:#a8e0b4;font-size:var(--fs-s);font-weight:600;white-space:nowrap}.stage-party.is-hurt{background:#2a2416;border-color:#5a4a2f;color:#f0d4a0}.stage-alert{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:#3a1616;border:1px solid #7a2f2f;color:#ffb4a8;font-size:var(--fs-s);font-weight:700;white-space:nowrap;animation:stage-alert-pulse 1.2s ease-in-out infinite}.stage-alert.is-warn{background:#2a2416;border-color:#5a4a2f;color:#f0d4a0;animation:none}@keyframes stage-alert-pulse{50%{box-shadow:0 0 0 4px rgba(224,122,110,.18)}}@media (prefers-reduced-motion:reduce){.stage-alert{animation:none}}.coach{display:flex;align-items:flex-start;gap:var(--s3)}.coach-words{flex:1 1;min-width:0}.coach-chat>summary .coach-kicker{margin-bottom:2px}.advisor-head .coach-portrait,.recap-chat-head .coach-portrait{align-self:flex-start}.char-hero{position:relative;min-height:min(78vh,760px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--night);border-bottom:1px solid var(--line)}.char-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 15% 55%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%)}.char-hero-stage{position:absolute;inset:0 0 0 28%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}.char-hero-art,.char-hero-scrim{position:absolute;inset:0}.char-hero-scrim{background:linear-gradient(0deg,rgba(10,13,19,.98),rgba(10,13,19,.5) 24%,rgba(10,13,19,0) 48%)}.char-hero-body{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);padding-top:var(--s9);padding-bottom:var(--s7)}.char-hero-copy{max-width:620px;min-width:0}.char-name{margin:var(--s4) 0 var(--s2);font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--track-display);overflow-wrap:anywhere}.char-sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:0;font-size:var(--fs-l);font-weight:650;color:var(--accent)}.char-realm{margin:var(--s1) 0 0;color:var(--text-2)}.char-stats{list-style:none;margin:var(--s5) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s3)}.char-stats li{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4) var(--s2) var(--s3);border:1px solid var(--line-strong);border-radius:999px;background:rgba(16,21,29,.7);color:var(--accent)}.char-stats span{display:grid;line-height:1.15}.char-card small,.char-stats small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.char-stats strong{font-size:1.25rem;color:var(--text)}.char-next{max-width:320px}.char-next .home-spotlight-name{font-size:var(--fs-l)}.char-next-links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.char-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4);padding-block:var(--s6)}.char-panel h2{margin:0 0 var(--s4);font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.08em}.char-card{display:grid;align-content:start;grid-gap:2px;gap:2px}.char-card strong{font-size:2rem;line-height:1.1}.char-card-green strong{color:#6fd08f}.char-card-gold strong{color:#e8b45c}.sheet-bars{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s3);gap:var(--s3)}.sheet-bar,.sheet-spec a{display:grid;grid-template-columns:1fr auto;grid-gap:6px var(--s3);gap:6px var(--s3);align-items:center;color:var(--text)}.sheet-spec a{grid-template-columns:auto 1fr auto}.sheet-spec a:hover .sheet-bar-label{color:var(--accent)}.sheet-spec-glyph{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--accent) 25%,transparent)}.sheet-bar-label{font-size:var(--fs-xs);font-weight:650;text-transform:uppercase;letter-spacing:.05em}.sheet-bar-value{font-size:var(--fs-xs);color:var(--text-2)}.sheet-bar-track{grid-column:1/-1;height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.sheet-spec .sheet-bar-track{grid-column:2/-1}.sheet-bar-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,#fff),var(--accent))}.trend{display:block;width:100%}.trend,.trend-empty{height:64px;margin-top:var(--s2)}.trend-empty{border-bottom:1px dashed var(--line-strong)}@media (max-width:1100px){.char-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.char-hero{min-height:0}.char-hero-stage{position:relative;inset:auto;aspect-ratio:16/10;-webkit-mask-image:none;mask-image:none}.char-hero-body{flex-direction:column;align-items:stretch;margin-top:-90px;padding-top:0}.char-next{max-width:none;width:auto}}@media (max-width:600px){.char-panels{grid-template-columns:1fr}}.cf{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--s6);gap:var(--s6);margin-top:var(--s4)}.cf-edit{margin-top:var(--s3)}.cf-steps{display:grid;grid-gap:var(--s5);gap:var(--s5);min-width:0}.cf-step{display:grid;grid-gap:var(--s4);gap:var(--s4)}.cf-step h3{display:flex;align-items:center;gap:var(--s2);margin:0;font-size:var(--fs-l)}.cf-step-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:#17120a;font-size:var(--fs-s);font-weight:800}.cf-group{display:grid;grid-gap:6px;gap:6px;min-width:0;margin:0;padding:0;border:0}.cf-group legend,.cf-label{padding:0;margin-bottom:6px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.cf-optional{font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-3)}.cf-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}.cf-input{width:100%;height:46px;padding:0 var(--s3);border:1px solid var(--line-strong);border-radius:8px;background:var(--night);color:var(--text);font:inherit;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.cf-input::placeholder{color:var(--text-3)}.cf-input:hover{border-color:#4b596c}.cf-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,161,91,.2)}.cf-input[aria-invalid=true]{border-color:#c4553f}select.cf-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.cf-hint{font-size:var(--fs-xs);color:#ec8a74}.cf-segmented{display:inline-flex;padding:3px;border:1px solid var(--line-strong);border-radius:10px;background:var(--night);justify-self:start}.cf-chip,.cf-class,.cf-segmented label{position:relative}.cf-chip input,.cf-class input,.cf-segmented input{position:absolute;opacity:0;pointer-events:none}.cf-segmented span{display:block;padding:7px 18px;border-radius:7px;font-weight:700;font-size:var(--fs-s);color:var(--text-2);cursor:pointer}.cf-segmented input:checked+span{background:var(--gold);color:#17120a}.cf-chip input:focus-visible+span,.cf-class:has(input:focus-visible),.cf-segmented input:focus-visible+span{outline:2px solid var(--gold-bright);outline-offset:2px}.cf-classes{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:var(--s2);gap:var(--s2)}.cf-class{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:var(--s3) var(--s2);border:1px solid var(--line);border-radius:10px;background:var(--night);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform 90ms var(--ease)}.cf-class:hover{border-color:var(--accent)}.cf-class:active{transform:scale(.97)}.cf-class:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--night));box-shadow:inset 0 -3px 0 var(--accent)}.cf-class-icon{font-size:1.5rem;color:var(--accent)}.cf-class-name{font-size:var(--fs-xs);font-weight:700;text-align:center}.cf-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.cf-chip{cursor:pointer}.cf-chip span{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--night);font-weight:650;font-size:var(--fs-s)}.cf-chip:hover span{border-color:var(--accent)}.cf-chip input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--night))}.cf-side{display:grid;align-content:start;grid-gap:var(--s3);gap:var(--s3);position:-webkit-sticky;position:sticky;top:96px}.cf-preview{position:relative;overflow:hidden;border:1px solid var(--line);border-bottom:3px solid var(--accent,var(--gold));border-radius:12px}.cf-preview-art{aspect-ratio:4/5}.cf-preview-copy{position:absolute;inset:auto 0 0;display:grid;grid-gap:2px;gap:2px;padding:var(--s7) var(--s4) var(--s4);background:linear-gradient(0deg,rgba(10,13,19,.96),rgba(10,13,19,0))}.cf-preview-copy strong{font-size:var(--fs-l)}.cf-preview-copy span{color:var(--text-2);font-size:var(--fs-s)}.cf-side .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:860px){.cf{grid-template-columns:1fr}.cf-side{position:static}.cf-preview-art{aspect-ratio:16/9}}@media (max-width:520px){.cf-row{grid-template-columns:1fr}.cf-classes{grid-template-columns:repeat(3,1fr)}}.char-welcome{min-height:2.9em;margin:0;max-width:52ch;color:var(--gold-bright);font-size:var(--fs-m,1rem);font-weight:650;line-height:1.45}.char-welcome-line{position:relative;display:inline-flex;align-items:baseline;gap:var(--s2);padding-bottom:6px}.char-welcome-line:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg,var(--gold),transparent);transform-origin:left;animation:welcome-underline 1.1s .25s var(--ease) both}.char-welcome-spark{display:inline-block;color:var(--gold);animation:welcome-spark .9s var(--ease) both}.char-welcome-text{animation:welcome-rise .7s .12s var(--ease) both}@keyframes welcome-rise{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes welcome-spark{0%{opacity:0;transform:scale(.3) rotate(-90deg)}60%{opacity:1;transform:scale(1.35) rotate(12deg);text-shadow:0 0 12px var(--gold-bright)}to{opacity:1;transform:none}}@keyframes welcome-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.char-welcome-line:after,.char-welcome-spark,.char-welcome-text{animation:none}}.char-credit{margin-top:calc(-1 * var(--s3));padding-bottom:var(--s5)}.bn-connect{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-bottom:var(--s5);border-left:3px solid #148eff}.bn-connect>svg{color:#4aa6ff}.bn-connect-copy{flex:1 1 280px}.bn-connect-copy h2{margin:0 0 4px;font-size:var(--fs-l)}.bn-connect-copy p{margin:0}.bn-connect-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.chip-verified{border-color:#148eff;color:#8cc8ff}.bn-import{display:grid;grid-gap:var(--s3);gap:var(--s3)}.bn-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.bn-search{position:relative;flex:1 1 260px}.bn-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3)}.bn-search .cf-input{padding-left:38px}.bn-toggle{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--fs-s);color:var(--text-2);cursor:pointer}.bn-count{margin:0}.bn-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s2);gap:var(--s2)}.bn-row{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;grid-gap:var(--s3);gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--line);border-left:3px solid var(--accent,var(--line-strong));border-radius:10px;background:var(--night);cursor:pointer}.bn-row:hover{border-color:var(--accent,var(--gold))}.bn-row input{position:absolute;opacity:0;pointer-events:none}.bn-row:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:2px}.bn-row.is-on{background:color-mix(in srgb,var(--accent,var(--gold)) 12%,var(--night))}.bn-row.is-added{opacity:.6;cursor:default}.bn-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:6px;color:#17120a}.bn-row.is-on .bn-check{border-color:var(--gold);background:var(--gold)}.bn-level{min-width:2.5ch;font-size:var(--fs-l);font-weight:800;color:var(--accent,var(--text))}.bn-copy{display:grid;min-width:0}.bn-copy span{font-size:var(--fs-s);color:var(--text-2)}.bn-actions{position:-webkit-sticky;position:sticky;bottom:var(--s3);display:flex;justify-content:flex-end}.char-guild{gap:6px}.char-guild,.site-links{display:inline-flex;flex-wrap:wrap;align-items:center}.site-links{gap:4px;vertical-align:middle}.site-link{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line-strong));border-radius:50%;background:rgba(16,21,29,.7);color:var(--gold-bright);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform 90ms var(--ease)}.site-link:hover{border-color:var(--gold-bright);background:color-mix(in srgb,var(--gold) 18%,var(--night));color:var(--gold-bright);transform:translateY(-1px)}.site-link:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.site-links.with-labels{gap:var(--s2)}.site-links.with-labels .site-link{display:inline-flex;gap:6px;width:auto;padding:0 10px 0 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:650}.recap-section{padding-top:var(--s6)}.raid-recap{--frame-fill:var(--surface);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s6);gap:var(--s6);padding:var(--s6)}.recap-visual{display:block;color:inherit;text-decoration:none;border-radius:var(--radius)}a.recap-visual:focus-visible .recap-bar-fill,a.recap-visual:hover .recap-bar-fill{filter:brightness(1.15)}.recap-chart{margin:0;display:grid;grid-gap:var(--s5);gap:var(--s5)}.recap-chart-top{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}.recap-ring-track{fill:none;stroke:var(--surface-3);stroke-width:10}.recap-ring-fill{fill:none;stroke:var(--accent,var(--gold));stroke-width:10;stroke-linecap:round}.recap-ring-value{fill:var(--text);font-size:24px;font-weight:800}.recap-ring-label{fill:var(--text-3);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.recap-facts{margin:0;display:grid;grid-template-columns:repeat(3,auto);grid-gap:var(--s2) var(--s5);gap:var(--s2) var(--s5)}.recap-facts dt{color:var(--text-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.recap-facts dd{margin:2px 0 0;font-size:1.35rem;font-weight:700}.recap-bars{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s3);gap:var(--s3)}.recap-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px var(--s3);gap:6px var(--s3)}.recap-bar-name{display:flex;align-items:center;gap:var(--s2);min-width:0}.recap-bar-value{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recap-bar-track{grid-column:1/-1;position:relative;height:10px;border-radius:999px;background:var(--surface-3)}.recap-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--accent,var(--gold))}.recap-bar-tick{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text);opacity:.7}.recap-pill{flex:none;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border:1px solid var(--line-strong)}.recap-pill.is-kill{color:var(--gold-bright);border-color:color-mix(in srgb,var(--gold) 50%,var(--line-strong))}.recap-copy{display:grid;grid-gap:var(--s4);gap:var(--s4);align-content:start}.recap-copy h2{margin:0}.recap-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin:0;color:var(--text-2);font-size:.85rem}.recap-points{margin:0;display:grid;grid-gap:var(--s4);gap:var(--s4)}.recap-points dt{display:flex;align-items:center;gap:var(--s2);font-weight:700;color:var(--gold-bright)}.recap-points dd{margin:4px 0 0;line-height:1.6}.recap-actions{display:flex;flex-wrap:wrap;gap:var(--s3)}.recap-credit{margin:0}.recap-credit svg{vertical-align:-1px}.recap-page .raid-recap{margin-top:var(--s5)}.recap-bosses{list-style:none;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}.recap-boss,.recap-bosses{display:grid;grid-gap:var(--s4);gap:var(--s4)}.recap-boss{align-content:start}.recap-boss header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3)}.recap-boss h3{margin:0}.recap-table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recap-table td,.recap-table th{padding:6px 0;text-align:right;border-bottom:1px solid var(--line)}.recap-table th[scope=row],.recap-table thead th:first-child{text-align:left;font-weight:500}.recap-table thead th{color:var(--text-2);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.recap-findings{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s3);gap:var(--s3)}.recap-findings li{display:flex;gap:var(--s2);line-height:1.55}.recap-findings svg{flex:none;margin-top:4px;color:var(--gold)}.recap-findings li.is-positive svg{color:var(--great)}.recap-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--gold-bright);background:var(--surface-3);border-radius:var(--radius)}.recap-page>.recap-credit{margin-top:var(--s5)}@media (max-width:900px){.raid-recap,.recap-bosses{grid-template-columns:1fr}.raid-recap{padding:var(--s5)}}.recap-prompt{--frame-fill:var(--surface);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--s4);gap:var(--s4);padding:var(--s5);color:inherit;text-decoration:none}.recap-prompt>span:nth-child(2){display:grid;grid-gap:4px;gap:4px}.recap-prompt>span:nth-child(2)>span{color:var(--text-2)}.recap-prompt>svg{color:var(--gold)}.log-upload{display:grid;grid-gap:var(--s4);gap:var(--s4);margin-bottom:var(--s6)}.log-upload h2{margin:0}.log-upload-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4)}.log-upload-fields label{display:grid;grid-gap:6px;gap:6px;font-weight:600}.log-drop{display:grid;justify-items:center;grid-gap:var(--s2);gap:var(--s2);padding:var(--s6) var(--s5);border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;text-align:center}.log-drop:focus-visible,.log-drop:hover:not(:disabled){border-color:var(--gold)}.log-drop:disabled{cursor:progress}.log-drop>svg{color:var(--gold)}.log-drop>span{color:var(--text-2);max-width:52ch}.log-progress{width:min(320px,100%);height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.log-progress>span{display:block;height:100%;background:var(--gold)}.log-private{margin:0}.is-flipped,.log-private svg{vertical-align:-2px}.is-flipped{transform:rotate(180deg)}@media (max-width:700px){.log-upload-fields{grid-template-columns:1fr}.recap-prompt{grid-template-columns:auto minmax(0,1fr)}.recap-prompt>svg{display:none}}.recap-stats{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s2);gap:var(--s2)}.recap-stats>div{padding:var(--s3);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}.recap-stats dt{color:var(--text-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.recap-stats dd{margin:2px 0 0;font-size:1.15rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recap-stats.is-small dd{font-size:1rem}@media (max-width:560px){.recap-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.recap-runs{list-style:none;margin:0;padding:0}.recap-run,.recap-runs{display:grid;grid-gap:var(--s4);gap:var(--s4)}.recap-run header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3)}.recap-run h3{margin:0}.recap-level{color:var(--gold-bright)}.recap-run-bosses summary{cursor:pointer;font-weight:600}.recap-bosses.is-nested{margin-top:var(--s3)}.recap-boss.is-nested{padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.recap-save,.recap-saved{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);margin:0}.recap-saved svg{color:var(--great)}.recap-ups{margin-top:var(--s4)}.recap-ups h3{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s3)}.recap-ups h3 svg{color:var(--great)}.recap-ups ul{margin:0;padding-left:1.2em;display:grid;grid-gap:var(--s2);gap:var(--s2)}.recap-ups p{margin:0}.log-others{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2)}.log-others .chip{cursor:pointer}.log-others .fine{margin:0}.log-drop{cursor:pointer}.log-drop.is-over{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--surface-2))}.log-drop.is-busy{cursor:progress}.log-session{display:grid;grid-gap:var(--s3);gap:var(--s3);margin-bottom:var(--s6)}.log-session h2,.log-session h3,.log-session p{margin:0}.log-session h3{margin-top:var(--s3)}.log-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.log-table{width:100%;min-width:720px;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.log-table td,.log-table th{padding:var(--s3);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.log-table thead th{color:var(--text-2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2)}.log-table tbody tr:last-child>*{border-bottom:0}.log-table tbody th{font-weight:600}.log-who{display:grid;line-height:1.3}.log-who strong{color:var(--accent,var(--text))}.log-who .muted{font-size:.8rem}.log-result{margin-bottom:var(--s7);scroll-margin-top:calc(var(--header-h, 64px) + var(--s4))}.log-character{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s3);margin:0 0 var(--s4);color:var(--accent,var(--text))}.log-character .muted{font-size:1rem;font-weight:500}.recap-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s3);margin-bottom:var(--s4)}.recap-head h2{margin:0}.recap-toggle{display:inline-flex;padding:3px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-2)}.recap-toggle button{padding:6px 16px;border:0;border-radius:999px;background:transparent;color:var(--text-2);font:inherit;font-weight:600;cursor:pointer}.recap-toggle button.is-on{background:var(--gold);color:var(--gold-ink)}.recap-toggle button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.raid-recap.is-sample .recap-visual{opacity:.55}.recap-sample-note{display:flex;gap:var(--s2);margin:0;padding:var(--s3) var(--s4);border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line-strong));border-radius:var(--radius);background:color-mix(in srgb,var(--gold) 10%,var(--surface));line-height:1.5}.recap-sample-note svg{flex:none;margin-top:3px;color:var(--gold-bright)}.cf-row{align-items:start}.cf-group{align-content:start}.cf-group>.cf-label{margin-bottom:0}.cf-hint{min-height:1.35em;line-height:1.35}.cf-hint:not(.is-error){visibility:hidden}.cf-input[aria-invalid=true]{border-color:#ec8a74;box-shadow:0 0 0 3px rgba(236,138,116,.15)}.cf-help{color:var(--text-3);font-size:var(--fs-xs)}.cf-step>.cf-group+.cf-row,.cf-step>.cf-row+.cf-group{margin-top:calc(-1 * var(--s1))}.character-none{margin:var(--s4) 0}