@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Spectral:wght@300;400;500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#e9e4d8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050507;font-family:Spectral,Georgia,serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0}body:before,body:after{pointer-events:none;content:"";position:fixed;inset:0}body:before{z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{z-index:0;background:radial-gradient(circle at 22% 10%,#b56a3d24,#0000 34rem),radial-gradient(circle at 78% 13%,#ff5a1f21,#0000 32rem),radial-gradient(circle,#0000 28%,#000000c7 100%)}button{font:inherit}button:focus-visible{outline:2px solid var(--glow,#f1e9d6);outline-offset:3px}h1,h2,h3,strong,.role,.tabs button,.selectHeader,.rivalCenter{font-family:Cinzel,Georgia,serif}h1,h2,h3,p,blockquote{margin:0}.appShell{z-index:2;width:min(100% - clamp(14px,3vw,56px),1760px);max-width:none;min-height:100vh;margin:0 auto;padding:clamp(12px,1.5vw,28px) 0 clamp(36px,4vw,72px);position:relative}.appShell:before,.appShell:after{z-index:-1;pointer-events:none;content:"";transition:opacity .24s;position:fixed;inset:0}.appShell:after{mix-blend-mode:screen;opacity:0}.appShell.ambientOff:before{opacity:.25}.appShell.ambientOff:after{opacity:.08}.appShell.ambientOn:before{animation:9s ease-in-out infinite alternate ambientDrift}.appShell.ambientOn:after{animation:6.8s ease-in-out infinite alternate forceBreath}@keyframes ambientDrift{0%{filter:brightness(.88);transform:translate(-.4rem,-.2rem)}to{filter:brightness(1.12);transform:translate(.4rem,.2rem)}}@keyframes forceBreath{0%{filter:blur()brightness(.78)saturate(.86);opacity:.16;transform:scale(1)translate(-.25rem,.15rem)}46%{filter:blur(.08rem)brightness(1.08)saturate(1.2);opacity:.27}to{filter:blur(.16rem)brightness(1.22)saturate(1.32);opacity:.34;transform:scale(1.035)translate(.25rem,-.15rem)}}.appShell.zayne:before{background:radial-gradient(circle at 34% 18%,#f4f1ea1f,#0000 25rem),radial-gradient(circle at 25% 62%,#b56a3d1f,#0000 34rem)}.appShell.zayne:after{background:radial-gradient(circle at 30% 24%,#f4f1ea33,#0000 18rem),radial-gradient(circle at 46% 68%,#c9855229,#0000 28rem),radial-gradient(circle at 82% 42%,#ffffff14,#0000 22rem)}.appShell.noxus:before{background:radial-gradient(circle at 72% 18%,#ff5a1f2e,#0000 28rem),radial-gradient(circle at 55% 72%,#d8543c1a,#0000 36rem)}.appShell.noxus:after{background:radial-gradient(circle at 72% 20%,#ff5a1f33,#0000 22rem),radial-gradient(circle at 48% 72%,#d8543c29,#0000 32rem),radial-gradient(circle at 18% 44%,#f3ead914,#0000 24rem)}.forceBackdrop,.forceBackdrop:before,.forceBackdrop:after{z-index:-1;pointer-events:none;content:"";position:fixed;inset:0}.forceBackdrop{mix-blend-mode:screen;opacity:.78;background:radial-gradient(at 8% 34%,#ffffff2e,#0000 24rem),radial-gradient(at 12% 74%,#e6e0d221,#0000 30rem),radial-gradient(at 92% 30%,#ff5c241a,#0000 22rem),radial-gradient(at 88% 78%,#be372014,#0000 28rem);overflow:hidden}.forceBackdrop:before{filter:blur(16px);opacity:.82;background:linear-gradient(104deg,#0000 0%,#f4f1ea2e 9%,#0000 27%),linear-gradient(80deg,#0000 2%,#f4f1ea1f 17%,#0000 36%),linear-gradient(118deg,#0000 8%,#ffffff1a 24%,#0000 48%),radial-gradient(at 10% 42%,#ffffff61,#0000 12rem),radial-gradient(at 18% 64%,#e6e0d233,#0000 18rem);animation:8.5s ease-in-out infinite alternate whiteCurrent;-webkit-mask-image:linear-gradient(90deg,#000 0% 38%,#0000 58%);mask-image:linear-gradient(90deg,#000 0% 38%,#0000 58%)}.forceBackdrop:after{filter:blur(.4px);opacity:.78;background:radial-gradient(circle at 72% 24%,#ff723061 0 .13rem,#0000 .19rem) 0 0/19rem 25rem,radial-gradient(circle at 84% 52%,#ff512552 0 .1rem,#0000 .17rem) 0 0/15rem 18rem,radial-gradient(circle at 62% 70%,#ff9e4a40 0 .12rem,#0000 .2rem) 0 0/22rem 28rem,radial-gradient(circle at 94% 78%,#d8543c47 0 .11rem,#0000 .18rem) 0 0/17rem 20rem,linear-gradient(270deg,#ff5b2729,#0000 58%);width:min(48vw,760px);animation:11s linear infinite emberDrift;left:auto;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 26% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 26% 100%)}@keyframes whiteCurrent{0%{opacity:.46;transform:translate(-1.6vw,.6vh)scale(1)}to{opacity:.84;transform:translate(1.4vw,-.9vh)scale(1.045)}}@keyframes emberDrift{0%{opacity:.58;background-position:0 0,4rem 8rem,2rem 3rem,8rem 6rem,50%}50%{opacity:.86}to{opacity:.66;background-position:5rem -15rem,-3rem -10rem,7rem -18rem,2rem -12rem,50%}}.loginShell{z-index:2;place-items:center;width:min(100% - clamp(18px,4vw,64px),1760px);min-height:100vh;margin:0 auto;padding:clamp(24px,5vw,72px) 0;display:grid;position:relative}.loginShell:before,.loginShell:after,.loginShell .loginBackdrop:after,.loginBackdrop{z-index:-1;pointer-events:none;content:"";position:fixed;inset:0}.loginShell:before{background-color:#0000;background-image:linear-gradient(90deg,#000000e0,#0000 42%,#000000e0),radial-gradient(circle at 50% 18%,#f4f1ea21,#0000 24rem),radial-gradient(circle at 74% 68%,#d8543c2e,#0000 34rem),radial-gradient(circle at 22% 76%,#b56a3d24,#0000 32rem),url(/portraits/login-vault.png);background-position:50%;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:10s ease-in-out infinite alternate ambientDrift}.loginShell:after{opacity:.68;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 7px),radial-gradient(circle,#0000 20%,#000000d1 76%)}.loginBackdrop{overflow:hidden}.loginBackdrop:before{content:"";background:linear-gradient(90deg,#0000,#f3ead90f,#0000),#00000014;border:1px solid #c9855233;position:absolute;inset:8% 10%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.loginBackdrop:after{filter:blur(18px);opacity:.38;content:"";background:radial-gradient(at 18% 72%,#f3ead929,#0000 30rem),radial-gradient(at 76% 34%,#d8543c21,#0000 26rem),linear-gradient(100deg,#0000 4%,#f3ead912 28%,#0000 54%),linear-gradient(78deg,#0000 12%,#c9855214 48%,#0000 80%);animation:18s ease-in-out infinite alternate loginFogDrift}@keyframes loginFogDrift{0%{transform:translate(-3vw,1.4vh)scale(1.04)}to{transform:translate(4vw,-1.8vh)scale(1.1)}}.loginFigure{object-fit:cover;opacity:.24;filter:grayscale(.75)contrast(1.18)brightness(.78);width:min(30vw,410px);max-height:88vh;position:absolute;top:50%;transform:translateY(-50%)}.loginFigure.zayne{object-position:center 16%;left:max(-42px,3vw)}.loginFigure.noxus{object-position:center 12%;right:max(-42px,3vw)}.loginPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f3ead914,#0000 22%),linear-gradient(145deg,#120807c7,#050507d1),radial-gradient(circle at 14% 20%,#f3ead924,#0000 20rem);border:1px solid #f3ead947;grid-template-columns:minmax(66px,92px) minmax(0,.86fr) minmax(270px,.64fr);align-items:center;gap:clamp(16px,2.4vw,28px);width:min(100%,860px);padding:clamp(16px,2.4vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000008a,inset 0 0 60px #d8543c14}.loginPanel:before{pointer-events:none;content:"";border:1px solid #c985522e;position:absolute;inset:0}.loginPanel:after{content:"";background:linear-gradient(#0000,#f3ead93d,#0000);width:1px;position:absolute;top:0;bottom:0;left:34%}.loginBeacon{justify-items:center;gap:12px;display:grid}.loginSigil{aspect-ratio:1;color:#f3ead9;background:radial-gradient(circle,#f3ead92e,#0000 62%),#00000047;border:1px solid #f3ead94d;place-items:center;width:clamp(72px,7vw,96px);display:grid;position:relative;box-shadow:0 0 36px #c985523d}.loginSigil img{z-index:1;object-fit:contain;filter:drop-shadow(0 0 12px #f3ead92e);width:88%;height:88%;position:relative}.loginSigil:before,.loginSigil:after{content:"";border:1px solid #c9855252;position:absolute;inset:9px}.loginSigil:after{border-color:#d8543c47;inset:18px;transform:rotate(45deg)}.loginBeacon>span{background:linear-gradient(#f3ead9a3,#c9855233,#0000);width:2px;height:84px;box-shadow:0 0 18px #f3ead93d}.loginIntro{gap:12px;min-width:0;display:grid}.loginIntro span{color:#c98552;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.78rem}.loginIntro h1{color:#f3ead9;text-shadow:0 0 28px #f3ead924;font-size:clamp(2.1rem,4.4vw,4.35rem);line-height:.95}.loginIntro p{color:#d7cfc0;max-width:36ch;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.04rem,1.7vw,1.22rem);font-style:italic;line-height:1.18}.loginStatus{background:#0000003d;border:1px solid #c9855257;align-items:center;gap:9px;width:fit-content;padding:7px 10px;display:inline-flex}.loginStatus i{background:#d8543c;width:8px;height:8px;box-shadow:0 0 14px #d8543c}.loginStatus span{color:#d7cfc0;font-size:.68rem}.loginForm{background:linear-gradient(#ffffff0a,#0000 42%),#0000006b;border:1px solid #c9855247;gap:13px;min-width:0;padding:16px;display:grid;position:relative;box-shadow:inset 0 0 38px #00000047}.loginFormHeader{gap:2px;margin-bottom:2px;display:grid}.loginFormHeader span{color:#d8543c;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.68rem}.loginFormHeader strong{color:#f3ead9;font-size:1.08rem;line-height:1}.loginForm label{gap:6px;min-width:0;display:grid}.loginForm label span{color:#c98552;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.72rem}.loginForm input{color:#f3ead9;width:100%;min-width:0;font:inherit;background:#00000057;border:1px solid #c9855275;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s}.loginForm input:focus{background:#0000007a;border-color:#f3ead9;outline:none;box-shadow:0 0 0 2px #f3ead91f}.loginForm button{color:#f3ead9;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#c9855257,#d8543c2e),#00000047;border:1px solid #f3ead970;min-height:42px;font-family:Cinzel,Georgia,serif;transition:border-color .16s,box-shadow .16s,transform .16s}.loginForm button:hover,.loginForm button:focus-visible{border-color:#f3ead9;transform:translateY(-1px);box-shadow:0 0 28px #c9855238}.loginError{color:#d8543c;opacity:0;min-height:1.35em;font-size:.94rem}.loginError.visible{opacity:1}.selectScreen{background:linear-gradient(90deg,#ffffff09,#0000 48%),#0505076b;border:1px solid #ffffff14;min-width:0;max-width:100%;margin-bottom:8px;padding:10px}.stickyNav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050507ad;border:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;padding:7px;display:flex;position:sticky;top:8px}.stickyNav button{border:1px solid var(--accent,#b56a3d);align-items:center;gap:6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.stickyNav button{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 68%)}}.stickyNav button{color:#d7cfc0;cursor:pointer;text-transform:uppercase;background:#0003;padding:6px 10px;font-family:Cinzel,Georgia,serif;font-size:.72rem}.stickyNav button.active{border-color:var(--glow,#f3ead9);color:var(--glow,#f3ead9)}.selectScreen{grid-template-columns:minmax(280px,.6fr) minmax(0,1.4fr);gap:14px;margin-bottom:8px;display:grid}.selectShell{align-content:stretch;gap:10px;min-width:0;display:grid}.selectHeader{color:#9c968a;letter-spacing:.08em;text-transform:uppercase;align-content:start;gap:4px;display:grid}.selectHeader strong{color:#e9e4d8;letter-spacing:0;font-size:clamp(1.1rem,2vw,1.8rem)}.selectActiveRecord{border:1px solid var(--accent);gap:9px;min-height:150px;display:grid}@supports (color:color-mix(in lab, red, red)){.selectActiveRecord{border:1px solid color-mix(in srgb, var(--accent), transparent 64%)}}.selectActiveRecord{background:linear-gradient(135deg, var(--accent), transparent 62%), #0000003d;padding:16px}@supports (color:color-mix(in lab, red, red)){.selectActiveRecord{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 88%), transparent 62%), #0000003d}}.selectActiveRecord>span{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.72rem}.selectActiveRecord strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:clamp(1.8rem,3vw,3.2rem);line-height:.95}.selectActiveRecord p{color:#d7cfc0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.16}.selectActiveTags{flex-wrap:wrap;gap:6px;display:flex}.selectActiveTags em{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.selectActiveTags em{border:1px solid color-mix(in srgb, var(--accent), transparent 62%)}}.selectActiveTags em{color:#d7cfc0;padding:4px 7px;font-size:.72rem;font-style:normal}.roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rosterCard,.dossier,.rivalryView{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.rosterCard,.dossier,.rivalryView{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.rosterCard,.dossier,.rivalryView{background:linear-gradient(145deg, var(--deep), #050507e0), linear-gradient(90deg, var(--accent), transparent)}@supports (color:color-mix(in lab, red, red)){.rosterCard,.dossier,.rivalryView{background:linear-gradient(145deg, color-mix(in srgb, var(--deep), transparent 4%), #050507e0), linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 90%), transparent)}}.rosterCard,.dossier,.rivalryView{box-shadow:0 22px 70px #00000061}.rosterCard{color:#e9e4d8;text-align:left;cursor:pointer;grid-template-columns:86px minmax(0,1fr);min-height:110px;padding:0;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000038}.rosterCard:after{pointer-events:none;content:"";border:1px solid #0000;position:absolute;inset:0}.rosterCard.active{border-color:var(--glow);background:linear-gradient(145deg, var(--mid), #050507e0), linear-gradient(90deg, var(--accent), transparent)}@supports (color:color-mix(in lab, red, red)){.rosterCard.active{background:linear-gradient(145deg, color-mix(in srgb, var(--mid), transparent 10%), #050507e0), linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 86%), transparent)}}.rosterCard.active{box-shadow:0 0 28px var(--glow)}@supports (color:color-mix(in lab, red, red)){.rosterCard.active{box-shadow:0 0 28px color-mix(in srgb, var(--glow), transparent 84%)}}.rosterCard:hover,.rosterCard:focus-visible{transform:translateY(-1px)}.rosterCard.active:after{border-color:var(--glow)}@supports (color:color-mix(in lab, red, red)){.rosterCard.active:after{border-color:color-mix(in srgb, var(--glow), transparent 42%)}}.rosterCard .portrait{aspect-ratio:auto;border:0;width:100%;height:100%;min-height:110px}.rosterCard .portrait .blade{width:3px;height:64%;bottom:6px;right:8px}.rosterContent{background:linear-gradient(90deg, #0000000a, #00000085), radial-gradient(circle at 0% 100%, var(--accent), transparent 14rem);align-content:center;gap:6px;min-width:0;padding:14px 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.rosterContent{background:linear-gradient(90deg, #0000000a, #00000085), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--accent), transparent 88%), transparent 14rem)}}.rosterCard strong{color:var(--glow);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.05rem,2vw,1.6rem);line-height:1;overflow:hidden}.rosterCard em,.role,.tagRow span,.cardTags span,.note,.meter em,.crewMate em,.selectHeader span{color:#9c968a}.rosterCard em{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:40ch;font-family:Cormorant Garamond,Georgia,serif;font-size:.98rem;line-height:1.18;display:-webkit-box;overflow:hidden}.role{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.cardTags,.tagRow{flex-wrap:wrap;gap:7px;display:flex}.cardTags span,.tagRow span{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.cardTags span,.tagRow span{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.cardTags span,.tagRow span{background:#0000003d;padding:4px 8px;font-size:.78rem}.tabs button{border:1px solid var(--accent,#b56a3d);justify-content:center;align-items:center;gap:7px;min-height:42px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tabs button{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 62%)}}.tabs button{color:#e9e4d8;cursor:pointer;background:#0000003d}.tabs button.active{border-color:var(--glow,#f3ead9);background:var(--accent,#b56a3d)}@supports (color:color-mix(in lab, red, red)){.tabs button.active{background:color-mix(in srgb, var(--accent,#b56a3d), transparent 82%)}}.tabs button.active{color:var(--glow,#f3ead9)}.dossier{min-width:0;max-width:100%;padding:26px;animation:7.2s ease-in-out infinite alternate panelBreath}@keyframes panelBreath{0%{box-shadow:0 22px 70px #00000061}to{box-shadow:0 22px 70px #0000006b, 0 0 32px color-mix(in srgb, var(--accent), transparent 88%)}}.dossierHeader{grid-template-columns:minmax(210px,250px) minmax(0,1fr);align-items:end;gap:22px;min-height:320px;margin-bottom:24px;display:grid}.dossierIdentity{align-content:end;gap:8px;min-width:0;display:grid}.portrait{border:1px solid var(--accent);place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.portrait{border:1px solid color-mix(in srgb, var(--accent), transparent 48%)}}.portrait{background:radial-gradient(circle at 50% 28%, var(--glow), transparent 54%), var(--deep)}@supports (color:color-mix(in lab, red, red)){.portrait{background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--glow), transparent 78%), transparent 54%), var(--deep)}}.portrait{aspect-ratio:3/4}.portrait img{z-index:2;object-fit:cover;object-position:center 12%;width:100%;height:100%;position:relative}.portrait.zayne img{object-position:center 12%}.portrait.noxus img{object-position:center 10%}.dossierHeader .portrait.zayne img{object-position:center 14%}.dossierHeader .portrait.noxus img{object-position:center 11%}.portraitFallback{color:var(--glow);position:absolute}@supports (color:color-mix(in lab, red, red)){.portraitFallback{color:color-mix(in srgb, var(--glow), transparent 20%)}}.portraitFallback{letter-spacing:0;font-family:Cinzel,Georgia,serif;font-size:2.4rem}.blade{z-index:3;background:var(--blade);width:5px;height:72%;box-shadow:0 0 12px var(--blade), 0 0 28px var(--blade);transform-origin:bottom;border-radius:999px;animation:2.8s ease-in-out infinite alternate bladePulse;position:absolute;bottom:8px;right:14px;transform:rotate(34deg)}@keyframes bladePulse{0%{opacity:.72;box-shadow:0 0 10px var(--blade), 0 0 22px var(--blade)}to{opacity:1;box-shadow:0 0 15px var(--blade), 0 0 34px var(--blade), 0 0 58px color-mix(in srgb, var(--blade), transparent 38%)}}.dossier h1{color:var(--glow);letter-spacing:0;text-shadow:0 0 22px var(--glow);font-size:clamp(2.8rem,6.5vw,6.6rem);font-weight:700;line-height:.95}@supports (color:color-mix(in lab, red, red)){.dossier h1{text-shadow:0 0 22px color-mix(in srgb, var(--glow), transparent 76%)}}.dossierHeader p{color:#d7cfc0;max-width:58ch;margin:12px 0 16px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;font-style:italic;line-height:1.25}.dossierVitals{border-top:1px solid var(--accent);grid-column:1/-1;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.dossierVitals{border-top:1px solid color-mix(in srgb, var(--accent), transparent 70%)}}.dossierVitals{padding-top:12px}.alignment{color:#9c968a;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.82rem;display:grid}.dossierVitals dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.dossierVitals dl div{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.dossierVitals dl div{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.dossierVitals dl div{background:#0000002e;padding:10px}.dossierVitals dt{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.66rem}.dossierVitals dd{color:var(--glow);margin:4px 0 0;font-family:Cinzel,Georgia,serif;font-size:.9rem}.alignment i{background:linear-gradient(90deg, #f4f1ea, var(--accent), #1d0909);height:6px;position:relative}.alignment b{background:var(--glow);border:2px solid #050507;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.tabs{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;margin-bottom:14px;display:grid}.panel{border-top:1px solid var(--accent);min-height:390px}@supports (color:color-mix(in lab, red, red)){.panel{border-top:1px solid color-mix(in srgb, var(--accent), transparent 66%)}}.panel{padding:24px 0 0}.panelHeading{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:16px;display:flex}.panel h2{color:var(--glow);letter-spacing:0;font-size:1.7rem}.panelHeading span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.76rem}.panel p,.proseStack{color:#d7cfc0;max-width:76ch;font-size:1.08rem}.proseStack{gap:16px;display:grid}.originPanel{gap:22px;display:grid}.originGallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;display:grid}.originGallery figure{border:1px solid var(--accent);min-width:0;margin:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.originGallery figure{border:1px solid color-mix(in srgb, var(--accent), transparent 62%)}}.originGallery figure{isolation:isolate;background:#050403;box-shadow:0 22px 50px #0000004d}.originGallery figure:after{content:"";background:linear-gradient(180deg, transparent 38%, #000000d1 100%), radial-gradient(circle at 20% 10%, var(--blade), transparent 34%), radial-gradient(circle at 88% 88%, var(--accent), transparent 42%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.originGallery figure:after{background:linear-gradient(180deg, transparent 38%, #000000d1 100%), radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--blade), transparent 82%), transparent 34%), radial-gradient(circle at 88% 88%, color-mix(in srgb, var(--accent), transparent 76%), transparent 42%)}}.originGallery figure:after{pointer-events:none;z-index:1}.originGallery img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.95)contrast(1.06);width:100%;display:block;transform:scale(1.01)}.originGallery figcaption{z-index:2;gap:6px;padding:18px;display:grid;position:absolute;bottom:0;left:0;right:0}.originGallery strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:clamp(1rem,1.5vw,1.32rem);line-height:1.05}.originGallery span{color:#ded5c7;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.98rem,1.05vw,1.1rem);font-style:italic;line-height:1.25}.panel em,.panel strong{color:var(--glow)}blockquote{border-left:3px solid var(--accent);max-width:58ch;color:var(--glow);margin:22px 0;padding-left:18px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.42rem;font-style:italic;line-height:1.25}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.dialogueStrip{border:1px solid var(--accent);grid-template-columns:auto minmax(0,1fr);gap:12px;max-width:860px;margin:20px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.dialogueStrip{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.dialogueStrip{background:#00000038;padding:14px}.dialogueStrip svg{color:var(--accent);margin-top:3px}.dialogueStrip>div{gap:10px;display:grid}.dialogueStrip p{gap:2px;max-width:none;display:grid}.dialogueStrip strong{color:var(--accent);text-transform:uppercase;font-size:.76rem}.dialogueStrip span{color:#e9e4d8;font-family:Cormorant Garamond,Georgia,serif;font-size:1.16rem;font-style:italic}.stat{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.stat{border:1px solid color-mix(in srgb, var(--accent), transparent 72%)}}.stat{background:#0000002e;padding:14px}.stat dt{color:var(--accent);text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.78rem}.stat dd{color:#e9e4d8;margin:4px 0 0}.codeDoctrine{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.chronicleGrid{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:16px;display:grid}.chronicleRail{align-content:start;gap:10px;display:grid}.chronicleRail button{border:1px solid var(--accent);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid}@supports (color:color-mix(in lab, red, red)){.chronicleRail button{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.chronicleRail button{color:#e9e4d8;text-align:left;cursor:pointer;background:#0003;padding:12px}.chronicleRail button.active{border-color:var(--glow);background:linear-gradient(90deg, var(--accent), #00000029), #00000047}@supports (color:color-mix(in lab, red, red)){.chronicleRail button.active{background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 82%), #00000029), #00000047}}.chronicleRail span,.chronicleEntry>span{border:1px solid var(--glow);place-items:center;min-width:36px;min-height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.chronicleRail span,.chronicleEntry>span{border:1px solid color-mix(in srgb, var(--glow), transparent 58%)}}.chronicleRail span,.chronicleEntry>span{color:var(--accent);font-family:Cinzel,Georgia,serif}.chronicleRail strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:.95rem;line-height:1.15}.chronicleEntry{border:1px solid var(--glow);min-height:360px;position:relative}@supports (color:color-mix(in lab, red, red)){.chronicleEntry{border:1px solid color-mix(in srgb, var(--glow), transparent 56%)}}.chronicleEntry{background:radial-gradient(circle at 12% 10%, var(--accent), transparent 24rem), #00000052;padding:24px}@supports (color:color-mix(in lab, red, red)){.chronicleEntry{background:radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--accent), transparent 78%), transparent 24rem), #00000052}}.chronicleEntry:before{background:var(--blade);width:3px;box-shadow:0 0 18px var(--blade);content:"";border-radius:999px;position:absolute;top:18px;bottom:18px;right:18px}.chronicleEntry>span{width:42px;margin-bottom:18px}.chronicleEntry h3{max-width:16ch;color:var(--glow);font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.chronicleEntry p{max-width:74ch;margin-top:18px}.originChronicleLayout{grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);align-items:start;gap:18px;display:grid}.chapterSelectIntro{border:1px solid var(--accent);flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.chapterSelectIntro{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.chapterSelectIntro{background:linear-gradient(135deg, var(--accent), transparent 62%), #00000038;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.chapterSelectIntro{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 62%), #00000038}}.chapterSelectIntro strong,.chapterSelectIntro span{letter-spacing:.06em;text-transform:uppercase;font-family:Cinzel,Georgia,serif}.chapterSelectIntro strong{color:var(--glow);font-size:.9rem}.chapterSelectIntro span{color:var(--accent);font-size:.74rem}.chapterSelectGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px;display:grid}.chapterSelectCard{border:1px solid var(--accent);gap:10px;min-height:220px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.chapterSelectCard{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.chapterSelectCard{background:radial-gradient(circle at 88% 12%, var(--blade), transparent 14rem), linear-gradient(145deg, var(--mid), #00000057), #00000052;padding:clamp(16px,2vw,24px)}@supports (color:color-mix(in lab, red, red)){.chapterSelectCard{background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--blade), transparent 82%), transparent 14rem), linear-gradient(145deg, color-mix(in srgb, var(--mid), transparent 72%), #00000057), #00000052}}.chapterSelectCard{color:#e9e4d8;cursor:pointer;text-align:left}.chapterCardArt{z-index:0;object-fit:cover;opacity:.46;filter:saturate(.95)contrast(1.08);width:100%;height:100%;transition:opacity .18s,transform .24s;position:absolute;inset:0;transform:scale(1.02)}.chronicleSceneMedia{display:block}.chapterCardArt>img,.chapterCardArt>video{object-fit:cover;width:100%;height:100%;display:block}.chronicleSceneHoverTarget,.chapterSelectCard .chronicleSceneHoverTarget,.chronicleSceneArt .chronicleSceneHoverTarget{z-index:4;width:auto;height:auto;cursor:inherit;display:block;position:absolute;inset:0}.chapterSelectCard:before{z-index:1;background:linear-gradient(180deg, #00000047, #000000c2), linear-gradient(90deg, #000000b8, transparent 72%), radial-gradient(circle at 90% 8%, var(--accent), transparent 16rem);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.chapterSelectCard:before{background:linear-gradient(180deg, #00000047, #000000c2), linear-gradient(90deg, #000000b8, transparent 72%), radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--accent), transparent 72%), transparent 16rem)}}.chapterSelectCard:before{pointer-events:none;content:""}.chapterSelectCard:after{z-index:2;border:1px solid var(--glow);position:absolute;inset:12px}@supports (color:color-mix(in lab, red, red)){.chapterSelectCard:after{border:1px solid color-mix(in srgb, var(--glow), transparent 82%)}}.chapterSelectCard:after{pointer-events:none;content:""}.chapterSelectCard:hover,.chapterSelectCard:focus-visible{border-color:var(--glow);box-shadow:0 18px 42px #0000004d, 0 0 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.chapterSelectCard:hover,.chapterSelectCard:focus-visible{box-shadow:0 18px 42px #0000004d, 0 0 26px color-mix(in srgb, var(--accent), transparent 74%)}}.chapterSelectCard:hover .chapterCardArt,.chapterSelectCard:focus-visible .chapterCardArt{opacity:.62;transform:scale(1.05)}.chapterSelectCard.epilogue{background:radial-gradient(circle at 12% 12%, #f3ead91f, transparent 16rem), radial-gradient(circle at 86% 20%, var(--blade), transparent 18rem), linear-gradient(145deg, var(--mid), #0000005c), #00000052}@supports (color:color-mix(in lab, red, red)){.chapterSelectCard.epilogue{background:radial-gradient(circle at 12% 12%, #f3ead91f, transparent 16rem), radial-gradient(circle at 86% 20%, color-mix(in srgb, var(--blade), transparent 78%), transparent 18rem), linear-gradient(145deg, color-mix(in srgb, var(--mid), transparent 68%), #0000005c), #00000052}}.chapterSelectCard span,.chapterSelectCard small{z-index:3;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.72rem;position:relative}.chapterSelectCard>span:first-of-type{border:1px solid var(--glow);width:fit-content}@supports (color:color-mix(in lab, red, red)){.chapterSelectCard>span:first-of-type{border:1px solid color-mix(in srgb, var(--glow), transparent 72%)}}.chapterSelectCard>span:first-of-type{color:var(--glow);background:#0000004d;padding:5px 8px}.chapterSelectCard strong{z-index:3;max-width:16ch;color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:.98;position:relative}.chapterSelectCard p{z-index:3;color:#d7cfc0;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:58ch;font-family:Cormorant Garamond,Georgia,serif;font-size:1.06rem;font-style:italic;line-height:1.2;display:-webkit-box;position:relative;overflow:hidden}.chapterSelectCard em{color:var(--glow)}.readerTopActions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 0 12px;display:flex}.readerTopActions button{border:1px solid var(--accent);align-items:center;gap:8px;max-width:min(100%,360px);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.readerTopActions button{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.readerTopActions button{color:var(--glow);cursor:pointer;background:#0000003d;padding:8px 11px;font-family:Cinzel,Georgia,serif;font-size:.78rem}.readerTopActions button span,.chapterControls button span{text-align:left;gap:2px;min-width:0;display:grid}.readerTopActions button small,.chapterControls button small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;line-height:1}.readerTopActions button:last-child{margin-left:auto}.readerTopActions button:hover,.readerTopActions button:focus-visible:not(:disabled){border-color:var(--glow);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.readerTopActions button:hover,.readerTopActions button:focus-visible:not(:disabled){background:color-mix(in srgb, var(--accent), transparent 84%)}}.readerTopActions button:disabled{opacity:.42;cursor:not-allowed}.originChronicleNav{gap:9px;max-height:min(76vh,760px);padding-right:4px;display:grid;position:sticky;top:18px;overflow:auto}.originChronicleNav button{border:1px solid var(--accent);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid}@supports (color:color-mix(in lab, red, red)){.originChronicleNav button{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.originChronicleNav button{background:linear-gradient(135deg, var(--accent), transparent 58%), #0000003d;padding:11px}@supports (color:color-mix(in lab, red, red)){.originChronicleNav button{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 58%), #0000003d}}.originChronicleNav button{color:#e9e4d8;text-align:left;cursor:pointer}.originChronicleNav button.active{border-color:var(--glow);background:linear-gradient(135deg, var(--accent), transparent 58%), #00000061}@supports (color:color-mix(in lab, red, red)){.originChronicleNav button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 74%), transparent 58%), #00000061}}.originChronicleNav button.active{box-shadow:0 18px 38px #0000003d}.originChronicleNav button.epilogue{border-color:var(--glow)}@supports (color:color-mix(in lab, red, red)){.originChronicleNav button.epilogue{border-color:color-mix(in srgb, var(--glow), transparent 48%)}}.originChronicleNav button.epilogue{background:linear-gradient(120deg, #f3ead91f, transparent 42%), linear-gradient(240deg, var(--accent), transparent 58%), #00000057}@supports (color:color-mix(in lab, red, red)){.originChronicleNav button.epilogue{background:linear-gradient(120deg, #f3ead91f, transparent 42%), linear-gradient(240deg, color-mix(in srgb, var(--accent), transparent 78%), transparent 58%), #00000057}}.originChronicleNav span{border:1px solid var(--glow);place-items:center;min-height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.originChronicleNav span{border:1px solid color-mix(in srgb, var(--glow), transparent 54%)}}.originChronicleNav span{color:var(--accent);font-family:Cinzel,Georgia,serif}.originChronicleNav strong{color:var(--glow);overflow-wrap:anywhere;font-family:Cinzel,Georgia,serif;font-size:.86rem;line-height:1.1}.originChronicleEntry{border:1px solid var(--accent);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.originChronicleEntry{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.originChronicleEntry{background:radial-gradient(circle at 82% 8%, var(--blade), transparent 22rem), linear-gradient(145deg, #0000005c, var(--mid)), #00000052;padding:clamp(18px,2vw,30px)}@supports (color:color-mix(in lab, red, red)){.originChronicleEntry{background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--blade), transparent 76%), transparent 22rem), linear-gradient(145deg, #0000005c, color-mix(in srgb, var(--mid), transparent 78%)), #00000052}}.originChronicleEntry:before{border:1px solid var(--glow);position:absolute;inset:12px}@supports (color:color-mix(in lab, red, red)){.originChronicleEntry:before{border:1px solid color-mix(in srgb, var(--glow), transparent 88%)}}.originChronicleEntry:before{pointer-events:none;content:""}.originChronicleEntry>*{z-index:1;position:relative}.originChronicleEntry header{gap:8px;margin-bottom:18px;display:grid}.originChronicleEntry header span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.76rem}.originChronicleEntry h3{max-width:18ch;color:var(--glow);font-size:clamp(2rem,4vw,4.1rem);line-height:.94}.chronicleAccountLabel{border:1px solid var(--glow);width:fit-content;margin:0 0 12px}@supports (color:color-mix(in lab, red, red)){.chronicleAccountLabel{border:1px solid color-mix(in srgb, var(--glow), transparent 70%)}}.chronicleAccountLabel{color:var(--glow);letter-spacing:.1em;text-transform:uppercase;background:#00000038;padding:7px 10px;font-family:Cinzel,Georgia,serif;font-size:.72rem}.chronicleSceneArt,.chronicleInlineArt{border:1px solid var(--accent);margin:0 0 18px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.chronicleSceneArt,.chronicleInlineArt{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.chronicleSceneArt,.chronicleInlineArt{background:#050302;box-shadow:0 20px 52px #00000057}.chronicleSceneArt:after,.chronicleInlineArt:after{background:linear-gradient(180deg, transparent 36%, #000000b8 100%), radial-gradient(circle at 16% 10%, var(--glow), transparent 24rem), radial-gradient(circle at 92% 82%, var(--accent), transparent 24rem);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.chronicleSceneArt:after,.chronicleInlineArt:after{background:linear-gradient(180deg, transparent 36%, #000000b8 100%), radial-gradient(circle at 16% 10%, color-mix(in srgb, var(--glow), transparent 82%), transparent 24rem), radial-gradient(circle at 92% 82%, color-mix(in srgb, var(--accent), transparent 72%), transparent 24rem)}}.chronicleSceneArt:after,.chronicleInlineArt:after{pointer-events:none;content:""}.chronicleSceneArt .chronicleSceneMedia,.chronicleSceneArt img,.chronicleSceneArt video,.chronicleInlineArt img{aspect-ratio:16/7;object-fit:cover;filter:saturate(.94)contrast(1.06);width:100%;display:block}.chronicleInlineArt.cropUpper img{object-position:center 34%}.readerStatus{border:1px solid var(--accent);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.readerStatus{border:1px solid color-mix(in srgb, var(--accent), transparent 66%)}}.readerStatus{background:linear-gradient(135deg, var(--accent), transparent 62%), #00000038;padding:12px}@supports (color:color-mix(in lab, red, red)){.readerStatus{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 62%), #00000038}}.readerStatus div{gap:2px;min-width:0;display:grid}.readerStatus span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.66rem}.readerStatus strong{min-width:0;color:var(--glow);overflow-wrap:anywhere;font-family:Cinzel,Georgia,serif;font-size:.9rem}.readerStatus i{background:#ffffff14;grid-column:1/-1;height:5px;overflow:hidden}.readerStatus b{background:linear-gradient(90deg, var(--accent), var(--glow));height:100%;box-shadow:0 0 14px var(--accent);transition:width .22s;display:block}.storyFlowPanel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.storyFlowPanel div{border:1px solid var(--accent);min-width:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.storyFlowPanel div{border:1px solid color-mix(in srgb, var(--accent), transparent 62%)}}.storyFlowPanel div{background:linear-gradient(135deg, var(--accent), transparent 64%), #0000003d;padding:14px}@supports (color:color-mix(in lab, red, red)){.storyFlowPanel div{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 64%), #0000003d}}.storyFlowPanel div:after{background:var(--glow);width:36px;height:1px;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.storyFlowPanel div:after{background:color-mix(in srgb, var(--glow), transparent 62%)}}.storyFlowPanel div:after{content:""}.storyFlowPanel strong{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-family:Cinzel,Georgia,serif;font-size:.68rem;display:block}.storyFlowPanel p{color:#e2d8ca;max-width:none;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,1.08vw,1.12rem);font-style:italic;line-height:1.25}.storyFlowPanel em{color:var(--glow)}.chronicleRecord{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.chronicleRecord{border:1px solid color-mix(in srgb, var(--accent), transparent 54%)}}.chronicleRecord{background:linear-gradient(135deg, var(--accent), transparent 62%), #00000047;margin-bottom:22px;padding:16px 18px}@supports (color:color-mix(in lab, red, red)){.chronicleRecord{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 84%), transparent 62%), #00000047}}.chronicleRecord strong{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-family:Cinzel,Georgia,serif;font-size:.72rem;display:block}.chronicleRecord p{color:#e1d7c8;max-width:86ch;font-family:Cormorant Garamond,Georgia,serif;font-size:1.18rem;font-style:italic;line-height:1.25}.chronicleAccount{gap:16px;display:grid}.chronicleAccount h4{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:minmax(28px,.08fr) auto minmax(40px,1fr);align-items:center;gap:10px;margin:16px 0 0;font-family:Cinzel,Georgia,serif;font-size:.82rem;display:grid}.chronicleAccount h4:before,.chronicleAccount h4:after{background:var(--accent);height:1px}@supports (color:color-mix(in lab, red, red)){.chronicleAccount h4:before,.chronicleAccount h4:after{background:color-mix(in srgb, var(--accent), transparent 58%)}}.chronicleAccount h4:before,.chronicleAccount h4:after{content:""}.chronicleAccount p{color:#d7cfc0;max-width:84ch;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.08rem,1.25vw,1.24rem);line-height:1.36}.chronicleInlineArt{width:100%;max-width:84ch;margin:2px 0 20px}.chronicleInlineArt figcaption{z-index:1;color:var(--glow);letter-spacing:.1em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.64rem;position:absolute;bottom:9px;right:10px}.chronicleAccount em,.chronicleRecord em{color:var(--glow)}.chapterAfterword{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.chapterAfterword div{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.chapterAfterword div{border:1px solid color-mix(in srgb, var(--accent), transparent 62%)}}.chapterAfterword div{background:linear-gradient(135deg, var(--accent), transparent 64%), #0000003d;padding:14px}@supports (color:color-mix(in lab, red, red)){.chapterAfterword div{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 64%), #0000003d}}.chapterAfterword span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-family:Cinzel,Georgia,serif;font-size:.66rem;display:block}.chapterAfterword p{color:#e2d8ca;font-family:Cormorant Garamond,Georgia,serif;font-size:1.06rem;font-style:italic;line-height:1.2}.epilogueEntry{background:radial-gradient(circle at 10% 12%, #f3ead921, transparent 18rem), radial-gradient(circle at 86% 18%, var(--blade), transparent 22rem), radial-gradient(circle at 50% 100%, #4f7a5c29, transparent 26rem), linear-gradient(145deg, #00000057, var(--mid)), #00000057}@supports (color:color-mix(in lab, red, red)){.epilogueEntry{background:radial-gradient(circle at 10% 12%, #f3ead921, transparent 18rem), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--blade), transparent 70%), transparent 22rem), radial-gradient(circle at 50% 100%, #4f7a5c29, transparent 26rem), linear-gradient(145deg, #00000057, color-mix(in srgb, var(--mid), transparent 76%)), #00000057}}.epilogueBraid{gap:18px;display:grid}.epilogueVoice{border:1px solid var(--accent);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.epilogueVoice{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.epilogueVoice{background:linear-gradient(135deg, var(--accent), transparent 62%), #00000047;padding:clamp(16px,2vw,24px)}@supports (color:color-mix(in lab, red, red)){.epilogueVoice{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 88%), transparent 62%), #00000047}}.epilogueVoice.zayne{background:linear-gradient(135deg,#f3ead921,#0000 58%),linear-gradient(90deg,#96a4aa1a,#0000),#0000004d;border-color:#f3ead957}.epilogueVoice:after{opacity:.08;pointer-events:none;content:"";border:1px solid;position:absolute;inset:12px}.epilogueVoice>span{border:1px solid;margin-bottom:14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.epilogueVoice>span{border:1px solid color-mix(in srgb, currentColor, transparent 54%)}}.epilogueVoice>span{color:var(--accent);letter-spacing:.12em;padding:5px 9px;font-family:Cinzel,Georgia,serif;font-size:.72rem}.epilogueVoice.zayne>span{color:var(--glow)}.epilogueVoice p{z-index:1;color:#d7cfc0;max-width:86ch;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.08rem,1.25vw,1.24rem);line-height:1.36;position:relative}.epilogueVoice p+p{margin-top:16px}.epilogueVoice em{color:var(--glow)}.chapterControls{border-top:1px solid var(--accent);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;display:flex}@supports (color:color-mix(in lab, red, red)){.chapterControls{border-top:1px solid color-mix(in srgb, var(--accent), transparent 72%)}}.chapterControls{padding-top:16px}.chapterControls button{border:1px solid var(--accent);justify-content:center;align-items:center;gap:8px;max-width:min(100%,420px);min-height:40px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.chapterControls button{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.chapterControls button{color:var(--glow);cursor:pointer;background:#00000047;padding:9px 12px;font-family:Cinzel,Georgia,serif;font-size:.78rem}.chapterControls button:disabled{cursor:not-allowed;opacity:.42}.chapterControls button:not(:disabled):hover,.chapterControls button:not(:disabled):focus-visible{border-color:var(--glow);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chapterControls button:not(:disabled):hover,.chapterControls button:not(:disabled):focus-visible{background:color-mix(in srgb, var(--accent), transparent 84%)}}.classStoryPanel{position:relative;overflow:hidden}.classStoryPanel:before{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:82px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.classStoryPanel:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent), transparent 48%), transparent)}}.classStoryPanel:before{content:""}.classStoryIntro{color:#d7cfc0;max-width:86ch;margin-bottom:16px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.04rem,1.15vw,1.16rem);font-style:italic}.classStoryProgress{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:6px;margin:12px 0 18px;padding:12px 0;display:grid;position:relative}.classStoryProgress:before,.classStoryProgress>span{content:"";height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.classStoryProgress:before{background:var(--accent);right:0}@supports (color:color-mix(in lab, red, red)){.classStoryProgress:before{background:color-mix(in srgb, var(--accent), transparent 78%)}}.classStoryProgress>span{background:linear-gradient(90deg, var(--accent), var(--blade));box-shadow:0 0 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.classStoryProgress>span{box-shadow:0 0 18px color-mix(in srgb, var(--accent), transparent 34%)}}.classStoryProgress>span{transition:width .26s}.classStoryProgress button{z-index:1;border:1px solid var(--accent);justify-self:center;place-items:center;width:34px;height:34px;display:inline-grid;position:relative}@supports (color:color-mix(in lab, red, red)){.classStoryProgress button{border:1px solid color-mix(in srgb, var(--accent), transparent 52%)}}.classStoryProgress button{background:var(--deep)}@supports (color:color-mix(in lab, red, red)){.classStoryProgress button{background:color-mix(in srgb, var(--deep), black 26%)}}.classStoryProgress button{color:#d7cfc0;cursor:pointer;font-family:Cinzel,Georgia,serif;font-size:.72rem}.classStoryProgress button.active{border-color:var(--glow);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.classStoryProgress button.active{background:color-mix(in srgb, var(--accent), transparent 70%)}}.classStoryProgress button.active{color:var(--glow);box-shadow:0 0 20px var(--accent)}@supports (color:color-mix(in lab, red, red)){.classStoryProgress button.active{box-shadow:0 0 20px color-mix(in srgb, var(--accent), transparent 44%)}}.classStoryGrid{grid-template-columns:minmax(260px,.74fr) minmax(0,1.26fr);align-items:start;gap:clamp(14px,2vw,24px);display:grid}.classStoryMap{align-content:start;gap:8px;padding:4px 0 4px 18px;display:grid;position:relative}.classStoryMap:before{background:linear-gradient(180deg, var(--glow), var(--accent), var(--blade));width:2px;position:absolute;top:18px;bottom:18px;left:7px}@supports (color:color-mix(in lab, red, red)){.classStoryMap:before{background:linear-gradient(180deg, color-mix(in srgb, var(--glow), transparent 18%), var(--accent), var(--blade))}}.classStoryMap:before{box-shadow:0 0 16px var(--accent)}@supports (color:color-mix(in lab, red, red)){.classStoryMap:before{box-shadow:0 0 16px color-mix(in srgb, var(--accent), transparent 42%)}}.classStoryMap:before{content:""}.classStoryMap button{border:1px solid var(--accent);grid-template-columns:42px minmax(0,1fr);grid-template-areas:"num phase""num title";align-items:center;gap:2px 12px;min-width:0;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.classStoryMap button{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.classStoryMap button{background:linear-gradient(135deg, var(--accent), transparent 58%), #0003;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.classStoryMap button{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 92%), transparent 58%), #0003}}.classStoryMap button{color:#e9e4d8;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.classStoryMap button:before{border:1px solid var(--glow);background:var(--deep);width:9px;height:9px;box-shadow:0 0 14px var(--accent);content:"";position:absolute;top:50%;left:-16px;transform:translateY(-50%)rotate(45deg)}.classStoryMap button:hover,.classStoryMap button:focus-visible{border-color:var(--glow)}@supports (color:color-mix(in lab, red, red)){.classStoryMap button:hover,.classStoryMap button:focus-visible{border-color:color-mix(in srgb, var(--glow), transparent 28%)}}.classStoryMap button:hover,.classStoryMap button:focus-visible{background:linear-gradient(135deg, var(--accent), transparent 58%), #00000047}@supports (color:color-mix(in lab, red, red)){.classStoryMap button:hover,.classStoryMap button:focus-visible{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 84%), transparent 58%), #00000047}}.classStoryMap button.active{border-color:var(--glow);background:linear-gradient(135deg, var(--accent), transparent 58%), #0000005c}@supports (color:color-mix(in lab, red, red)){.classStoryMap button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 74%), transparent 58%), #0000005c}}.classStoryMap button.active{transform:translate(4px);box-shadow:0 18px 36px #0003}.classStoryMap button.active:before{background:var(--blade)}.classStoryMap span,.classStoryEntry>span{border:1px solid var(--glow);place-items:center;min-height:36px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.classStoryMap span,.classStoryEntry>span{border:1px solid color-mix(in srgb, var(--glow), transparent 58%)}}.classStoryMap span,.classStoryEntry>span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;padding:0 8px;font-family:Cinzel,Georgia,serif;font-size:.68rem}.classStoryMap span{grid-area:num}.classStoryMap small,.classStoryEntry>small{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.68rem}.classStoryMap small{grid-area:phase}.classStoryMap strong{min-width:0;color:var(--glow);overflow-wrap:break-word;grid-area:title;font-family:Cinzel,Georgia,serif;font-size:clamp(.88rem,.95vw,1rem);line-height:1.1}.classStoryEntry{border:1px solid var(--glow);min-height:0;position:sticky;top:18px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.classStoryEntry{border:1px solid color-mix(in srgb, var(--glow), transparent 56%)}}.classStoryEntry{background:radial-gradient(circle at 90% 12%, var(--blade), transparent 17rem), radial-gradient(circle at 8% 82%, var(--glow), transparent 18rem), linear-gradient(145deg, #00000061, var(--mid)), #00000057;padding:clamp(18px,2vw,28px)}@supports (color:color-mix(in lab, red, red)){.classStoryEntry{background:radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--blade), transparent 76%), transparent 17rem), radial-gradient(circle at 8% 82%, color-mix(in srgb, var(--glow), transparent 88%), transparent 18rem), linear-gradient(145deg, #00000061, color-mix(in srgb, var(--mid), transparent 72%)), #00000057}}.classStoryEntry:after{border:1px solid var(--accent);width:120px;height:120px;position:absolute;inset:auto 20px 20px auto}@supports (color:color-mix(in lab, red, red)){.classStoryEntry:after{border:1px solid color-mix(in srgb, var(--accent), transparent 62%)}}.classStoryEntry:after{background:linear-gradient(45deg, transparent 49%, var(--accent) 50%, transparent 51%), linear-gradient(-45deg, transparent 49%, var(--glow) 50%, transparent 51%)}@supports (color:color-mix(in lab, red, red)){.classStoryEntry:after{background:linear-gradient(45deg, transparent 49%, color-mix(in srgb, var(--accent), transparent 54%) 50%, transparent 51%), linear-gradient(-45deg, transparent 49%, color-mix(in srgb, var(--glow), transparent 72%) 50%, transparent 51%)}}.classStoryEntry:after{opacity:.38;content:"";transform:rotate(45deg)}.classStoryEntry>span{margin-bottom:10px}.classStoryEntry>small{margin-bottom:12px;display:block}.classStoryEntry h3{max-width:22ch;color:var(--glow);font-size:clamp(1.9rem,3.25vw,3.35rem);line-height:1}.classStoryEntry p{z-index:1;max-width:76ch;margin-top:18px;font-size:clamp(1rem,1.08vw,1.14rem);position:relative}.classStoryControls{z-index:1;border-top:1px solid var(--accent);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.classStoryControls{border-top:1px solid color-mix(in srgb, var(--accent), transparent 72%)}}.classStoryControls{padding-top:14px}.classStoryControls button{border:1px solid var(--accent);justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.classStoryControls button{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.classStoryControls button{color:var(--glow);cursor:pointer;background:#00000047;padding:8px 12px;font-family:Cinzel,Georgia,serif;font-size:.76rem}.classStoryControls button:disabled{cursor:not-allowed;opacity:.42}.classStoryControls button:not(:disabled):hover,.classStoryControls button:not(:disabled):focus-visible{border-color:var(--glow);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.classStoryControls button:not(:disabled):hover,.classStoryControls button:not(:disabled):focus-visible{background:color-mix(in srgb, var(--accent), transparent 84%)}}.codeList,.crewList,.meters{gap:10px;display:grid}.creedLine,.crewToggle{border:1px solid var(--accent);grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;display:grid}@supports (color:color-mix(in lab, red, red)){.creedLine,.crewToggle{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.creedLine,.crewToggle{color:#e9e4d8;text-align:left;cursor:pointer;background:#0003;padding:14px 16px}.creedLine>span,.crewToggle strong{color:var(--glow);font-family:Cinzel,Georgia,serif}.creedLine svg,.crewToggle svg{transition:transform .18s}.creedLine.expanded{border-color:var(--glow);background:linear-gradient(90deg, var(--accent), #00000029), #00000047}@supports (color:color-mix(in lab, red, red)){.creedLine.expanded{background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 82%), #00000029), #00000047}}.creedLine.expanded svg,.crewMate.expanded .crewToggle svg{transform:rotate(180deg)}.creedGloss{border:1px solid var(--glow);min-height:100%;position:relative}@supports (color:color-mix(in lab, red, red)){.creedGloss{border:1px solid color-mix(in srgb, var(--glow), transparent 56%)}}.creedGloss{background:linear-gradient(180deg, var(--accent), transparent), #00000052;padding:24px}@supports (color:color-mix(in lab, red, red)){.creedGloss{background:linear-gradient(180deg, color-mix(in srgb, var(--accent), transparent 88%), transparent), #00000052}}.creedGloss:before{background:var(--blade);width:3px;box-shadow:0 0 18px var(--blade);content:"";border-radius:999px;position:absolute;top:18px;bottom:18px;left:10px}.creedGloss>span{color:var(--accent);font-family:Cinzel,Georgia,serif;font-size:.85rem}.creedGloss strong{color:var(--glow);margin:10px 0 18px;font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.05;display:block}.creedGloss p,.crewExpanded p{font-family:Cormorant Garamond,Georgia,serif;font-size:1.18rem;font-style:italic;overflow:hidden}.crewMate{border:1px solid var(--accent);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.crewMate{border:1px solid color-mix(in srgb, var(--accent), transparent 68%)}}.crewMate{background:#0000002e}.crewMate .crewToggle{background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto}.crewToggle b{border:1px solid var(--glow);align-self:center}@supports (color:color-mix(in lab, red, red)){.crewToggle b{border:1px solid color-mix(in srgb, var(--glow), transparent 68%)}}.crewToggle b{background:var(--accent);padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.crewToggle b{background:color-mix(in srgb, var(--accent), transparent 86%)}}.crewToggle b{color:var(--glow);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.66rem;font-weight:600}.crewExpanded{border-top:1px solid var(--accent);grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:16px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.crewExpanded{border-top:1px solid color-mix(in srgb, var(--accent), transparent 76%)}}.crewExpanded{padding:0 16px 16px}.crewExpanded>div{align-content:start;gap:14px;min-width:0;display:grid}.crewFront{border:1px solid var(--accent);flex-wrap:wrap;align-items:center;gap:8px 12px;width:fit-content;display:flex}@supports (color:color-mix(in lab, red, red)){.crewFront{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.crewFront{background:#00000038;padding:8px 10px}.crewFront span,.crewAnalysis span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.66rem}.crewFront strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:.9rem}.companionQuote{border:1px solid var(--accent);gap:6px;display:grid}@supports (color:color-mix(in lab, red, red)){.companionQuote{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.companionQuote{background:linear-gradient(135deg, var(--accent), transparent 62%), #0000003d;margin:0;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.companionQuote{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 86%), transparent 62%), #0000003d}}.companionQuote span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.7rem}.companionQuote p{color:var(--glow);font-family:Cormorant Garamond,Georgia,serif;font-size:1.22rem;font-style:italic;line-height:1.16}.crewAnalysis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.crewAnalysis article{border:1px solid var(--accent);align-content:start;gap:8px;min-width:0;display:grid}@supports (color:color-mix(in lab, red, red)){.crewAnalysis article{border:1px solid color-mix(in srgb, var(--accent), transparent 70%)}}.crewAnalysis article{background:#0000002e;padding:14px}.crewImage{border:1px solid var(--accent);min-width:0;margin:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.crewImage{border:1px solid color-mix(in srgb, var(--accent), transparent 62%)}}.crewImage{background:radial-gradient(circle at 50% 18%, var(--glow), transparent 48%), var(--deep)}@supports (color:color-mix(in lab, red, red)){.crewImage{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--glow), transparent 78%), transparent 48%), var(--deep)}}.crewImage{aspect-ratio:16/9}.crewImage img{object-fit:cover;object-position:center 18%;width:100%;height:100%}.crewImage figcaption{border:1px solid var(--accent);position:absolute;bottom:10px;left:10px;right:10px}@supports (color:color-mix(in lab, red, red)){.crewImage figcaption{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.crewImage figcaption{color:var(--glow);letter-spacing:.08em;text-transform:uppercase;background:#00000094;padding:6px 8px;font-family:Cinzel,Georgia,serif;font-size:.72rem}.note{margin-top:16px;font-family:Cormorant Garamond,Georgia,serif;font-style:italic}.crewToggle span{gap:2px;display:grid}.meters{max-width:760px;margin-bottom:20px}.meter span{justify-content:space-between;margin-bottom:6px;display:flex}.meter div{background:#ffffff14;height:9px;overflow:hidden}.meter i{background:linear-gradient(90deg, var(--accent), var(--glow));height:100%;box-shadow:0 0 14px var(--accent);display:block}.saberSpec{color:var(--glow);align-items:center;gap:8px;margin-top:20px;display:inline-flex}.rivalryView{min-width:0;max-width:100%;padding:22px}.rivalryBanner{border:1px solid var(--accent);min-height:300px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.rivalryBanner{border:1px solid color-mix(in srgb, var(--accent), transparent 56%)}}.rivalryBanner{background:#050507;margin-bottom:16px}.rivalryBanner img{object-fit:cover;object-position:center 34%;width:100%;height:100%;position:absolute;inset:0}.rivalryBanner:after{content:"";background:linear-gradient(90deg,#0000002e,#000000ad 42%,#0000002e),linear-gradient(#00000014,#000000b8);position:absolute;inset:0}.rivalryBanner>div{z-index:1;text-align:center;align-content:end;justify-self:center;width:min(560px,100% - 36px);min-height:300px;padding:24px 0;display:grid;position:relative}.rivalryBanner span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.78rem}.rivalryBanner strong{color:var(--glow);text-shadow:0 0 20px #000000b8;font-size:clamp(1.8rem,4vw,3.5rem);line-height:.98}.rivalryBanner p{color:#d7cfc0;max-width:54ch;margin:10px auto 0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.18rem;font-style:italic;line-height:1.2}.rivalRoads{grid-template-columns:minmax(0,1fr) minmax(120px,.28fr) minmax(0,1fr);align-items:stretch;gap:12px;margin-bottom:16px;display:grid}.rivalRoads article,.rivalRoads>div,.rivalClaims article{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.rivalRoads article,.rivalRoads>div,.rivalClaims article{border:1px solid color-mix(in srgb, var(--accent), transparent 62%)}}.rivalRoads article,.rivalRoads>div,.rivalClaims article{background:linear-gradient(135deg, var(--accent), transparent 62%), #0000003d}@supports (color:color-mix(in lab, red, red)){.rivalRoads article,.rivalRoads>div,.rivalClaims article{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 62%), #0000003d}}.rivalRoads article{align-content:center;gap:8px;min-height:150px;padding:18px;display:grid}.rivalRoads article:first-child{background:linear-gradient(100deg,#f3ead91f,#0000 66%),#0000003d;border-color:#f3ead93d}.rivalRoads article:last-child{background:linear-gradient(260deg,#d8543c2e,#0000 66%),#0000003d;border-color:#d8543c57}.rivalRoads>div{color:var(--glow);text-align:center;place-items:center;gap:8px;display:grid}.rivalRoads>div span,.rivalRoads article span,.rivalClaims span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.7rem}.rivalRoads strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:clamp(1.35rem,2.3vw,2.2rem);line-height:1}.rivalRoads p,.rivalClaims p{color:#d7cfc0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.08rem;font-style:italic;line-height:1.18}.rivalryDuel{grid-template-columns:minmax(0,1fr) minmax(138px,170px) minmax(0,1fr);align-items:stretch;gap:12px;margin-bottom:16px;display:grid}.rivalCombatant{border:1px solid var(--accent);grid-template-columns:148px minmax(0,1fr);align-items:stretch;gap:14px;min-width:0;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.rivalCombatant{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.rivalCombatant{background:linear-gradient(135deg, var(--accent), transparent 56%), linear-gradient(145deg, var(--deep), #0000006b)}@supports (color:color-mix(in lab, red, red)){.rivalCombatant{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 84%), transparent 56%), linear-gradient(145deg, color-mix(in srgb, var(--deep), transparent 4%), #0000006b)}}.rivalCombatant.right{grid-template-columns:minmax(0,1fr) 148px}.rivalCombatant.right img{order:2}.rivalCombatant:after{border:1px solid var(--glow);position:absolute;inset:10px}@supports (color:color-mix(in lab, red, red)){.rivalCombatant:after{border:1px solid color-mix(in srgb, var(--glow), transparent 86%)}}.rivalCombatant:after{pointer-events:none;content:""}.rivalCombatant img{object-fit:cover;object-position:center 12%;filter:saturate(.92)contrast(1.05);width:100%;height:210px}.rivalCombatant>div{z-index:1;align-content:center;gap:9px;min-width:0;padding:18px 18px 18px 0;display:grid;position:relative}.rivalCombatant.right>div{text-align:right;justify-items:end;padding:18px 0 18px 18px}.rivalCombatant h3{color:var(--glow);overflow-wrap:anywhere;font-size:clamp(1.8rem,3.2vw,3rem);line-height:.98}.rivalCombatant p{color:#d7cfc0;overflow-wrap:anywhere;max-width:34ch;font-family:Cormorant Garamond,Georgia,serif;font-size:1.06rem;font-style:italic;line-height:1.2}.rivalCenter{border:1px solid var(--accent);align-content:center;justify-items:center;gap:8px;min-height:210px;display:grid}@supports (color:color-mix(in lab, red, red)){.rivalCenter{border:1px solid color-mix(in srgb, var(--accent), transparent 55%)}}.rivalCenter{background:radial-gradient(circle at 50% 34%, var(--glow), transparent 48%), #00000052}@supports (color:color-mix(in lab, red, red)){.rivalCenter{background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--glow), transparent 86%), transparent 48%), #00000052}}.rivalCenter{text-align:center}.rivalCenter svg{color:var(--glow)}.rivalCenter strong{color:var(--glow);font-size:.95rem}.rivalCenter span{color:#9c968a;font-family:Cormorant Garamond,Georgia,serif;font-style:italic}.rivalMatrix{gap:8px;margin-top:16px;display:grid}.rivalClaims{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.rivalClaims article{align-content:start;gap:9px;min-width:0;padding:16px;display:grid}.rivalClaims strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:.96rem;line-height:1.08}.rivalBeat{grid-template-columns:minmax(0,1fr) minmax(82px,112px) minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.rivalBeat>span,.rivalTake{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.rivalBeat>span,.rivalTake{border:1px solid color-mix(in srgb, var(--accent), transparent 70%)}}.rivalBeat>span,.rivalTake{background:#0003;padding:14px}.rivalBeat>span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-family:Cinzel,Georgia,serif;font-size:.78rem;display:grid}.rivalTake{gap:8px;min-width:0;padding:16px 18px;display:grid;position:relative;overflow:hidden}.rivalTake strong{color:currentColor;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.78rem}.rivalTake p{color:#d7cfc0}.zayneTake{color:#c98552;background:linear-gradient(135deg,#b56a3d29,#0000 56%),#0003;border-color:#b56a3d6b}.noxusTake{color:#d8543c;background:linear-gradient(135deg,#d8543c29,#0000 56%),#0003;border-color:#d8543c6b}.rivalConclusion{max-width:82ch;color:var(--glow);text-align:center;margin:18px auto 0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.28rem;font-style:italic}.timelineView,.encounterView,.chroniclesView{border:1px solid var(--accent,#d8543c)}@supports (color:color-mix(in lab, red, red)){.timelineView,.encounterView,.chroniclesView{border:1px solid color-mix(in srgb, var(--accent,#d8543c), transparent 58%)}}.timelineView,.encounterView,.chroniclesView{background:linear-gradient(145deg,#090807f0,#120606bd),#050507e6;padding:22px;box-shadow:0 22px 70px #00000061}.bookShelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.bookShelf button{border:1px solid var(--accent);grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;min-height:150px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.bookShelf button{border:1px solid color-mix(in srgb, var(--accent), transparent 58%)}}.bookShelf button{background:linear-gradient(135deg, var(--accent), transparent 58%), #0000004d;padding:14px}@supports (color:color-mix(in lab, red, red)){.bookShelf button{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 82%), transparent 58%), #0000004d}}.bookShelf button{color:#e9e4d8;text-align:left;cursor:pointer}.bookShelf button:after{border:1px solid var(--glow);position:absolute;inset:10px}@supports (color:color-mix(in lab, red, red)){.bookShelf button:after{border:1px solid color-mix(in srgb, var(--glow), transparent 82%)}}.bookShelf button:after{pointer-events:none;content:""}.bookShelf button.active{border-color:var(--glow);box-shadow:0 18px 46px #00000047, 0 0 28px var(--accent)}@supports (color:color-mix(in lab, red, red)){.bookShelf button.active{box-shadow:0 18px 46px #00000047, 0 0 28px color-mix(in srgb, var(--accent), transparent 66%)}}.bookShelf img{border:1px solid var(--glow);grid-row:1/span 3;width:110px;height:122px}@supports (color:color-mix(in lab, red, red)){.bookShelf img{border:1px solid color-mix(in srgb, var(--glow), transparent 58%)}}.bookShelf img{object-fit:cover;object-position:center 18%}.bookShelf span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.72rem}.bookShelf strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:clamp(1.7rem,3vw,3rem);line-height:.95}.bookShelf small{color:#d7cfc0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-style:italic}.bookFrame{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.bookFrame{border:1px solid color-mix(in srgb, var(--accent), transparent 66%)}}.bookFrame{background:radial-gradient(circle at 12% 8%, var(--glow), transparent 18rem), radial-gradient(circle at 88% 12%, var(--accent), transparent 20rem), #00000038;padding:clamp(14px,2vw,22px)}@supports (color:color-mix(in lab, red, red)){.bookFrame{background:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--glow), transparent 88%), transparent 18rem), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--accent), transparent 82%), transparent 20rem), #00000038}}.bookFrame .panel{border-top:0;min-height:0;padding-top:0}.chronicleBookFallback{gap:16px;display:grid}.chronicleBookFallback article{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.chronicleBookFallback article{border:1px solid color-mix(in srgb, var(--accent), transparent 64%)}}.chronicleBookFallback article{background:linear-gradient(135deg, var(--accent), transparent 62%), #0000003d;padding:clamp(16px,2vw,24px)}@supports (color:color-mix(in lab, red, red)){.chronicleBookFallback article{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 62%), #0000003d}}.chronicleBookFallback span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.74rem}.chronicleBookFallback h3{max-width:18ch;color:var(--glow);margin-top:8px;font-size:clamp(1.7rem,3vw,3.2rem);line-height:.98}.chronicleBookFallback p{max-width:84ch;margin-top:12px}.storyHeader{text-align:center;gap:8px;margin-bottom:18px;display:grid}.storyHeader span,.encounterHero span{color:#d8543c;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.78rem}.storyHeader h2,.encounterHero h2{color:#f3ead9;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95}.storyHeader p,.encounterHero p,.encounterBody article p{color:#d7cfc0;justify-self:center;max-width:72ch;font-size:1.12rem}.timelineModeBar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.timelineModeBar button{color:#d7cfc0;cursor:pointer;background:#00000038;border:1px solid #ffffff24;min-width:0;padding:12px;display:grid}.timelineModeBar button.active{color:#f3ead9;background:linear-gradient(135deg,#d8543c3d,#b56a3d24);border-color:#d8543c}.timelineModeBar span{color:#d8543c;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.timelineModeBar strong{overflow-wrap:anywhere;font-family:Cinzel,Georgia,serif;font-size:1.15rem}.timelineLegend{flex-wrap:wrap;justify-content:center;gap:10px;margin:-4px 0 18px;display:flex}.timelineLegend button{border:1px solid;align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.timelineLegend button{border:1px solid color-mix(in srgb, currentColor, transparent 58%)}}.timelineLegend button{color:currentColor;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#00000038;padding:7px 11px;font-size:.72rem}.timelineLegend button:before{content:"";background:currentColor;width:9px;height:9px;box-shadow:0 0 14px}.timelineLegend button:hover,.timelineLegend button:focus-visible{background:currentColor}@supports (color:color-mix(in lab, red, red)){.timelineLegend button:hover,.timelineLegend button:focus-visible{background:color-mix(in srgb, currentColor, transparent 88%)}}.timelineLegend .zayne{color:#c98552}.timelineLegend .noxus{color:#d8543c}.timelineLegend .both{color:#f3ead9}.timelineSummaryStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-4px 0 16px;display:grid}.timelineSummaryStrip span{color:#9c968a;letter-spacing:.08em;text-transform:uppercase;background:#0003;border:1px solid #f3ead924;justify-items:center;gap:2px;padding:9px;font-family:Cinzel,Georgia,serif;font-size:.68rem;display:grid}.timelineSummaryStrip strong{color:#f3ead9;letter-spacing:0;font-size:1rem}.timelineStage{background:radial-gradient(circle,#d8543c1f,#0000 44%),linear-gradient(#ffffff0a,#0000 42%),#0000002e;border:1px solid #ffffff1a;overflow:hidden}.timelineRail{grid-template-columns:repeat(4,minmax(220px,1fr));gap:clamp(14px,1.2vw,24px);min-width:0;padding:clamp(16px,1.5vw,28px);display:grid}.timelineNode{grid-template-rows:auto 42px 1fr;justify-items:center;gap:10px;min-width:0;min-height:230px;display:grid;position:relative}.timelineNode:before{background:currentColor;height:2px;position:absolute;top:82px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.timelineNode:before{background:color-mix(in srgb, currentColor, transparent 52%)}}.timelineNode:before{content:""}.timelineNode:first-child:before{left:50%}.timelineNode:last-child:before{right:50%}.timelineNode button{min-width:0}.timelineNode>button:first-child{border:1px solid;grid-row:3;align-content:start;gap:10px;width:100%;min-height:clamp(168px,10vw,220px);display:grid}@supports (color:color-mix(in lab, red, red)){.timelineNode>button:first-child{border:1px solid color-mix(in srgb, currentColor, transparent 35%)}}.timelineNode>button:first-child{color:#f3ead9;cursor:pointer;text-align:center;background:linear-gradient(145deg,#ffffff0d,#0000 42%),#0000006b;padding:14px}.timelineNode.bottom>button:first-child{grid-row:3}.timelineNode.top>button:first-child{grid-row:3;align-self:start}.timelineCardSide{color:currentColor;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.timelineNode>button:first-child strong{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-family:Cinzel,Georgia,serif;font-size:clamp(1.05rem,1.7vw,1.36rem);line-height:1.08}.timelineNode>button:first-child small{color:#d7cfc0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.98rem,.9vw,1.18rem);line-height:1.18}.timelineConnector{opacity:.75;background:currentColor;grid-row:2;width:2px;height:42px}.timelineMarker{z-index:1;border:1px solid;grid-row:1;place-self:center;place-items:center;width:72px;height:48px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.timelineMarker{border:1px solid color-mix(in srgb, currentColor, transparent 18%)}}.timelineMarker{color:#090807;cursor:pointer;background:currentColor;font-family:Cinzel,Georgia,serif;font-size:1.2rem;font-weight:800}.timelineNode.zayne{color:#c98552}.timelineNode.zayne>button:first-child{background:linear-gradient(145deg,#c9855247,#0000 55%),#0b0806bd}.timelineNode.noxus{color:#d8543c}.timelineNode.noxus>button:first-child{background:linear-gradient(145deg,#d8543c47,#0000 55%),#0d0505c2}.timelineNode.both{color:#f3ead9}.timelineNode.both>button:first-child{background:linear-gradient(145deg,#f3ead92e,#0000 52%),linear-gradient(135deg,#c985521f,#d8543c1f),#090807c7}.timelineNode.active>button:first-child{transform:translateY(-2px);box-shadow:0 0 0 1px,0 18px 46px #0000005c}.timelineNode.active .timelineMarker{animation:1.8s ease-in-out infinite alternate markerPulse;box-shadow:0 0 24px}@keyframes markerPulse{0%{filter:brightness(.92)}to{filter:brightness(1.18)}}.timelineFocus{border:1px solid;gap:8px;margin-top:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.timelineFocus{border:1px solid color-mix(in srgb, currentColor, transparent 55%)}}.timelineFocus{color:#d7cfc0;background:#0000003d;padding:18px}.timelineFocus.zayne{color:#c98552}.timelineFocus.noxus{color:#d8543c}.timelineFocus.both{color:#f3ead9}.timelineFocus span,.timelineFocusHeader b{color:currentColor;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.72rem}.timelineFocusHeader{flex-wrap:wrap;align-items:center;gap:7px 10px;display:flex}.timelineFocusHeader span,.timelineFocusHeader b{border:1px solid}@supports (color:color-mix(in lab, red, red)){.timelineFocusHeader span,.timelineFocusHeader b{border:1px solid color-mix(in srgb, currentColor, transparent 66%)}}.timelineFocusHeader span,.timelineFocusHeader b{background:#00000038;padding:5px 8px}.timelineFocusHeader b{color:#f3ead9;font-weight:600}.timelineFocus h3{color:#f3ead9;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1}.timelineFocus p{color:#d7cfc0;max-width:82ch}.timelineActBar{flex-wrap:wrap;justify-content:center;gap:8px;margin:-4px 0 16px;display:flex}.timelineActBar span{color:#d7cfc0;letter-spacing:.06em;text-transform:uppercase;background:#00000038;border:1px solid #f3ead929;align-items:center;gap:8px;padding:7px 10px;font-family:Cinzel,Georgia,serif;font-size:.72rem;display:inline-flex}.timelineActBar em{color:#d8543c;font-style:normal}.timelineWarMap{background:radial-gradient(at 18% 34%,#f3ead91f,#0000 22rem),radial-gradient(at 82% 66%,#d8543c26,#0000 24rem),linear-gradient(90deg,#f3ead909,#0000 35%,#d8543c0f),#0003;border:1px solid #ffffff1f;grid-template-columns:minmax(0,1fr);min-height:min(1040px,78vh);padding:58px clamp(16px,2vw,32px) 34px;display:grid;position:relative;overflow:hidden}.timelineWarMap:before,.timelineWarMap:after{pointer-events:none;content:"";position:absolute;inset:0}.timelineWarMap:before{opacity:.48;background:linear-gradient(90deg,#0000 31.8%,#f3ead929 32%,#0000 32.2%),linear-gradient(90deg,#0000 49.8%,#f3ead933 50%,#0000 50.2%),linear-gradient(90deg,#0000 67.8%,#d8543c29 68%,#0000 68.2%)}.timelineWarMap:after{opacity:.44;background:linear-gradient(#0000,#f3ead90d,#0000),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 9px)}.timelineParticles{pointer-events:none;position:absolute;inset:0}.timelineParticles:before,.timelineParticles:after{content:"";position:absolute;inset:0}.timelineParticles:before{filter:blur(14px);opacity:.72;background:linear-gradient(108deg,#0000 0%,#f4f1ea21 14%,#0000 34%),radial-gradient(at 12% 42%,#ffffff38,#0000 14rem);animation:9s ease-in-out infinite alternate timelineMist;-webkit-mask-image:linear-gradient(90deg,#000 0% 42%,#0000 62%);mask-image:linear-gradient(90deg,#000 0% 42%,#0000 62%)}.timelineParticles:after{opacity:.72;background:radial-gradient(circle at 70% 20%,#ff723057 0 .11rem,#0000 .18rem) 0 0/18rem 24rem,radial-gradient(circle at 86% 54%,#ff512552 0 .1rem,#0000 .17rem) 0 0/14rem 18rem,radial-gradient(circle at 76% 72%,#ff9e4a40 0 .12rem,#0000 .2rem) 0 0/20rem 26rem;animation:10s linear infinite timelineEmbers;-webkit-mask-image:linear-gradient(90deg,#0000 0% 54%,#000 68% 100%);mask-image:linear-gradient(90deg,#0000 0% 54%,#000 68% 100%)}@keyframes timelineMist{0%{transform:translate(-1.2rem,.4rem)scale(1)}to{transform:translate(1rem,-.6rem)scale(1.05)}}@keyframes timelineEmbers{0%{background-position:0 0,4rem 6rem,2rem 3rem}to{background-position:4rem -18rem,-3rem -12rem,7rem -20rem}}.timelineLaneLabels,.timelineSpine{pointer-events:none;position:absolute;inset:0}.timelineLaneLabels{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding:20px clamp(20px,4vw,64px) 0;display:grid}.timelineLaneLabels span{color:#9c968a;letter-spacing:.1em;text-align:center;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.7rem}.timelineLaneLabels span:first-child{color:#f3ead9}.timelineLaneLabels span:last-child{color:#d8543c}.timelineSpine{z-index:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:56px clamp(20px,4vw,64px) 34px;display:grid}.timelineSpine span{color:#f3ead94d;background:linear-gradient(#0000,currentColor,#0000);justify-self:center;width:2px;height:100%}.timelineSpine span:last-child{color:#d8543c52}.timelineEvent{z-index:2;align-items:center;min-height:clamp(116px,9vw,144px);margin-block:clamp(6px,.7vw,10px);display:grid;position:relative}.timelineEvent.zayne{color:#f3ead9;grid-template-columns:minmax(0,.35fr) minmax(240px,.78fr) minmax(0,.87fr)}.timelineEvent.noxus{color:#d8543c;grid-template-columns:minmax(0,.87fr) minmax(240px,.78fr) minmax(0,.35fr)}.timelineEvent.both{color:#f3ead9;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr) minmax(0,1fr)}.timelineEventCard{border:1px solid;grid-column:2;grid-template-columns:clamp(72px,6vw,92px) minmax(0,1fr);align-items:center;gap:clamp(9px,1vw,12px);min-width:0;min-height:clamp(106px,8vw,128px);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.timelineEventCard{border:1px solid color-mix(in srgb, currentColor, transparent 42%)}}.timelineEventCard{color:#f3ead9;cursor:pointer;text-align:left;background:linear-gradient(145deg,#ffffff0e,#0000 48%),#0000008c;padding:clamp(10px,1vw,12px);transition:border-color .18s,box-shadow .18s,transform .18s}.timelineEvent.zayne .timelineEventCard{background:linear-gradient(135deg,#f3ead924,#0000 58%),#070708ad}.timelineEvent.noxus .timelineEventCard{background:linear-gradient(135deg,#d8543c33,#0000 58%),#0a0404b8}.timelineEvent.both .timelineEventCard{background:linear-gradient(135deg,#f3ead91f,#0000 42%),linear-gradient(225deg,#d8543c2e,#0000 56%),#080605b8}.timelineEvent.active .timelineEventCard,.timelineEventCard:hover,.timelineEventCard:focus-visible{border-color:currentColor;transform:translateY(-2px);box-shadow:0 0 0 1px,0 20px 50px #00000057}.timelineThumb{aspect-ratio:1;border:1px solid;width:clamp(72px,6vw,92px);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.timelineThumb{border:1px solid color-mix(in srgb, currentColor, transparent 38%)}}.timelineThumb{background:#0000006b}.timelineThumb .chronicleSceneMedia,.timelineThumb img,.timelineThumb video{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.timelineEvent.both .timelineThumb img,.timelineEvent.both .timelineThumb video{object-position:center 38%}.timelineCardMeta{grid-column:2;align-self:end;gap:2px;display:grid}.timelineCardMeta em,.timelineCardMeta b{color:currentColor;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.62rem;font-style:normal}.timelineEventCard strong{color:#f3ead9;overflow-wrap:anywhere;grid-column:2;font-family:Cinzel,Georgia,serif;font-size:clamp(.96rem,1.35vw,1.3rem);line-height:1.05}.timelineEventCard small{color:#d7cfc0;grid-column:2;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.9rem,1vw,1.02rem);font-style:italic;line-height:1.12}.timelineCollisionMarker{z-index:3;border:1px solid;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.timelineCollisionMarker{border:1px solid color-mix(in srgb, currentColor, transparent 18%)}}.timelineCollisionMarker{color:currentColor;cursor:pointer;background:#080706;font-family:Cinzel,Georgia,serif;font-weight:800;transform:translateY(-50%)}.timelineEvent.zayne .timelineCollisionMarker{left:calc(10% - 27px)}.timelineEvent.noxus .timelineCollisionMarker{right:calc(10% - 27px)}.timelineEvent.both .timelineCollisionMarker{color:#f3ead9;animation:2s ease-in-out infinite alternate fatePulse;top:0;left:calc(50% - 27px);transform:none}.timelineEvent.both .timelineEventCard{margin-top:42px}@keyframes fatePulse{0%{box-shadow:0 0 20px #f3ead933,0 0 28px #d8543c29}to{box-shadow:0 0 28px #f3ead96b,0 0 48px #d8543c52}}.timelineLink{z-index:1;opacity:.62;background:linear-gradient(90deg,#0000,currentColor,#0000);height:2px;animation:2.6s ease-in-out infinite alternate timelineLinkFlow;position:absolute;top:50%;transform:translateY(-50%)}.timelineEvent.zayne .timelineLink{width:32%;left:10%}.timelineEvent.noxus .timelineLink{width:32%;right:10%}.timelineEvent.both .timelineLink{background:linear-gradient(90deg,#f3ead9,#d8543cd6,#f3ead9);width:36%;top:27px;left:32%}@keyframes timelineLinkFlow{0%{opacity:.38;filter:brightness(.85)}to{opacity:.82;filter:brightness(1.2)}}.timelineProgress{background:#0000002e;border:1px solid #ffffff1a;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;margin-top:14px;padding:8px;display:grid}.timelineProgress button{border:1px solid;min-height:34px}@supports (color:color-mix(in lab, red, red)){.timelineProgress button{border:1px solid color-mix(in srgb, currentColor, transparent 58%)}}.timelineProgress button{color:currentColor;cursor:pointer;background:#00000038;font-family:Cinzel,Georgia,serif}.timelineProgress .zayne{color:#f3ead9}.timelineProgress .noxus{color:#d8543c}.timelineProgress .both{color:#f2a07a}.timelineProgress button.active{color:#080706;background:currentColor;box-shadow:0 0 18px}@supports (color:color-mix(in lab, red, red)){.timelineProgress button.active{box-shadow:0 0 18px color-mix(in srgb, currentColor, transparent 50%)}}.timelineFocus{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:stretch;overflow:hidden}.timelineFocus>figure{border:1px solid;min-height:260px;margin:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.timelineFocus>figure{border:1px solid color-mix(in srgb, currentColor, transparent 58%)}}.timelineFocus>figure .chronicleSceneMedia,.timelineFocus>figure img,.timelineFocus>figure video{object-fit:cover;object-position:center 28%;width:100%;height:100%;min-height:260px;display:block}.timelineFocus>div{align-content:start;gap:10px;min-width:0;display:grid}.timelineFocus blockquote{max-width:none;margin:6px 0;font-size:1.16rem}.timelineFocus dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 0;display:grid}.timelineFocus dl div{border:1px solid}@supports (color:color-mix(in lab, red, red)){.timelineFocus dl div{border:1px solid color-mix(in srgb, currentColor, transparent 68%)}}.timelineFocus dl div{background:#0003;padding:10px}.timelineFocus dt{color:currentColor;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.68rem}.timelineFocus dd{color:#d7cfc0;margin:4px 0 0}.encounterHero{border:1px solid #ffffff24;min-height:360px;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.encounterHero img{object-fit:cover;object-position:center 34%;width:100%;height:100%;position:absolute;inset:0}.encounterHero:after{content:"";background:linear-gradient(90deg,#00000047,#000000b8,#00000047),linear-gradient(#0000001a,#000000bd);position:absolute;inset:0}.encounterHero>div{z-index:1;text-align:center;align-content:end;justify-items:center;width:min(760px,100% - 36px);margin:0 auto;padding:28px 0;display:grid;position:relative}.encounterBody{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:16px;display:grid}.encounterDialogue,.encounterBody article{background:#00000038;border:1px solid #ffffff1f;padding:18px}.encounterDialogue{gap:12px;display:grid}.encounterDialogue p{gap:4px;display:grid}.encounterDialogue strong{color:#d8543c}.encounterDialogue span{color:#e9e4d8;font-family:Cormorant Garamond,Georgia,serif;font-size:1.14rem;font-style:italic}.encounterBody article h3{color:#f3ead9;margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.6rem)}.encounterPerspectiveTabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.encounterPerspectiveTabs button{color:#d7cfc0;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#0000003d;border:1px solid #d8543c61;padding:7px 10px;font-family:Cinzel,Georgia,serif;font-size:.72rem}.encounterPerspectiveTabs button.active{color:#f3ead9;background:#d8543c2e;border-color:#f3ead9}@media (width>=1480px){.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.timelineRail{grid-template-columns:repeat(4,minmax(260px,1fr))}.timelineFocus{padding:24px}}@media (width<=980px){.appShell{width:min(100% - 20px,960px);padding-top:12px}.loginShell{width:min(100% - 20px,960px)}.loginFigure{opacity:.18;width:48vw}.loginFigure.zayne{left:-18vw}.loginFigure.noxus{right:-18vw}.loginPanel{grid-template-columns:1fr;justify-items:start}.loginPanel:after{display:none}.loginBeacon{grid-template-columns:auto 1fr;align-items:center}.loginSigil{width:82px}.loginBeacon>span{background:linear-gradient(90deg,#f3ead9a3,#c9855233,#0000);width:min(42vw,240px);height:2px}.loginForm{width:100%}.selectScreen{grid-template-columns:1fr}.selectShell{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);align-items:stretch}.dossierHeader{grid-template-columns:1fr}.rosterCard{grid-template-columns:76px minmax(0,1fr);min-height:96px}.rosterCard .portrait{min-height:96px}.rosterContent{padding:12px 14px}.dossier{padding:16px}.dossierHeader{gap:16px;min-height:auto}.dossierHeader .portrait{justify-self:center;width:min(280px,72vw)}.dossierVitals{grid-template-columns:1fr}.alignment{max-width:360px}.tabs{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.codeDoctrine,.chronicleGrid,.originChronicleLayout,.classStoryGrid,.encounterBody,.statGrid,.rivalryDuel,.rivalRoads,.rivalBeat,.rivalClaims,.chapterAfterword,.crewAnalysis,.crewExpanded{grid-template-columns:1fr}.rivalClaims,.timelineRail{grid-template-columns:repeat(2,minmax(0,1fr))}.classStoryEntry{min-height:0;position:relative;top:auto}.originChronicleNav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding-right:0;position:relative;top:auto;overflow:visible}.readerStatus,.storyFlowPanel{grid-template-columns:1fr}.timelineWarMap{min-height:auto;padding:54px 14px 24px}.timelineLaneLabels,.timelineSpine{display:none}.timelineEvent,.timelineEvent.zayne,.timelineEvent.noxus,.timelineEvent.both{grid-template-columns:68px minmax(0,1fr);gap:10px;min-height:0}.timelineEventCard{grid-column:2}.timelineEvent.both .timelineEventCard{margin-top:0}.timelineCollisionMarker,.timelineEvent.zayne .timelineCollisionMarker,.timelineEvent.noxus .timelineCollisionMarker,.timelineEvent.both .timelineCollisionMarker{grid-area:1/1;align-self:center;position:relative;top:auto;left:auto;right:auto;transform:none}.timelineLink,.timelineEvent.zayne .timelineLink,.timelineEvent.noxus .timelineLink,.timelineEvent.both .timelineLink{width:28px;left:54px}.timelineFocus{grid-template-columns:1fr}.timelineFocus>figure{min-height:220px}.timelineSummaryStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.bookShelf{grid-template-columns:1fr}.rivalCombatant,.rivalCombatant.right{grid-template-columns:118px minmax(0,1fr)}.rivalCombatant.right img{order:0}.rivalCombatant.right>div{text-align:left;justify-items:start;padding:16px 16px 16px 0}.rivalCombatant img{height:168px}.rivalCenter{min-height:118px}.rivalBeat>span{order:1;min-height:44px}.zayneTake{order:2}.noxusTake{order:3}}@media (width<=1120px){.selectScreen{grid-template-columns:1fr}.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.dossierHeader{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.dossierVitals{width:min(100%,460px)}}@media (width<=980px){.dossierHeader{grid-template-columns:1fr}.dossierVitals{width:100%}}@media (width<=560px){.appShell,.loginShell{width:min(100% - 14px,440px)}.loginFigure{opacity:.12;width:72vw}.loginIntro h1{font-size:clamp(2.3rem,16vw,3.7rem)}.loginForm{padding:14px}.selectScreen{grid-template-columns:1fr;padding:8px}.selectShell,.roster{grid-template-columns:1fr}.rosterCard{grid-template-columns:68px minmax(0,1fr);min-height:88px}.rosterCard .portrait{min-height:88px}.rosterContent{padding:10px 12px}.rosterCard strong{font-size:1.02rem}.rosterCard em{-webkit-line-clamp:1;font-size:.9rem}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.originChronicleNav{grid-template-columns:1fr}.readerStatus{padding:10px}.chapterControls{justify-content:stretch}.chapterControls button{flex:100%;max-width:none}.readerTopActions{display:grid}.readerTopActions button,.readerTopActions button:last-child{width:100%;max-width:none;margin-left:0}.timelineModeBar{grid-template-columns:1fr}.bookShelf button{grid-template-columns:84px minmax(0,1fr);min-height:128px}.bookShelf img{width:84px;height:98px}.timelineRail{grid-template-columns:1fr;padding:16px}.timelineActBar{justify-content:stretch}.timelineActBar span{width:100%}.timelineEventCard{grid-template-columns:74px minmax(0,1fr);min-height:118px}.timelineThumb{width:74px}.timelineEventCard small{font-size:.96rem}.timelineFocus dl,.timelineSummaryStrip{grid-template-columns:1fr}.timelineNode>button:first-child{min-height:148px}.timelineMarker{width:60px;height:40px}.tabs button{min-height:46px}.panelHeading{flex-direction:column;align-items:start;gap:4px}}@media (prefers-reduced-motion:reduce){.appShell.ambientOn:before,.appShell.ambientOn:after,.forceBackdrop:before,.forceBackdrop:after,.blade,.dossier,.timelineNode.active .timelineMarker,.timelineParticles:before,.timelineParticles:after,.timelineEvent.both .timelineCollisionMarker,.timelineLink{animation:none}}@media (width<=700px){.crewExpanded,.crewAnalysis,.rivalRoads,.rivalClaims,.chapterAfterword,.rivalBeat{grid-template-columns:1fr}.crewToggle b{justify-self:start}.rivalTake{padding:14px}.rivalCombatant,.rivalCombatant.right{grid-template-columns:92px minmax(0,1fr)}.rivalCombatant img{height:136px}.rivalCombatant>div,.rivalCombatant.right>div{padding:12px 12px 12px 0}.rivalCombatant h3{font-size:1.45rem}}@media (width<=980px){.dossierHeader{grid-template-columns:1fr}.dossierHeader .alignment{grid-column:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}