@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=EB+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap");:root{--onyx:#0d0b12;--coal:#1a1620;--violet:#4b1e6d;--magenta:#7d2cbf;--silver:#c8c8d0;--gold:#b89a61;--muted:#928c99}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 72% 0,#2a133d 0,transparent 33rem),radial-gradient(circle at 20% 70%,#160d22 0,transparent 28rem),var(--onyx);color:#eeeaf1;font:20px EB Garamond,serif;font-weight:500}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:34px 22px;border-right:1px solid #3c244d;background:linear-gradient(180deg,#130f1a,#0d0b12)}.brand{font:600 23px/1.12 Cinzel,serif;color:var(--silver);text-decoration:none;letter-spacing:.06em}.brand span{color:#b96eff;text-shadow:0 0 12px #7d2cbf}nav{margin-top:46px;display:grid;grid-gap:4px;gap:4px}nav a{color:#d0c9d5;text-decoration:none;padding:10px 12px;border-left:2px solid transparent;font-size:18px;font-weight:500}nav a.active,nav a:hover{color:#fff;border-color:#a94fe4;background:linear-gradient(90deg,#311640,transparent)}.motto{position:absolute;bottom:25px;color:#a59cab;font-size:15px}main{max-width:1500px;width:100%;padding:0 6vw}header{height:72px;display:flex;align-items:center;justify-content:space-between;color:#c87af0;font:600 13px Cinzel;letter-spacing:.14em;border-bottom:1px solid #382243}.mobile{display:none}.hero{padding:95px 0 75px}.hero,.hero-content{max-width:740px}.hero h1,h1{font:600 clamp(37px,6vw,74px)/.95 Cinzel,serif;letter-spacing:.03em;margin:10px 0 24px;color:#f3eff5}.hero h1 i{color:#af57ed;font-style:normal;text-shadow:0 0 28px #4b1e6d}.hero-content>p,.hero>p{font-size:26px;max-width:590px;color:#ddd6e1;font-weight:500}.hero-motto{font-size:clamp(20px,2vw,27px)!important;line-height:1.35;max-width:650px!important;color:#f5f0f6!important;text-shadow:0 2px 12px #050407}.hero-with-image{max-width:none;min-height:440px;margin:24px 0 34px;padding:72px 7%;display:flex;align-items:center;border:1px solid #4a2d58;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:inset 0 0 90px rgba(0,0,0,.5),0 18px 50px rgba(0,0,0,.2);position:relative;overflow:hidden}.hero-with-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(116,35,145,.08),transparent 45%),linear-gradient(0deg,rgba(13,11,18,.48),transparent 42%)}.hero-with-image .hero-content{position:relative;z-index:1}.hero-with-image .eyebrow{color:#dfaef8!important;text-shadow:0 1px 8px #050407}.eyebrow{color:#c87af0;font:600 13px Cinzel!important;letter-spacing:.12em;text-transform:uppercase}.actions{display:flex;gap:14px;margin-top:32px}.actions a,button{background:transparent;color:#e9e1ed;border:1px solid #744294;padding:13px 18px;font:600 13px Cinzel;text-decoration:none;cursor:pointer}.actions a:hover,button:hover{background:#6e259f;border-color:#bd69ef;color:white}section{padding:45px 0 68px}.rule{height:1px;background:linear-gradient(90deg,#a956e2,transparent);margin:20px 0 30px}.grid{display:grid;grid-gap:18px;gap:18px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,#1c1622,#100d15);border:1px solid #3e2a4c;padding:24px;min-height:150px;box-shadow:inset 0 1px #584063}.card.accent{border-color:#b968ef;background:linear-gradient(145deg,#2b1638,#16101e)}.card h3{font:600 20px Cinzel;margin:0 0 16px;color:#eee8f1}.card b{font:600 25px Cinzel;color:#f5f0f6}.card p{margin:.5rem 0;color:#d5ced9;font-weight:500}.card-with-icon{position:relative;overflow:hidden;padding-right:78px}.status-icon{position:absolute;right:20px;top:18px;width:46px;height:52px;display:grid;place-items:center;color:#bdb7c2;opacity:.9}.status-icon:before{content:"";position:absolute;inset:1px 5px;border:1px solid rgba(192,192,192,.2);border-radius:50% 50% 45% 45%;box-shadow:inset 0 0 12px rgba(139,14,22,.12),0 0 14px rgba(139,14,22,.08)}.status-icon:after{content:"";position:absolute;left:50%;bottom:-16px;width:1px;height:18px;background:linear-gradient(rgba(176,138,62,.38),transparent)}.status-icon svg{width:32px;height:32px;position:relative;z-index:1;filter:drop-shadow(0 1px 2px #050407)}.status-icon-server{color:#c0c0c0}.status-icon-vampires{color:#b9a9bc}.status-icon-glory{color:#b08a3e}.status-icon-house{color:#c0c0c0}.status-icon-glory:before{border-color:rgba(176,138,62,.3)}.status-icon-vampires:before{border-color:rgba(139,14,22,.3);box-shadow:inset 0 0 13px rgba(139,14,22,.2),0 0 13px rgba(139,14,22,.1)}.status-icon-house:before,.status-icon-server:before{border-color:rgba(192,192,192,.22)}.status-icon-image{width:48px;height:48px;right:14px;top:14px;opacity:1}.status-icon-image:after,.status-icon-image:before{display:none}.status-icon-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.55))}.card-with-icon:has(.status-icon-image){padding-right:82px}.card-with-icon b,.card-with-icon h3,.card-with-icon p{position:relative;z-index:2;max-width:calc(100% - 4px)}.green{color:#8bc396!important}.lead{font-size:27px;max-width:760px;color:#e0dae4;font-weight:500}.ranking{display:grid;grid-gap:12px;gap:12px}.ranking .card{min-height:auto;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.map{border:1px solid #58326e;padding:30px;background:linear-gradient(135deg,#1d1327,#100d15)}.map>div{height:280px;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;background:repeating-linear-gradient(45deg,#18211e,#18211e 12px,#101714 0,#101714 24px);margin-bottom:20px}.map span{padding:12px;color:#e9e3ed;border:1px solid #79558f}.map .safe{background:#3d7052}.map .invaded{background:#7b2025}.book{padding:25px;background:#17101d;border:1px solid #70498a;display:grid;grid-gap:12px;gap:12px}footer{border-top:1px solid #382243;padding:30px 0;color:#aaa1ad;font-size:16px;font-weight:500}.glory-points{display:inline-block;margin-top:6px;color:#ff5c6d;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;line-height:1.1}@media(max-width:850px){.shell{display:block}aside{position:relative;height:auto;padding:20px;border-right:0;border-bottom:1px solid #3c244d}nav{margin:18px 0 0;display:flex;overflow:auto;gap:5px}nav a{white-space:nowrap;padding:8px}.motto{display:none}main{padding:0 6vw}.mobile{display:block}.four,.three{grid-template-columns:repeat(2,1fr)}.hero{padding:60px 0}.hero-with-image{min-height:390px;margin-top:18px;padding:54px 6%;background-position:42%}.hero-content>p,.hero>p{font-size:23px}}@media(max-width:520px){.four,.three,.two{grid-template-columns:1fr}.actions{flex-direction:column}.ranking .card{display:block}.hero h1{font-size:43px}.hero-with-image{min-height:430px;padding:46px 22px;background-position:38%}.hero-with-image h1{font-size:46px}.hero-motto{font-size:20px!important}.card-with-icon{padding-right:72px}.status-icon{right:16px;top:16px;width:42px;height:48px}.status-icon svg{width:29px;height:29px}.status-icon-image{width:44px;height:44px;right:12px;top:12px}.card-with-icon:has(.status-icon-image){padding-right:70px}body{font-size:19px}}@media (min-width:851px){aside{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#70408b #130f1a}aside nav{padding-bottom:26px}}@media (max-width:850px){aside{overflow:visible}aside nav{padding-bottom:0}}@media (min-width:851px){aside{display:flex;flex-direction:column}aside nav{flex:0 0 auto}}.brand-seal{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border:1px solid #8e3344;border-radius:50%;color:#e26574;background:radial-gradient(circle,#4b1521,#180d14 70%);box-shadow:0 0 12px rgba(185,54,77,.55),inset 0 0 10px rgba(226,77,98,.25);font:600 13px Cinzel,serif;letter-spacing:.06em}.vesper-signature{gap:10px;color:#aaa1ad}.vesper-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #70408b;color:#d2a8e7;background:#160d1c;box-shadow:0 0 8px #4b1e6d;font:600 17px Cinzel,serif}.vesper-signature img{flex:0 0 auto}.vesper-signature p{line-height:1.18;font-weight:500}.vesper-signature b{font:600 11px Cinzel;color:#d6c2df}@media (min-width:851px){.vesper-signature{position:relative!important;inset:auto!important;float:none!important;clear:both;width:100%;margin:8px 0 0;padding:18px 4px 24px;border-top:1px solid rgba(112,64,139,.28);z-index:auto}}.chronicle-image-link{display:block;width:min(100%,600px);margin:24px 0 30px;cursor:zoom-in}.chronicle-image{display:block;width:100%;max-height:360px;object-fit:contain;margin:0;padding:8px;border:1px solid #6f3a80;background:#0c0910;box-shadow:0 14px 34px rgba(0,0,0,.28)}.reading{max-width:800px;margin:30px 0 45px;padding:28px;border-left:2px solid #9c4bd2;background:linear-gradient(90deg,#21142c,#120e17)}.reading p{font-size:24px;line-height:1.55;color:#ddd6e3}.members{margin:0;padding-left:22px;color:#d8cfe0}.members li{padding:5px 0}.house-glory{display:flex;align-items:center;gap:18px}.house-glory img{width:88px;height:88px;object-fit:contain;border:1px solid #704183;background:#0c0910}.vip-card-image{height:180px;margin:0 0 18px}.vip-card-image,.vip-hero{display:block;width:100%;object-fit:cover;border:1px solid #6f3a80;background:#0c0910}.vip-hero{max-width:900px;max-height:440px;margin:28px 0}.brand{display:flex;align-items:center;gap:11px;font-size:20px!important}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 8px #4b1e6d)}.brand b{color:#e2d8e8}.vesper-signature{position:absolute;bottom:24px;display:flex;align-items:center;gap:9px;color:#93899f}.vesper-signature img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 7px #62258e)}.vesper-signature p{margin:0;font-size:14px;line-height:1.1}.vesper-signature b{font:11px Cinzel;color:#c8b0dc;letter-spacing:.08em}main a:not(.brand){color:#e45563;-webkit-text-decoration-color:#8d2635;text-decoration-color:#8d2635;text-underline-offset:4px}main a:not(.brand):hover{color:#ff8790;-webkit-text-decoration-color:#ff8790;text-decoration-color:#ff8790}.chronicle-reading{max-width:980px;margin:0 auto;padding:58px 0 90px}.chronicle-back{display:inline-block;margin-bottom:38px;font:12px Cinzel,serif;letter-spacing:.1em}.chronicle-heading{height:auto;display:block;padding:0 0 28px;border-bottom:1px solid #4d315b}.chronicle-heading h1{margin:10px 0 14px;font-size:clamp(34px,4.7vw,58px);line-height:1.04}.chronicle-subtitle{margin:0;color:#c9bbd0;font-size:clamp(23px,3vw,32px);font-style:italic}.chronicle-cover-button{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:34px auto;padding:0;border:0;background:transparent;cursor:zoom-in}.chronicle-cover-button:hover{background:transparent}.chronicle-cover{display:block;width:auto;max-width:min(100%,640px);height:auto;max-height:420px;margin:0;object-fit:contain;background:#100d15;border:1px solid #58356a;box-shadow:0 20px 50px rgba(0,0,0,.45)}.chronicle-text{max-width:780px;margin:38px auto 0;color:#ddd5e2;font-size:clamp(20px,2vw,24px);line-height:1.72}.chronicle-text p{margin:0 0 1.45em;white-space:pre-line}.chronicle-text p:first-child:first-letter{float:left;margin:.08em .12em 0 0;color:#c66df0;font:600 3.4em/.78 Cinzel,serif;text-shadow:0 0 18px rgba(166,68,213,.45)}.chronicle-lightbox{position:fixed;inset:0;z-index:9999;padding:70px;background:rgba(5,3,7,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out}.chronicle-lightbox,.chronicle-lightbox-image-area{display:flex;align-items:center;justify-content:center}.chronicle-lightbox-image-area{width:100%;height:100%;overflow:auto;cursor:default}.chronicle-lightbox-image-area img{display:block;max-width:90vw;max-height:82vh;object-fit:contain;transform-origin:center;transition:transform .2s ease;box-shadow:0 0 0 1px rgba(176,138,62,.5),0 20px 80px rgba(0,0,0,.8)}.chronicle-lightbox-close{position:fixed;top:24px;right:30px;z-index:10001;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #8b0e16;border-radius:50%;background:rgba(11,11,13,.9);color:#c0c0c0;font-family:Cinzel,serif;font-size:30px;line-height:1;cursor:pointer}.chronicle-lightbox-close:hover{background:#8b0e16;color:#fff}.chronicle-lightbox-controls{position:fixed;bottom:24px;left:50%;z-index:10001;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #6f3a80;background:rgba(13,11,18,.92);font-family:Cinzel,serif}.chronicle-lightbox-controls button{width:38px;height:38px;padding:0;font-size:22px}.chronicle-lightbox-controls span{min-width:58px;color:#c8c8d0;text-align:center;font-size:13px}@media(max-width:850px){.vesper-signature{display:none}}@media(max-width:700px){.chronicle-lightbox{padding:55px 15px 80px}.chronicle-lightbox-image-area img{max-width:96vw;max-height:78vh}.chronicle-lightbox-close{top:12px;right:12px}}@media(max-width:600px){.chronicle-reading{padding-top:36px}.chronicle-heading h1{font-size:34px}.chronicle-cover{max-height:none}.chronicle-text{font-size:20px}}.chronicle-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin:34px 0 42px}.chronicle-gallery .chronicle-cover-button{width:100%;margin:0}.chronicle-gallery .chronicle-cover{width:100%;max-width:none;height:210px;max-height:210px;object-fit:contain}.chronicle-gallery .chronicle-cover-button:hover .chronicle-cover{border-color:#a85bd0;box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 22px rgba(125,44,191,.18)}@media(max-width:900px){.chronicle-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.chronicle-gallery{grid-template-columns:1fr}.chronicle-gallery .chronicle-cover{height:auto;max-height:none}}.liber-fragment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.liber-fragment-grid>article{display:flex;flex-direction:column}.liber-fragment-details{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr);grid-gap:14px;gap:14px;margin:4px 0 20px}.liber-fragment-details p{margin:0;padding:13px 15px;border-left:2px solid #8b0e16;background:rgba(139,14,22,.08)}.liber-fragment-details span{display:block;margin-bottom:6px;color:#b08a3e;font:700 .72rem Cinzel,serif;letter-spacing:.08em}.liber-fragment-details strong{display:block;color:#e2dce5;font-weight:500}.liber-fragment-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:auto}.liber-fragment-gallery .chronicle-cover-button{width:100%;margin:0}.liber-fragment-gallery .chronicle-cover{width:100%;max-width:none;height:180px;max-height:180px;object-fit:contain}.liber-fragment-empty{margin-top:auto;color:#93899f;font-style:italic}@media(max-width:900px){.liber-fragment-grid{grid-template-columns:1fr}}@media(max-width:600px){.liber-fragment-details,.liber-fragment-gallery{grid-template-columns:1fr}.liber-fragment-gallery .chronicle-cover{height:auto;max-height:none}}.photo-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.photo-album-card{overflow:hidden;border:1px solid #4f315d;background:linear-gradient(145deg,#1c1622,#100d15);box-shadow:0 16px 36px rgba(0,0,0,.28)}.photo-album-card .chronicle-cover-button{display:block;width:100%;margin:0}.photo-album-card .chronicle-cover{width:100%;max-width:none;height:260px;max-height:260px;object-fit:cover;border:0;border-bottom:1px solid #5c386b}.photo-album-placeholder{height:260px;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,#26172e,#0c0910 72%);color:#8f8295;font:12px Cinzel,serif;letter-spacing:.12em}.photo-album-content{padding:24px}.photo-album-content h2{margin:8px 0 20px;color:#e9e6ef;font:600 1.35rem/1.25 Cinzel,serif}.photo-album-content p:not(.eyebrow){margin:12px 0;padding-top:12px;border-top:1px solid rgba(176,138,62,.18)}.photo-album-content span{display:block;margin-bottom:4px;color:#b08a3e;font:700 .68rem Cinzel,serif;letter-spacing:.08em}.photo-album-content strong{color:#ddd6e3;font-weight:500}@media(max-width:1050px){.photo-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.photo-album-grid{grid-template-columns:1fr}.photo-album-card .chronicle-cover,.photo-album-placeholder{height:230px;max-height:230px}}body{font-size:18px}.hero h1,h1{font-size:clamp(34px,5.5vw,68px)}main section>h1{font-size:clamp(30px,4vw,50px)}.hero>p{font-size:23px}.lead{font-size:24px}.card h3{font-size:18px}.card b{font-size:22px}nav a{font-size:20px}.reading p{font-size:22px}.members,.ranking .card,.ranking .card h3{font-size:20px}.ranking .card a{font-size:19px}@media(max-width:850px){.hero>p{font-size:21px}}@media(max-width:520px){.hero h1{font-size:40px}main section>h1{font-size:32px}body{font-size:18px}}.grid.four>.card.card-with-icon{min-height:190px;padding:28px 106px 28px 24px;display:flex;flex-direction:column;justify-content:center}.grid.four>.card.card-with-icon h3{margin-bottom:16px;max-width:100%}.grid.four>.card.card-with-icon b{display:block;max-width:100%;font-size:clamp(15px,1.25vw,20px);line-height:1.18;white-space:nowrap;overflow-wrap:normal;word-break:normal}.grid.four>.card.card-with-icon p{max-width:100%;font-size:18px;line-height:1.2}.grid.four>.card.card-with-icon .status-icon-image{width:88px;height:88px;right:10px;top:50%;transform:translateY(-50%);opacity:1;display:grid;place-items:center}.grid.four>.card.card-with-icon .status-icon-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.58))}.grid.four>.card.card-with-icon .status-icon-image:after,.grid.four>.card.card-with-icon .status-icon-image:before{display:none}@media (max-width:1300px) and (min-width:851px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four>.card.card-with-icon b{font-size:20px}}@media (max-width:850px){.grid.four>.card.card-with-icon{min-height:175px;padding:25px 100px 25px 22px}.grid.four>.card.card-with-icon .status-icon-image{width:82px;height:82px;right:9px}.grid.four>.card.card-with-icon b{font-size:17px}}@media (max-width:700px){.grid.four{grid-template-columns:1fr}.grid.four>.card.card-with-icon{min-height:155px;padding-right:112px}.grid.four>.card.card-with-icon .status-icon-image{width:94px;height:94px}.grid.four>.card.card-with-icon b{font-size:20px}}@media (max-width:380px){.grid.four>.card.card-with-icon{padding-right:92px}.grid.four>.card.card-with-icon .status-icon-image{width:76px;height:76px}.grid.four>.card.card-with-icon b{font-size:16px}}.hero-game-id{margin:8px 0 14px!important;color:#d9d3df!important;font:600 12px Cinzel,serif!important;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px #050407}.hero-with-image .hero-game-id{color:#e9e3ee!important}@media(max-width:520px){.hero-game-id{font-size:10px!important;letter-spacing:.1em}}