@font-face{font-family:'Spynn Research';src:url('/assets/gameplay/truesdell.otf') format('opentype');font-display:swap}
.research-page{background:#111014}.research-page [hidden]{display:none!important}.research-page .site-header{min-height:90px;height:auto;padding-block:22px}.research-page .site-header nav{gap:24px}
.research-shell{max-width:1120px;margin:auto;padding:64px 6% 60px}.research-heading{margin-bottom:38px}.research-heading h1{font-size:clamp(42px,6vw,74px);line-height:1.05;margin:16px 0 22px}.research-heading>p:last-child{color:var(--muted);font-size:17px}
.research-reader{max-width:600px;margin:auto;border:1px solid #d4b78345;background:#060c12;color:#f5e6c9;box-shadow:0 20px 60px #0003;border-radius:10px;overflow:hidden}.research-categories{display:flex;border-bottom:1px solid #d4b78335;padding:12px 12px 0;gap:4px;background:#09121b}.research-categories a{flex:1;text-align:center;padding:14px 0;min-height:48px;font-size:14px;color:#d1c2a6;border-bottom:2px solid transparent}.research-categories a:hover,.research-categories a[aria-current]{color:#ebcfa1;border-bottom-color:#ebcfa1;background:#d4b78308}
.research-stage{overflow:hidden;position:relative;min-height:530px}.research-list,.spell-detail{padding:28px 25px;font-family:'Spynn Research',var(--serif)}.research-list h2,.spell-detail h2{font:32px/1.15 var(--serif);letter-spacing:0;color:#ebcfa1;margin:0 0 17px}.research-intro{font-size:18px;line-height:1.5;color:#d1c2a6;margin-bottom:25px}.spell-list{display:grid;gap:12px}.spell-row{display:flex;align-items:center;gap:16px;border:1px solid #dec49561;border-radius:9px;background:#060f17;padding:15px 16px;min-height:80px;transition:background .15s}.spell-row:hover{background:#d4b78312}.spell-row>span:nth-child(2){flex:1}.spell-row strong{display:block;color:#ebcfa1;font-size:22px;font-weight:400;line-height:1.25}.spell-row small{display:block;font-size:15px;color:#d1c2a6;margin-top:5px}.spell-row>span:last-child{color:#c1a46f;font-family:var(--sans)}
.spell-token{display:block;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid #faefd4b3;background:radial-gradient(circle at 35% 30%,#ffffff70,transparent 60%),radial-gradient(circle at 38% 32%,transparent 35%,#00000029 100%),var(--spell-color);box-shadow:0 2px 8px #0005}.research-note{text-align:center;font-size:15px;color:#b9ad97;margin-top:26px}.research-return{display:flex;align-items:center;gap:14px;color:#ebcfa1;min-height:48px;font:12px/1.5 var(--sans);letter-spacing:1px;margin-bottom:12px}.spell-detail h2{margin-left:42px}.spell-facts{font-size:18px;line-height:1.48}.spell-facts p{margin:0 0 12px;white-space:pre-line}.spell-facts strong{font-weight:400;color:#ebcfa1;font-size:.86em;letter-spacing:.5px}.research-flame{position:relative;height:265px;margin:8px auto 0;max-width:400px;pointer-events:none}.research-flame canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.research-orb{position:absolute;left:50%;top:60%;width:35.714%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:var(--spell-color);opacity:.7}
.research-context{max-width:600px;margin:24px auto 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}.research-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding:30px 5%;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.research-page a:focus-visible{outline:2px solid #ebcfa1;outline-offset:3px}.research-list h2:focus,.spell-detail h2:focus{outline:none}
@media(min-width:1000px){.research-shell{display:grid;grid-template-columns:1fr 1.35fr;column-gap:65px;align-items:start}.research-heading{position:sticky;top:55px}.research-heading h1{font-size:64px}.research-heading>p:last-child{max-width:260px;line-height:1.7}.research-reader{width:100%}.research-context{grid-column:2}}
@media(max-width:600px){.research-shell{padding:30px 4%}.research-page .site-header{padding:18px 5%;gap:18px;align-items:center}.research-page .wordmark{font-size:20px}.research-page .site-header nav{gap:12px;font-size:12px}.research-heading{margin-bottom:25px}.research-heading .eyebrow{font-size:10px}.research-heading h1{font-size:43px}.research-heading>p:last-child{font-size:14px}.research-list,.spell-detail{padding:23px 17px}.spell-row{padding:13px 12px;gap:12px;min-height:74px}.spell-row strong{font-size:20px}.spell-facts{font-size:17px}.research-categories{gap:0;padding-inline:6px}.research-categories a{font-size:12px}.research-flame{height:240px}.research-stage{min-height:500px}}
@media(prefers-reduced-motion:reduce){.spell-row{transition:none}}
.mastery-link{border:0;background:none;padding:12px 0;color:#ebcfa1;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer;min-height:44px}.mastery-link:focus-visible,.mastery-close:focus-visible{outline:2px solid #ebcfa1;outline-offset:4px}.mastery-dialog{box-sizing:border-box;width:min(560px,92vw);max-height:85dvh;overflow:auto;margin:auto;padding:24px;background:#09121b;color:#f5e6c9;border:1px solid #d4b783;border-radius:12px;box-shadow:0 24px 80px #0009;font:17px/1.5 var(--sans)}.mastery-dialog::backdrop{background:#000b}.mastery-dialog h2{font:28px/1.2 var(--serif);color:#ebcfa1;clear:both;padding-top:12px}.mastery-dialog p{color:#d1c2a6}.mastery-close{float:right;min-height:44px;padding:8px 14px;background:#17232e;color:#ebcfa1;border:1px solid #d4b78370;border-radius:6px;cursor:pointer;font:inherit}.mastery-dialog table{width:100%;border-collapse:collapse;font-size:15px}.mastery-dialog th,.mastery-dialog td{text-align:left;padding:10px 8px;border-bottom:1px solid #d4b78335;vertical-align:top}.mastery-dialog th{color:#ebcfa1;font-weight:600}

.spell-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 0 17px 42px}.spell-title-row h2{margin:0;min-width:0}.spell-title-row .mastery-link{flex-shrink:0;max-width:48%;text-align:left;font-size:18px;line-height:1.48}@media(max-width:600px){.spell-title-row{gap:12px}.spell-title-row .mastery-link{font-size:17px}}