:root{--parchment:#f3ead9;--parchment-dim:#d7cfc0;--ember:#d8543c;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);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip: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{background:#050507 url(/portraits/login-vault.webp) 50%/cover no-repeat;overflow:hidden}.loginVaultVideo{object-fit:cover;opacity:.72;filter:saturate(.9)contrast(1.08)brightness(.76);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)}.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;width:clamp(72px,7vw,96px);color:var(--parchment);background:radial-gradient(circle,#f3ead92e,#0000 62%),#00000047;border:1px solid #f3ead94d;place-items:center;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:var(--parchment);text-shadow:0 0 28px #f3ead924;font-size:clamp(2.1rem,4.4vw,4.35rem);line-height:.95}.loginIntro p{max-width:36ch;color:var(--parchment-dim);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:var(--ember);width:8px;height:8px;box-shadow:0 0 14px var(--ember)}.loginStatus span{color:var(--parchment-dim);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:var(--ember);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.68rem}.loginFormHeader strong{color:var(--parchment);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{width:100%;min-width:0;color:var(--parchment);font:inherit;background:#00000057;border:1px solid #c9855275;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s}.loginForm input:focus{border-color:var(--parchment);background:#0000007a;outline:none;box-shadow:0 0 0 2px #f3ead91f}.loginForm button{min-height:42px;color:var(--parchment);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#c9855257,#d8543c2e),#00000047;border:1px solid #f3ead970;font-family:Cinzel,Georgia,serif;transition:border-color .16s,box-shadow .16s,transform .16s}.loginForm button:hover,.loginForm button:focus-visible{border-color:var(--parchment);transform:translateY(-1px);box-shadow:0 0 28px #c9855238}.loginError{min-height:1.35em;color:var(--ember);opacity:0;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 color-mix(in srgb, var(--accent,#b56a3d), transparent 68%);color:var(--parchment-dim);cursor:pointer;text-transform:uppercase;background:#0003;align-items:center;gap:6px;padding:6px 10px;font-family:Cinzel,Georgia,serif;font-size:.72rem;display:inline-flex}.stickyNav button.active{border-color:var(--glow,var(--parchment));color:var(--glow,var(--parchment))}.selectScreen{grid-template-columns:minmax(280px,.6fr) minmax(0,1.4fr);gap:14px;margin-bottom:8px;display:grid}.selectScreen.compact{box-shadow:none;background:linear-gradient(90deg,#ffffff08,#0000 52%),#0505075c;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:12px;margin-bottom:10px;padding:9px}.selectScreen.compact .selectHeader{border-right:1px solid #ffffff14;min-width:190px;padding:5px 16px 5px 2px}.selectScreen.compact .selectHeader strong{font-size:clamp(.98rem,1.2vw,1.25rem)}.selectIndexButton{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 58%);width:fit-content;color:var(--parchment-dim);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#0003;margin-top:4px;padding:5px 8px;font-family:Cinzel,Georgia,serif;font-size:.68rem}.selectIndexButton:hover,.selectIndexButton:focus-visible{border-color:var(--glow,var(--parchment));color:var(--glow,var(--parchment));outline:0}.selectScreen.compact .roster{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.selectScreen.compact .rosterCard{min-height:82px;box-shadow:none;grid-template-columns:70px minmax(0,1fr)}.selectScreen.compact .rosterCard .portrait{min-height:82px}.selectScreen.compact .rosterContent{gap:4px;padding:10px 12px}.selectScreen.compact .rosterCard strong{font-size:clamp(.98rem,1.25vw,1.25rem)}.selectScreen.compact .rosterCard em{-webkit-line-clamp:1;font-size:.9rem}.selectScreen.index{background:radial-gradient(circle at 12% 10%,#f3ead914,#0000 22rem),radial-gradient(circle at 82% 18%,#d8543c1f,#0000 24rem),linear-gradient(145deg,#050507c2,#050507e6);grid-template-columns:1fr;gap:18px;min-height:min(720px,100vh - 130px);padding:clamp(18px,2vw,30px)}.selectScreen.index .selectHeader{border-bottom:1px solid #ffffff1a;gap:8px;max-width:820px;padding-bottom:18px;display:grid}.selectScreen.index .selectHeader strong{color:var(--parchment);font-size:clamp(2.1rem,4vw,4.4rem);line-height:.95}.selectScreen.index .selectHeader p{max-width:58ch;color:var(--parchment-dim);letter-spacing:0;text-transform:none;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.05rem,1.35vw,1.24rem);font-style:italic;line-height:1.2}.dossierIndexTools{background:#00000038;border:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.dossierIndexTools label{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 58%);width:min(100%,420px);color:var(--accent,#c98552);background:#0000003d;align-items:center;gap:9px;padding:8px 10px;display:flex}.dossierIndexTools input{width:100%;min-width:0;color:var(--parchment);font:inherit;background:0 0;border:0}.dossierIndexTools input:focus{border-color:color-mix(in srgb, var(--accent,var(--ember)), transparent 30%);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,var(--ember)), transparent 62%);outline:0}.dossierIndexTools div{flex-wrap:wrap;gap:7px;display:flex}.dossierIndexTools button{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 60%);color:var(--parchment-dim);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#0003;padding:7px 10px;font-family:Cinzel,Georgia,serif;font-size:.68rem}.dossierIndexTools button.active,.dossierIndexTools button:hover,.dossierIndexTools button:focus-visible{border-color:var(--glow,var(--parchment));color:var(--glow,var(--parchment));outline:0}.selectScreen.index .roster{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch;gap:14px}.selectScreen.index .rosterCard{grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);min-height:190px}.selectScreen.index .rosterCard .portrait{min-height:190px}.selectScreen.index .rosterContent{padding:clamp(16px,2vw,26px)}.selectScreen.index .rosterCard strong{font-size:clamp(1.5rem,2.6vw,2.7rem)}.selectScreen.index .rosterCard em{-webkit-line-clamp:3;max-width:48ch;font-size:clamp(1rem,1.2vw,1.16rem)}.dossierIndexEmpty{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 62%);background:#0000003d;gap:4px;padding:18px;display:grid}.dossierIndexEmpty strong{color:var(--parchment);font-family:Cinzel,Georgia,serif}.dossierIndexEmpty span{color:var(--parchment-dim)}.rosterMeta{color:#cfc6b9;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px;font-family:Cinzel,Georgia,serif;font-size:.66rem;display:flex}.rosterMeta b,.rosterMeta i{border:1px solid color-mix(in srgb, var(--accent), transparent 66%);background:#0000002e;padding:3px 6px;font-style:normal;font-weight:600}.rosterTagRow{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.rosterTagRow small{border:1px solid color-mix(in srgb, var(--accent), transparent 72%);color:#bdb4a7;padding:3px 6px;font-size:.68rem}.selectScreen.compact .rosterMeta,.selectScreen.compact .rosterTagRow{display:none}.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)}.roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rosterCard,.dossier,.rivalryView{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);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);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, color-mix(in srgb, var(--mid), transparent 10%), #050507e0), linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 86%), transparent);box-shadow:0 0 28px color-mix(in srgb, var(--glow), transparent 84%)}.rosterCard:hover,.rosterCard:focus-visible{border-color:color-mix(in srgb, var(--glow), transparent 32%);outline:0;transform:translateY(-1px)}.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%, color-mix(in srgb, var(--accent), transparent 88%), transparent 14rem);align-content:center;gap:6px;min-width:0;padding:14px 16px;display:grid}.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 color-mix(in srgb, var(--accent), transparent 58%);background:#0000003d;padding:4px 8px;font-size:.78rem}.tabs button{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 62%);color:#e9e4d8;cursor:pointer;background:#0000003d;justify-content:center;align-items:center;gap:7px;min-height:42px;display:inline-flex}.tabs button.active{border-color:var(--glow,var(--parchment));background:color-mix(in srgb, var(--accent,#b56a3d), transparent 82%);color:var(--glow,var(--parchment))}.dossier{isolation:isolate;min-width:0;max-width:100%;padding:clamp(18px,2vw,28px);animation:7.2s ease-in-out infinite alternate panelBreath;position:relative;overflow:hidden}.dossier:before{z-index:0;background:linear-gradient(90deg, #000000e6 0%, #000000a3 46%, #000000e0 100%), radial-gradient(circle at 68% 18%, color-mix(in srgb, var(--glow), transparent 86%), transparent 24rem), var(--dossier-bg) center / cover no-repeat;opacity:.3;pointer-events:none;content:"";filter:saturate(.78)contrast(1.08)brightness(.7);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 84%,#0000)}.dossier>*{z-index:1;position:relative}@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(190px,238px) minmax(0,1fr);align-items:end;gap:clamp(18px,2vw,30px);min-height:clamp(250px,27vw,330px);margin-bottom:20px;display:grid}.dossierIdentity{align-content:end;gap:8px;min-width:0;display:grid}.portrait{border:1px solid color-mix(in srgb, var(--accent), transparent 48%);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--glow), transparent 78%), transparent 54%), var(--deep);aspect-ratio:3/4;place-items:center;display:grid;position:relative;overflow:hidden}.portrait img{z-index:2;object-fit:cover;object-position:center 12%;width:100%;height:100%;transition:transform .22s,filter .22s;position:relative}.rosterCard:hover .portrait img,.rosterCard:focus-visible .portrait img{filter:saturate(1.04)contrast(1.08);transform:scale(1.035)}.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:color-mix(in srgb, var(--glow), transparent 20%);letter-spacing:0;font-family:Cinzel,Georgia,serif;font-size:2.4rem;position:absolute}.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 color-mix(in srgb, var(--glow), transparent 76%);font-size:clamp(2.8rem,5.6vw,5.9rem);font-weight:700;line-height:.95}.dossierHeader p{max-width:58ch;color:var(--parchment-dim);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 color-mix(in srgb, var(--accent), transparent 70%);grid-column:1/-1;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);align-items:stretch;gap:10px;padding-top:12px;display:grid}.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 color-mix(in srgb, var(--accent), transparent 68%);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{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050507a3;border:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;margin:0 0 16px;padding:8px;display:grid;position:sticky;top:62px}.tabs button{position:relative;overflow:hidden}.tabs button:after{background:linear-gradient(90deg, transparent, var(--glow,var(--parchment)), transparent);opacity:0;content:"";height:1px;position:absolute;bottom:6px;left:12px;right:12px}.tabs button.active:after{opacity:.72}.panel{border-top:1px solid color-mix(in srgb, var(--accent), transparent 66%);min-height:390px;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{max-width:76ch;color:var(--parchment-dim);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 color-mix(in srgb, var(--accent), transparent 62%);isolation:isolate;background:#050403;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 50px #0000004d}.originGallery figure:after{content:"";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%);pointer-events:none;z-index:1;position:absolute;inset:0}.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}.quoteAudioTrigger{appearance:none;color:inherit;cursor:pointer;font:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;background:0 0;border:0;padding:0;display:inline}.quoteAudioTrigger:hover,.quoteAudioTrigger:focus-visible,.quoteAudioTrigger.playing{color:color-mix(in srgb, var(--glow), white 18%);text-shadow:0 0 18px color-mix(in srgb, var(--accent), transparent 30%)}.quoteAudioTrigger:focus-visible{outline:1px solid color-mix(in srgb, var(--accent), transparent 20%);outline-offset:4px}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.dialogueStrip{border:1px solid color-mix(in srgb, var(--accent), transparent 68%);background:#00000038;grid-template-columns:auto minmax(0,1fr);gap:12px;max-width:860px;margin:20px 0;padding:14px;display:grid}.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,.dialogueStrip .dialogueQuoteText{color:#e9e4d8;font-family:Cormorant Garamond,Georgia,serif;font-size:1.16rem;font-style:italic}.stat{border:1px solid color-mix(in srgb, var(--accent), transparent 72%);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 color-mix(in srgb, var(--accent), transparent 68%);color:#e9e4d8;text-align:left;cursor:pointer;background:#0003;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:12px;display:grid}.chronicleRail button.active{border-color:var(--glow);background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 82%), #00000029), #00000047}.chronicleRail span,.chronicleEntry>span{border:1px solid color-mix(in srgb, var(--glow), transparent 58%);min-width:36px;min-height:36px;color:var(--accent);place-items:center;font-family:Cinzel,Georgia,serif;display:grid}.chronicleRail strong{color:var(--glow);font-family:Cinzel,Georgia,serif;font-size:.95rem;line-height:1.15}.chronicleEntry{border:1px solid color-mix(in srgb, var(--glow), transparent 56%);background:radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--accent), transparent 78%), transparent 24rem), #00000052;min-height:360px;padding:24px;position:relative}.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}.chronicleEntryMedia{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:#050302;margin:20px 18px 20px 0;position:relative;overflow:hidden;box-shadow:0 20px 52px #00000057}.chronicleEntryMedia:after{z-index:1;background:linear-gradient(180deg, transparent 40%, #000000a8 100%), radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--glow), transparent 84%), transparent 20rem), radial-gradient(circle at 92% 82%, color-mix(in srgb, var(--accent), transparent 74%), transparent 22rem);pointer-events:none;content:"";position:absolute;inset:0}.chronicleEntryMedia .chronicleSceneMedia,.chronicleEntryMedia img,.chronicleEntryMedia video{aspect-ratio:16/7;object-fit:cover;object-position:center;filter:saturate(.94)contrast(1.06);width:100%;display:block}.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 color-mix(in srgb, var(--accent), transparent 68%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 62%), #00000038;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 16px;padding:12px 14px;display:flex}.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 color-mix(in srgb, var(--accent), transparent 58%);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;color:#e9e4d8;cursor:pointer;text-align:left;gap:10px;min-height:220px;padding:clamp(16px,2vw,24px);display:grid;position:relative;overflow:hidden}.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%, color-mix(in srgb, var(--accent), transparent 72%), transparent 16rem);pointer-events:none;content:"";position:absolute;inset:0}.chapterSelectCard:after{z-index:2;border:1px solid color-mix(in srgb, var(--glow), transparent 82%);pointer-events:none;content:"";position:absolute;inset:12px}.chapterSelectCard:hover,.chapterSelectCard:focus-visible{border-color:var(--glow);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%, 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 color-mix(in srgb, var(--glow), transparent 72%);width:fit-content;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;max-width:58ch;color:var(--parchment-dim);-webkit-line-clamp:4;-webkit-box-orient:vertical;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 color-mix(in srgb, var(--accent), transparent 58%);max-width:min(100%,360px);color:var(--glow);cursor:pointer;background:#0000003d;align-items:center;gap:8px;padding:8px 11px;font-family:Cinzel,Georgia,serif;font-size:.78rem;display:inline-flex}.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:color-mix(in srgb, var(--accent), transparent 84%)}.readerTopActions button:disabled{opacity:.42;cursor:not-allowed}.originChronicleNav{scrollbar-color:color-mix(in srgb, var(--glow), transparent 18%) #00000061;scrollbar-gutter:stable;scrollbar-width:thin;gap:9px;max-height:min(76vh,760px);padding-right:12px;display:grid;position:sticky;top:18px;overflow:auto}.originChronicleNav::-webkit-scrollbar{width:12px}.originChronicleNav::-webkit-scrollbar-track{border:1px solid color-mix(in srgb, var(--accent), transparent 78%);background:linear-gradient(180deg, #000000b8, color-mix(in srgb, var(--mid), transparent 72%)), #0006}.originChronicleNav::-webkit-scrollbar-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--glow), white 8%), color-mix(in srgb, var(--accent), transparent 8%)) padding-box;border:3px solid #0000;border-radius:999px;box-shadow:inset 0 0 0 1px #0000006b}.originChronicleNav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--glow), white 18%), color-mix(in srgb, var(--accent), transparent 0%)) padding-box}.originChronicleNav::-webkit-scrollbar-button{width:0;height:0;display:none}.originChronicleNav button{border:1px solid color-mix(in srgb, var(--accent), transparent 68%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 58%), #0000003d;color:#e9e4d8;text-align:left;cursor:pointer;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:11px;display:grid}.originChronicleNav button.active{border-color:var(--glow);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 74%), transparent 58%), #00000061;box-shadow:0 18px 38px #0000003d}.originChronicleNav button.epilogue{border-color:color-mix(in srgb, var(--glow), transparent 48%);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 color-mix(in srgb, var(--glow), transparent 54%);min-height:38px;color:var(--accent);place-items:center;font-family:Cinzel,Georgia,serif;display:grid}.originChronicleNav strong{color:var(--glow);overflow-wrap:anywhere;font-family:Cinzel,Georgia,serif;font-size:.86rem;line-height:1.1}.originChronicleEntry{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);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;padding:clamp(18px,2vw,30px);position:relative;overflow:hidden}.originChronicleEntry:before{border:1px solid color-mix(in srgb, var(--glow), transparent 88%);pointer-events:none;content:"";position:absolute;inset:12px}.originChronicleEntry>*{z-index:1;position:relative}.originChronicleEntry header{gap:8px;margin-bottom:18px;display:grid}.originChronicleEntry .chapterAudioHeader{max-width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;margin:0;padding:0;display:inline}.originChronicleEntry .chapterAudioHeader:hover,.originChronicleEntry .chapterAudioHeader:focus-visible,.originChronicleEntry .chapterAudioHeader.playing{color:color-mix(in srgb, var(--glow), white 12%);text-shadow:0 0 32px #f3ead933, 0 0 26px color-mix(in srgb, var(--accent), transparent 72%)}.originChronicleEntry .chapterAudioHeader:focus-visible{outline:1px solid color-mix(in srgb, var(--accent), transparent 18%);outline-offset:8px}.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);letter-spacing:0;font-family:Cinzel,Georgia,serif;font-size:clamp(2rem,4vw,4.1rem);font-weight:700;line-height:.94}.chronicleAccountLabel{border:1px solid color-mix(in srgb, var(--glow), transparent 70%);width:fit-content;color:var(--glow);letter-spacing:.1em;text-transform:uppercase;background:#00000038;margin:0 0 12px;padding:7px 10px;font-family:Cinzel,Georgia,serif;font-size:.72rem}.chronicleSceneArt,.chronicleInlineArt{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:#050302;margin:0 0 18px;position:relative;overflow:hidden;box-shadow:0 20px 52px #00000057}.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);pointer-events:none;content:"";position:absolute;inset:0}.chronicleSceneArt .chronicleSceneMedia,.chronicleSceneArt img,.chronicleSceneArt video,.chronicleInlineArt .chronicleSceneMedia,.chronicleInlineArt video,.chronicleInlineArt img{aspect-ratio:16/7;object-fit:cover;filter:saturate(.94)contrast(1.06);width:100%;display:block}.chronicleInlineArtOpen{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.chronicleInlineArtOpen:focus-visible{outline:2px solid var(--glow);outline-offset:-4px}.chronicleInlineArt.cropUpper img{object-position:center 34%}.readerStatus{border:1px solid color-mix(in srgb, var(--accent), transparent 66%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 62%), #00000038;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:12px;display:grid}.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 color-mix(in srgb, var(--accent), transparent 62%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 64%), #0000003d;min-width:0;padding:14px;position:relative;overflow:hidden}.storyFlowPanel div:after{background:color-mix(in srgb, var(--glow), transparent 62%);content:"";width:36px;height:1px;position:absolute;top:12px;right:12px}.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 color-mix(in srgb, var(--accent), transparent 54%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 84%), transparent 62%), #00000047;margin-bottom:22px;padding:16px 18px}.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}.chronicleImageRun{gap:16px;width:100%;max-width:84ch;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:color-mix(in srgb, var(--accent), transparent 58%);content:"";height:1px}.chronicleAccount p{max-width:84ch;color:var(--parchment-dim);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.08rem,1.25vw,1.24rem);line-height:1.36}.chronicleInlineArt{width:100%;max-width:none;margin:2px 0 20px}.zayneChronicleEntry.chapter-i .chronicleAccount{gap:22px}.zayneChronicleEntry.chapter-i .chronicleAccount p{max-width:76ch;margin-inline:auto}.zayneChronicleEntry.chapter-i .chronicleImageRun,.noxusChronicleEntry .chronicleImageRun{max-width:none;margin:8px 0 30px}.noxusChronicleEntry .chronicleAccount p{max-width:none}.zayneChronicleEntry.chapter-i .chronicleInlineArt,.noxusChronicleEntry .chronicleInlineArt{margin:0;box-shadow:0 24px 68px #00000070}.zayneChronicleEntry.chapter-i .chronicleSceneArt .chronicleSceneMedia,.zayneChronicleEntry.chapter-i .chronicleSceneArt img,.zayneChronicleEntry.chapter-i .chronicleSceneArt video,.zayneChronicleEntry.chapter-i .chronicleInlineArt img,.zayneChronicleEntry.chapter-i .chronicleInlineArt video,.zayneChronicleEntry.chapter-i .chronicleInlineArt .chronicleSceneMedia,.noxusChronicleEntry .chronicleInlineArt video,.noxusChronicleEntry .chronicleInlineArt .chronicleSceneMedia,.noxusChronicleEntry .chronicleInlineArt img{aspect-ratio:16/8}.chronicleInlineArt figcaption{z-index:1;pointer-events:none;color:var(--glow);letter-spacing:.1em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.64rem;position:absolute;bottom:9px;right:10px}.chronicleLightbox{z-index:80;background:radial-gradient(circle at 50% 42%,#ff986829,#0000 34rem),#000000e0;place-items:center;padding:clamp(16px,3vw,34px);display:grid;position:fixed;inset:0}.chronicleLightboxFrame{border:1px solid color-mix(in srgb, var(--glow), transparent 42%);background:#030202;width:min(96vw,1500px);max-height:92vh;margin:0;position:relative;overflow:hidden;box-shadow:0 32px 90px #000000b8}.chronicleLightboxFrame img,.chronicleLightboxFrame video{object-fit:contain;width:100%;max-height:92vh;display:block}.chronicleLightboxFrame figcaption{color:var(--glow);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 16px #000000e0;font-family:Cinzel,Georgia,serif;font-size:.7rem;position:absolute;bottom:14px;right:16px}.chronicleLightboxClose{z-index:2;border:1px solid color-mix(in srgb, var(--glow), transparent 35%);width:38px;height:38px;color:var(--glow);cursor:pointer;background:#000000b8;place-items:center;display:inline-grid;position:absolute;top:12px;right:12px}.chronicleLightboxClose:hover,.chronicleLightboxClose:focus-visible{background:color-mix(in srgb, var(--accent), black 62%);outline:0}.chronicleLightboxClose:focus-visible{outline:2px solid color-mix(in srgb, var(--glow,var(--parchment)), transparent 24%);outline-offset:3px}.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 color-mix(in srgb, var(--accent), transparent 62%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 64%), #0000003d;padding:14px}.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%, 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 color-mix(in srgb, var(--accent), transparent 58%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 88%), transparent 62%), #00000047;padding:clamp(16px,2vw,24px);position:relative;overflow:hidden}.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 color-mix(in srgb, currentColor, transparent 54%);color:var(--accent);letter-spacing:.12em;margin-bottom:14px;padding:5px 9px;font-family:Cinzel,Georgia,serif;font-size:.72rem;display:inline-flex}.epilogueVoice.zayne>span{color:var(--glow)}.epilogueVoice p{z-index:1;max-width:86ch;color:var(--parchment-dim);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 color-mix(in srgb, var(--accent), transparent 72%);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;padding-top:16px;display:flex}.chapterControls button{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);max-width:min(100%,420px);min-height:40px;color:var(--glow);cursor:pointer;background:#00000047;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-family:Cinzel,Georgia,serif;font-size:.78rem;display:inline-flex}.chapterControls button:disabled{cursor:not-allowed;opacity:.42}.chapterControls button:not(:disabled):hover,.chapterControls button:not(:disabled):focus-visible{border-color:var(--glow);background:color-mix(in srgb, var(--accent), transparent 84%)}.classStoryPanel{position:relative;overflow:hidden}.classStoryPanel:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent), transparent 48%), transparent);content:"";height:1px;position:absolute;top:82px;left:0;right:0}.classStoryIntro{max-width:86ch;color:var(--parchment-dim);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:color-mix(in srgb, var(--accent), transparent 78%);right:0}.classStoryProgress>span{background:linear-gradient(90deg, var(--accent), var(--blade));box-shadow:0 0 18px color-mix(in srgb, var(--accent), transparent 34%);transition:width .26s}.classStoryProgress button{z-index:1;border:1px solid color-mix(in srgb, var(--accent), transparent 52%);background:color-mix(in srgb, var(--deep), black 26%);width:34px;height:34px;color:var(--parchment-dim);cursor:pointer;justify-self:center;place-items:center;font-family:Cinzel,Georgia,serif;font-size:.72rem;display:inline-grid;position:relative}.classStoryProgress button.active{border-color:var(--glow);background:color-mix(in srgb, var(--accent), transparent 70%);color:var(--glow);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, color-mix(in srgb, var(--glow), transparent 18%), var(--accent), var(--blade));width:2px;box-shadow:0 0 16px color-mix(in srgb, var(--accent), transparent 42%);content:"";position:absolute;top:18px;bottom:18px;left:7px}.classStoryMap button{border:1px solid color-mix(in srgb, var(--accent), transparent 68%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 92%), transparent 58%), #0003;color:#e9e4d8;text-align:left;cursor:pointer;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"num phase""num title";align-items:center;gap:2px 12px;min-width:0;padding:12px 14px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.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:color-mix(in srgb, var(--glow), transparent 28%);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, color-mix(in srgb, var(--accent), transparent 74%), transparent 58%), #0000005c;transform:translate(4px);box-shadow:0 18px 36px #0003}.classStoryMap button.active:before{background:var(--blade)}.classStoryMap span,.classStoryEntry>span{border:1px solid color-mix(in srgb, var(--glow), transparent 58%);min-height:36px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;place-items:center;padding:0 8px;font-family:Cinzel,Georgia,serif;font-size:.68rem;display:inline-grid}.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 color-mix(in srgb, var(--glow), transparent 56%);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;min-height:0;padding:clamp(18px,2vw,28px);position:sticky;top:18px;overflow:hidden}.classStoryEntry:after{border:1px solid color-mix(in srgb, var(--accent), transparent 62%);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%);opacity:.38;content:"";width:120px;height:120px;position:absolute;inset:auto 20px 20px auto;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 color-mix(in srgb, var(--accent), transparent 72%);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;padding-top:14px;display:flex;position:relative}.classStoryControls button{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);min-height:38px;color:var(--glow);cursor:pointer;background:#00000047;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-family:Cinzel,Georgia,serif;font-size:.76rem;display:inline-flex}.classStoryControls button:disabled{cursor:not-allowed;opacity:.42}.classStoryControls button:not(:disabled):hover,.classStoryControls button:not(:disabled):focus-visible{border-color:var(--glow);background:color-mix(in srgb, var(--accent), transparent 84%)}.codeList,.crewList,.meters{gap:10px;display:grid}.creedLine,.crewToggle{border:1px solid color-mix(in srgb, var(--accent), transparent 68%);color:#e9e4d8;text-align:left;cursor:pointer;background:#0003;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;padding:14px 16px;display:grid}.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, color-mix(in srgb, var(--accent), transparent 82%), #00000029), #00000047}.creedLine.expanded svg,.crewMate.expanded .crewToggle svg{transform:rotate(180deg)}.creedGloss{border:1px solid color-mix(in srgb, var(--glow), transparent 56%);background:linear-gradient(180deg, color-mix(in srgb, var(--accent), transparent 88%), transparent), #00000052;min-height:100%;padding:24px;position:relative}.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 color-mix(in srgb, var(--accent), transparent 68%);background:#0000002e;display:grid;overflow:hidden}.crewMate .crewToggle{background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto}.crewToggle b{border:1px solid color-mix(in srgb, var(--glow), transparent 68%);background:color-mix(in srgb, var(--accent), transparent 86%);color:var(--glow);letter-spacing:.08em;text-transform:uppercase;align-self:center;padding:5px 8px;font-family:Cinzel,Georgia,serif;font-size:.66rem;font-weight:600}.crewExpanded{border-top:1px solid color-mix(in srgb, var(--accent), transparent 76%);grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:16px;padding:0 16px 16px;display:grid;overflow:hidden}.crewExpanded>div{align-content:start;gap:14px;min-width:0;display:grid}.crewFront{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:#00000038;flex-wrap:wrap;align-items:center;gap:8px 12px;width:fit-content;padding:8px 10px;display:flex}.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 color-mix(in srgb, var(--accent), transparent 58%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 86%), transparent 62%), #0000003d;gap:6px;margin:0;padding:12px 14px;display:grid}.companionQuote span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.7rem}.companionQuote p{color:var(--glow);white-space:pre-line;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 color-mix(in srgb, var(--accent), transparent 70%);background:#0000002e;align-content:start;gap:8px;min-width:0;padding:14px;display:grid}.crewImage{border:1px solid color-mix(in srgb, var(--accent), transparent 62%);background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--glow), transparent 78%), transparent 48%), var(--deep);aspect-ratio:16/9;min-width:0;margin:0;position:relative;overflow:hidden}.crewImage img{object-fit:cover;object-position:center 18%;width:100%;height:100%}.crewImage figcaption{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);color:var(--glow);letter-spacing:.08em;text-transform:uppercase;background:#00000094;padding:6px 8px;font-family:Cinzel,Georgia,serif;font-size:.72rem;position:absolute;bottom:10px;left:10px;right:10px}.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 color-mix(in srgb, var(--accent), transparent 56%);background:#050507;min-height:300px;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.rivalryBanner img{object-fit:cover;object-position:center 18%;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{max-width:54ch;color:var(--parchment-dim);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 color-mix(in srgb, var(--accent), transparent 62%);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:var(--parchment-dim);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 color-mix(in srgb, var(--accent), transparent 58%);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);grid-template-columns:148px minmax(0,1fr);align-items:stretch;gap:14px;min-width:0;display:grid;position:relative;overflow:hidden}.rivalCombatant.right{grid-template-columns:minmax(0,1fr) 148px}.rivalCombatant.right img{order:2}.rivalCombatant:after{border:1px solid color-mix(in srgb, var(--glow), transparent 86%);pointer-events:none;content:"";position:absolute;inset:10px}.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{max-width:34ch;color:var(--parchment-dim);overflow-wrap:anywhere;font-family:Cormorant Garamond,Georgia,serif;font-size:1.06rem;font-style:italic;line-height:1.2}.rivalCenter{border:1px solid color-mix(in srgb, var(--accent), transparent 55%);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--glow), transparent 86%), transparent 48%), #00000052;text-align:center;align-content:center;justify-items:center;gap:8px;min-height:210px;display:grid}.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 color-mix(in srgb, var(--accent), transparent 70%);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:var(--parchment-dim)}.zayneTake{color:#c98552;background:linear-gradient(135deg,#b56a3d29,#0000 56%),#0003;border-color:#b56a3d6b}.noxusTake{color:var(--ember);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 color-mix(in srgb, var(--accent,var(--ember)), transparent 58%);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 color-mix(in srgb, var(--accent), transparent 58%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 82%), transparent 58%), #0000004d;color:#e9e4d8;text-align:left;cursor:pointer;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;min-height:150px;padding:14px;display:grid;position:relative;overflow:hidden}.bookShelf button:after{border:1px solid color-mix(in srgb, var(--glow), transparent 82%);pointer-events:none;content:"";position:absolute;inset:10px}.bookShelf button.active{border-color:var(--glow);box-shadow:0 18px 46px #00000047, 0 0 28px color-mix(in srgb, var(--accent), transparent 66%)}.bookShelf img{border:1px solid color-mix(in srgb, var(--glow), transparent 58%);object-fit:cover;object-position:center 18%;grid-row:1/span 3;width:110px;height:122px}.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:var(--parchment-dim);font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-style:italic}.bookFrame{border:1px solid color-mix(in srgb, var(--accent), transparent 66%);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;padding:clamp(14px,2vw,22px)}.bookFrame .panel{border-top:0;min-height:0;padding-top:0}.chronicleBookFallback{gap:16px;display:grid}.chronicleBookFallback article{border:1px solid color-mix(in srgb, var(--accent), transparent 64%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 62%), #0000003d;padding:clamp(16px,2vw,24px)}.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:var(--ember);letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:.78rem}.storyHeader h2,.encounterHero h2{color:var(--parchment);font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95}.storyHeader p,.encounterHero p,.encounterBody article p{max-width:72ch;color:var(--parchment-dim);justify-self:center;font-size:1.12rem}.timelineModeBar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.timelineModeBar button{min-width:0;color:var(--parchment-dim);cursor:pointer;background:#00000038;border:1px solid #ffffff24;padding:12px;display:grid}.timelineModeBar button.active{border-color:var(--ember);color:var(--parchment);background:linear-gradient(135deg,#d8543c3d,#b56a3d24)}.timelineModeBar span{color:var(--ember);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 color-mix(in srgb, currentColor, transparent 58%);color:currentColor;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#00000038;align-items:center;gap:8px;padding:7px 11px;font-size:.72rem;display:inline-flex}.timelineLegend button:before{content:"";background:currentColor;width:9px;height:9px;box-shadow:0 0 14px}.timelineLegend button:hover,.timelineLegend button:focus-visible{background:color-mix(in srgb, currentColor, transparent 88%)}.timelineLegend .zayne{color:#c98552}.timelineLegend .noxus{color:var(--ember)}.timelineLegend .both{color:var(--parchment)}.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:var(--parchment);letter-spacing:0;font-size:1rem}.timelineFocus{border:1px solid color-mix(in srgb, currentColor, transparent 55%);color:var(--parchment-dim);background:#0000003d;gap:8px;margin-top:16px;padding:18px;display:grid}.timelineFocus.zayne{color:#c98552}.timelineFocus.noxus{color:var(--ember)}.timelineFocus.both{color:var(--parchment)}.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 color-mix(in srgb, currentColor, transparent 66%);background:#00000038;padding:5px 8px}.timelineFocusHeader b{color:var(--parchment);font-weight:600}.timelineFocus h3{color:var(--parchment);font-size:clamp(1.55rem,3vw,2.45rem);line-height:1}.timelineFocus p{max-width:82ch;color:var(--parchment-dim)}.timelineActBar{flex-wrap:wrap;justify-content:center;gap:8px;margin:-4px 0 16px;display:flex}.timelineActBar span{color:var(--parchment-dim);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:var(--ember);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:var(--parchment)}.timelineLaneLabels span:last-child{color:var(--ember)}.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:var(--parchment);grid-template-columns:minmax(0,.35fr) minmax(240px,.78fr) minmax(0,.87fr)}.timelineEvent.noxus{color:var(--ember);grid-template-columns:minmax(0,.87fr) minmax(240px,.78fr) minmax(0,.35fr)}.timelineEvent.both{color:var(--parchment);grid-template-columns:minmax(0,1fr) minmax(260px,.82fr) minmax(0,1fr)}.timelineEventCard{border:1px solid color-mix(in srgb, currentColor, transparent 42%);min-width:0;min-height:clamp(106px,8vw,128px);color:var(--parchment);cursor:pointer;text-align:left;background:linear-gradient(145deg,#ffffff0e,#0000 48%),#0000008c;grid-column:2;grid-template-columns:clamp(72px,6vw,92px) minmax(0,1fr);align-items:center;gap:clamp(9px,1vw,12px);padding:clamp(10px,1vw,12px);transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.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 color-mix(in srgb, currentColor, transparent 38%);background:#0000006b;width:clamp(72px,6vw,92px);position:relative;overflow:hidden}.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:var(--parchment);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:var(--parchment-dim);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 color-mix(in srgb, currentColor, transparent 18%);color:currentColor;cursor:pointer;background:#080706;place-items:center;width:54px;height:54px;font-family:Cinzel,Georgia,serif;font-weight:800;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.timelineEvent.zayne .timelineCollisionMarker{left:calc(10% - 27px)}.timelineEvent.noxus .timelineCollisionMarker{right:calc(10% - 27px)}.timelineEvent.both .timelineCollisionMarker{color:var(--parchment);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, var(--parchment), #d8543cd6, var(--parchment));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 color-mix(in srgb, currentColor, transparent 58%);color:currentColor;cursor:pointer;background:#00000038;min-height:34px;font-family:Cinzel,Georgia,serif}.timelineProgress .zayne{color:var(--parchment)}.timelineProgress .noxus{color:var(--ember)}.timelineProgress .both{color:#f2a07a}.timelineProgress button.active{color:#080706;box-shadow:0 0 18px color-mix(in srgb, currentColor, transparent 50%);background:currentColor}.timelineFocus{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:stretch;overflow:hidden}.timelineFocus>figure{border:1px solid color-mix(in srgb, currentColor, transparent 58%);min-height:260px;margin:0;position:relative;overflow:hidden}.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 color-mix(in srgb, currentColor, transparent 68%);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:var(--parchment-dim);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:var(--ember)}.encounterDialogue span{color:#e9e4d8;font-family:Cormorant Garamond,Georgia,serif;font-size:1.14rem;font-style:italic}.encounterBody article h3{color:var(--parchment);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:var(--parchment-dim);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{border-color:var(--parchment);color:var(--parchment);background:#d8543c2e}@media (width>=1480px){.roster{grid-template-columns:repeat(2,minmax(0,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,.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{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,.selectScreen.compact{grid-template-columns:1fr}.selectScreen.compact .selectHeader{border-bottom:1px solid #ffffff14;border-right:0;min-width:0;padding:0 0 8px}.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}.selectScreen.compact .roster,.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}.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}.tabs button{min-height:46px}.panelHeading{flex-direction:column;align-items:start;gap:4px}}:root{--parchment:#f3ead9;--parchment-dim:#d7cfc0;--ember:#d8543c;--dossier-paper:#171512;--dossier-paper-2:#201c17;--dossier-paper-3:#29241c;--dossier-ink:#eee7d9;--dossier-muted:#b8ad9c;--dossier-rule:#e8dbc23d;--dossier-rule-strong:#eee5d47a;--dossier-shadow:#00000075}body{background:radial-gradient(circle at 9% 18%,#ebe8dc1a,#0000 25rem),radial-gradient(circle at 92% 22%,#b8342424,#0000 28rem),linear-gradient(100deg,#0a0d0e,#100d0a 46%,#08080a)}body:before{opacity:.085;mix-blend-mode:soft-light}body:after{background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 22px),radial-gradient(circle at 8% 40%,#f4f1ea21,#0000 30rem),radial-gradient(circle at 88% 44%,#d8543c21,#0000 30rem),radial-gradient(circle,#0000 26%,#000000c2 100%)}.appShell{color:var(--dossier-ink)}.appShell:before{background:linear-gradient(90deg,#f4f1ea0b,#0000 16% 84%,#d8543c0b),repeating-linear-gradient(0deg,#0000 0 31px,#ffffff06 32px)}.stickyNav,.tabs,.selectScreen,.selectScreen.index,.selectScreen.compact,.dossierIndexTools,.dossier,.rivalryView,.timelineView,.encounterView,.chroniclesView,.bookFrame{border-color:var(--dossier-rule);background:linear-gradient(135deg, #ffffff09, transparent 26%), repeating-linear-gradient(0deg, #ffffff07 0, #ffffff07 1px, transparent 1px, transparent 16px), radial-gradient(circle at 10% 12%, #eee5d417, transparent 21rem), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--accent,var(--ember)), transparent 83%), transparent 23rem), linear-gradient(145deg, var(--dossier-paper-2), #080807 74%);box-shadow:0 26px 70px var(--dossier-shadow), inset 0 0 0 1px #00000047, inset 0 0 74px #00000038}.dossier,.timelineView,.encounterView,.chroniclesView{outline-offset:-8px;outline:1px solid #00000085}.timelineView,.encounterView,.chroniclesView{isolation:isolate;position:relative}.timelineView:before,.encounterView:before,.chroniclesView:before{pointer-events:none;content:"";background:radial-gradient(circle,#eee5d457 0 3px,#0000 4px) 0 28px/1px 96px repeat-y,linear-gradient(#0000,#eee5d429,#0000);width:1px;position:absolute;top:18px;bottom:18px;left:18px}.dossier:after{z-index:1;border:1px solid color-mix(in srgb, var(--accent), transparent 38%);color:color-mix(in srgb, var(--accent), #eee7d9 16%);content:"CLASSIFIED DOSSIER";letter-spacing:.12em;opacity:.82;padding:5px 10px;font-family:Cinzel,Georgia,serif;font-size:.62rem;position:absolute;top:18px;right:20px;transform:rotate(1deg)}.stickyNav{background:linear-gradient(180deg, #29241ceb, #0d0c0adb), var(--dossier-paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-style:double}.stickyNav button,.tabs button,.timelineModeBar button,.timelineLegend button,.readerTopActions button,.chapterControls button,.encounterPerspectiveTabs button,.dossierIndexTools button,.selectIndexButton{border-color:color-mix(in srgb, var(--accent,#b56a3d), var(--dossier-rule) 62%);color:var(--dossier-ink);background:linear-gradient(#ffffff09,#0000001a),#191612c2;box-shadow:inset 0 0 0 1px #00000047}.stickyNav button.active,.tabs button.active,.timelineModeBar button.active,.encounterPerspectiveTabs button.active,.dossierIndexTools button.active{border-color:var(--dossier-rule-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--accent,#b56a3d), transparent 76%), #00000014), #2a2118c7;color:var(--glow,var(--parchment))}.panel{border-top-color:var(--dossier-rule);margin-top:8px;padding:28px clamp(12px,1.2vw,22px) 0;position:relative}.panel:before{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 54%);content:"";background:linear-gradient(#2d261ce6,#171410e0);border-bottom:0;width:min(46%,340px);height:20px;position:absolute;top:-11px;left:clamp(10px,1.2vw,22px);transform:skew(-12deg)}.panelHeading{border-bottom:1px solid var(--dossier-rule);padding-bottom:10px}.panel h2,.storyHeader h2,.encounterHero h2,.dossier h1,.originChronicleEntry h3{text-shadow:none}.panel p,.proseStack,.dossierHeader p,.storyHeader p,.encounterHero p,.encounterBody article p,.chronicleAccount p,.chronicleRecord p,.timelineFocus p,.timelineFocus dd{color:#ddd4c2}.rosterCard,.dossierVitals dl div,.originGallery figure,.chapterSelectIntro,.chapterSelectCard,.originChronicleNav button,.originChronicleEntry,.readerStatus,.chronicleRecord,.chronicleAccount,.chapterAfterword,.bookShelf button,.chronicleBookFallback article,.timelineSummaryStrip span,.timelineEventCard,.timelineFocus,.timelineFocus dl div,.encounterDialogue,.encounterBody article,.classStoryEntry,.classStoryMap,.crewMate{border-color:var(--dossier-rule);background:linear-gradient(135deg,#ffffff09,#0000 32%),repeating-linear-gradient(0deg,#0000 0 18px,#ffffff05 19px),linear-gradient(145deg,#241f19d1,#0707069e);box-shadow:0 14px 34px #00000042,inset 0 0 0 1px #0000003d}.rosterCard.active,.chapterSelectCard:hover,.chapterSelectCard:focus-visible,.originChronicleNav button.active,.timelineEvent.active .timelineEventCard,.timelineEventCard:hover,.timelineEventCard:focus-visible,.bookShelf button.active{border-color:color-mix(in srgb, var(--glow,var(--parchment)), transparent 26%);box-shadow:0 18px 42px #00000057, 0 0 0 1px color-mix(in srgb, var(--accent,#b56a3d), transparent 58%), inset 0 0 0 1px #ffffff09}.rosterContent,.timelineFocus>div{background:linear-gradient(90deg, #0000000a, #0000003d), radial-gradient(circle at 0 100%, color-mix(in srgb, var(--accent), transparent 88%), transparent 14rem)}.portrait,.bookShelf img,.originGallery figure,.chronicleSceneArt,.chronicleInlineArt,.timelineThumb,.timelineFocus>figure,.encounterHero{background:linear-gradient(135deg,#ffffff0b,#00000029),#060605;border:1px solid #eee5d457;box-shadow:0 18px 40px #00000057,0 0 0 6px #eee5d409}.originGallery figure:before,.chronicleSceneArt:before,.chronicleInlineArt:before,.timelineFocus>figure:before,.encounterHero:before{z-index:5;content:"";background:linear-gradient(90deg,#0000,#eee5d438,#0000),#b9a88929;width:min(32%,160px);height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 2px 10px #0003}.originGallery img,.chronicleSceneArt img,.chronicleSceneArt video,.chronicleInlineArt img,.chronicleInlineArt video,.timelineThumb img,.timelineThumb video,.timelineFocus>figure img,.timelineFocus>figure video,.encounterHero img,.portrait img{filter:saturate(.78)contrast(1.04)sepia(.1)}.chapterSelectCard:after,.originChronicleEntry:before,.bookShelf button:after{border-color:#eee5d424}.chapterSelectCard>span:first-of-type,.chronicleAccountLabel,.chronicleRecord strong,.readerStatus strong,.timelineFocusHeader span,.timelineFocusHeader b,.timelineSummaryStrip strong,.timelineCardMeta em,.timelineCardMeta b,.role,.panelHeading span,.storyHeader span,.encounterHero span{border:1px solid color-mix(in srgb, var(--accent,#b56a3d), transparent 56%);background:linear-gradient(#00000014,#00000038),#2b2319a8;padding-inline:8px}.role,.panelHeading span,.storyHeader span,.encounterHero span{width:fit-content}.storyHeader{border-bottom:1px solid var(--dossier-rule);margin-inline:auto;padding-bottom:18px;position:relative}.storyHeader:after{content:"";background:linear-gradient(90deg,#0000,#eee5d447,#0000);justify-self:center;width:min(100%,520px);height:1px;margin-top:8px}.timelineWarMap{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent,var(--ember)), transparent 88%), transparent 44%), repeating-linear-gradient(90deg, #ffffff06 0, #ffffff06 1px, transparent 1px, transparent 34px), linear-gradient(180deg, #ffffff09, transparent 42%), #100e0cbd}.encounterBody{align-items:start}.encounterDialogue p{border-left:2px solid color-mix(in srgb, var(--accent,var(--ember)), transparent 36%);padding-left:12px}.chapterSelectCard,.timelineEventCard,.rosterCard,.bookShelf button{transform-origin:50%}.chapterSelectCard:nth-child(odd),.timelineEvent:nth-child(odd) .timelineEventCard,.bookShelf button:nth-child(odd){transform:rotate(-.18deg)}.chapterSelectCard:nth-child(2n),.timelineEvent:nth-child(2n) .timelineEventCard,.bookShelf button:nth-child(2n){transform:rotate(.18deg)}.chapterSelectCard:hover,.chapterSelectCard:focus-visible,.timelineEventCard:hover,.timelineEventCard:focus-visible,.bookShelf button:hover,.bookShelf button:focus-visible{transform:translateY(-2px)rotate(0)}@media (prefers-reduced-motion:reduce){.appShell.ambientOn:before,.appShell.ambientOn:after,.forceBackdrop:before,.forceBackdrop:after,.blade,.dossier,.loginShell:before,.loginBackdrop:after,.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}}.errorFallback{text-align:center;background:#050507;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:32px;display:flex}.errorFallback span{letter-spacing:.32em;text-transform:uppercase;color:var(--ember);font-family:Cinzel,Georgia,serif;font-size:.78rem}.errorFallback h1{color:var(--parchment);margin:0;font-family:Cinzel,Georgia,serif;font-size:clamp(1.4rem,3vw,2rem)}.errorFallback p{max-width:420px;color:var(--parchment-dim);margin:0}.errorFallback button{color:var(--parchment);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#d8543c1f;border:1px solid #d8543c8c;border-radius:8px;margin-top:10px;padding:10px 26px;font-family:Cinzel,Georgia,serif}.errorFallback button:hover,.errorFallback button:focus-visible{background:#d8543c47}