.skill-codex{max-width:1440px}.skill-codex h2{font-size:28px}.skill-codex>section,.skill-codex>#codex-growth{scroll-margin-top:24px;margin-top:32px}.codex-jump{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.codex-jump a{padding:12px 16px;border:1px solid #738d7955;border-radius:6px;color:#eed9a6;font-size:16px}.codex-rules{font-size:17px;line-height:1.65}.codex-rules strong{color:#eddaac}.codex-first-grid,.codex-second-grid,.codex-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.codex-school,.codex-second,.codex-branch{min-width:0}.codex-skill{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid #b8c0a322}.codex-skill>div{min-width:0}.codex-skill h3{font-size:23px;margin:6px 0 10px}.codex-skill p,.codex-tactic{font-size:17px;line-height:1.65;margin:8px 0;color:#cfdbcf}.skill-illustration{width:62px;height:62px;flex:0 0 62px;padding:12px;box-sizing:border-box;border:1px solid currentColor;border-radius:12px;background:#0b1718;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;color:var(--effect,#d2bf87)}.skill-branch-dot{fill:currentColor}.codex-school details>summary{font-size:17px;cursor:pointer;margin:12px 0;color:#dfceaa}.codex-class-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.codex-class-heading img{width:110px;height:135px;object-fit:cover;object-position:50% 25%;border-radius:6px;border:1px solid var(--class-color)}.codex-class-heading h2{font-size:22px;margin:10px 0;line-height:1.3}.codex-second{border-top:3px solid var(--class-color)}.codex-tactic{padding:14px;background:#07171166;border-radius:6px}.branch-comparison>p{font-size:17px;line-height:1.65}.codex-branch{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;border:1px solid #73917f44;border-top:3px solid var(--class-color);border-radius:7px;padding:16px}.codex-branch>img{width:120px;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:5px}.codex-branch h3{font-size:25px;margin:8px 0;color:var(--class-color)}.codex-branch p{font-size:16px;line-height:1.65}.codex-branch strong{line-height:1.5}.branch-growth{display:grid;gap:10px;margin-top:18px}.branch-growth>div{display:grid;grid-template-columns:48px 1fr 1fr;gap:5px;font-size:13px}.branch-growth i{grid-column:2/-1;height:6px;border-radius:8px;background:linear-gradient(to right,var(--class-color) var(--major-share),#61786d var(--major-share))}.codex-unlock{color:#e6d1a2}.branch-comparison{margin-top:24px}.hero-classed:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 -65px 60px -30px var(--class-color);border:2px solid color-mix(in srgb,var(--class-color) 65%,transparent)}.hero-class-crest{position:absolute;z-index:3;right:7%;bottom:7%;width:28%;max-width:82px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--class-color);border-radius:50%;color:var(--class-color);background:#071813e8;box-shadow:0 3px 18px #0009}.hero-class-crest .effect-icon{width:60%;height:60%}.hero-classed .equipped-weapon{z-index:4;font-size:11px;background:#0c1717cf}.effect-tooltip{position:relative;display:inline-block;min-width:0}.effect-tooltip>summary{display:flex;align-items:center;gap:5px;flex-wrap:wrap;cursor:help;list-style:none;border-radius:5px}.effect-tooltip>summary::-webkit-details-marker{display:none}.effect-tooltip>summary:focus-visible{outline:2px solid #f1d89b;outline-offset:3px}.effect-tooltip .skill-illustration{width:29px;height:29px;padding:5px;flex-basis:29px;border-radius:6px}.effect-tooltip-body{display:none;position:absolute;z-index:100;inset:auto auto 100% 0;width:min(340px,calc(100vw - 48px));padding:16px;border:1px solid #a8b18c;border-radius:8px;background:#10221c;color:#f1ead5;box-shadow:0 10px 35px #000b;font-size:15px;font-weight:400;line-height:1.6;max-height:65vh;overflow:auto}.effect-tooltip-body p{margin:8px 0}.effect-tooltip-body>strong{font-size:18px;color:#f6dda4}.effect-tooltip-body small{color:#b3c7b9}.effect-tooltip[open]>.effect-tooltip-body{display:block}.effect-tooltip[open]>summary{outline:1px solid #adba99}.arena-live-effects{overflow:visible}.arena-actor:has(.effect-tooltip[open]){position:relative;z-index:15}.team-1 .effect-tooltip-body{left:auto;right:0}.arena-effects-bar .effect-tooltip-body{inset:100% auto auto 0}.arena-effects-bar .side-1 .effect-tooltip-body{left:auto;right:0}.arena-field-effect>summary>b{font-size:13px;font-weight:500}.arena-skill-status .skill-illustration{width:25px;height:25px;flex-basis:25px;padding:4px;border-radius:5px}.arena-class-option>.class-option-art{width:100%;height:180px;object-fit:cover;object-position:50% 25%;border-radius:5px}
@media(max-width:760px){.codex-first-grid,.codex-second-grid,.codex-branch-grid{grid-template-columns:1fr}.skill-codex .panel{padding:18px}.codex-class-heading img{width:80px;height:110px}.codex-class-heading{gap:12px}.codex-class-heading h2{font-size:19px}.codex-skill{gap:12px}.codex-skill h3{font-size:21px}.skill-illustration{width:50px;height:50px;flex-basis:50px;padding:10px}.codex-branch{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px}.codex-branch>img{width:80px}.branch-growth>div{grid-template-columns:38px 1fr;font-size:12px}.branch-growth>div>span:last-of-type{grid-column:2}.branch-growth i{grid-column:2}.codex-rules{font-size:16px}.codex-jump{gap:8px}.codex-jump a{font-size:14px;padding:10px}.effect-tooltip-body{width:min(290px,calc(100vw - 48px))}.arena-team .effect-tooltip-body{left:0;right:auto}.arena-team .arena-actor:nth-child(even) .effect-tooltip-body{left:auto;right:0}.arena-effects-bar .side-1 .effect-tooltip-body{left:0;right:auto}}
.arena-actor.fighter{overflow:visible}.arena-actor.fighter>.fighter-art{overflow:hidden;border-radius:7px 7px 0 0}
@media(max-width:600px){.topbar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;min-width:0;max-width:100%;font-size:14px}.topbar nav a{white-space:nowrap;text-align:center}}
@media(prefers-reduced-motion:reduce){.hero-classed:after{transition:none}}
.skill-reference{border-bottom:1px dotted #c8d6ab66;cursor:help;border-radius:3px}.skill-reference:focus-visible{outline:2px solid #e8d3a2;outline-offset:3px}.arena-spell-float .skill-reference{pointer-events:auto}.skill-hint-popup{position:fixed;z-index:10000;box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:18px;border:1px solid #adbc92;border-radius:9px;background:#10241e;color:#edf0db;box-shadow:0 12px 46px #000b;font:16px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}.skill-hint-popup[hidden]{display:none}.skill-hint-popup>strong{display:block;font:22px/1.3 Georgia,serif;color:#f0dba5}.skill-hint-popup p{margin:10px 0}.skill-hint-popup small{display:block;color:#c1ceb9;font-size:14px}.skill-hint-popup a{display:block;margin-top:12px;color:#e6d19d;font-size:14px}.arena-cast-explanation{grid-column:1/-1;border-left:3px solid #d6c38b;border-radius:6px;background:#0c1d17;padding:16px 20px;min-width:0}.arena-cast-explanation>strong{font-size:19px;color:#efdcad}.arena-cast-explanation p{font-size:18px;line-height:1.65;margin:10px 0;color:#e0e8d8}.arena-cast-explanation>small{display:block;color:#aabdac;font-size:14px;line-height:1.6}.arena-cast-explanation .arena-skill-outcome{font-weight:600;color:#f4e5be}.arena-skill-plan{grid-column:1/-1;font-size:17px;line-height:1.65;padding:14px 16px;background:#0d1c17;border-radius:6px;margin:12px 0}.arena-hit-row>.arena-skill-story{grid-column:1/-1}.arena-skill-story{font-size:16px;line-height:1.6;color:#d3dfcc;margin:10px 0}.arena-skill-action .skill-illustration{width:40px;height:40px;flex-basis:40px;padding:4px}.arena-spotlight-actor[data-skill-help]{cursor:help}@media(max-width:600px){.arena-cast-explanation{padding:14px}.arena-cast-explanation p{font-size:16px}.arena-cast-explanation>strong{font-size:18px}.skill-hint-popup{padding:15px;font-size:15px}.skill-hint-popup>strong{font-size:20px}}
.skill-reference{display:inline-block;max-width:100%;vertical-align:baseline;overflow-wrap:anywhere}

[data-skill-help]{cursor:help}.skill-reference{border-bottom:0}.skill-reference[aria-expanded="true"]{outline:1px solid #adba99;outline-offset:3px}