:root{--bg: #000;--fg: #e4e4e7;--muted: #a1a1aa;--accent: #ff2a2a;--border: #1d1d1d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.a-container{max-width:1200px;margin:0 auto;padding:24px}.h2{margin:0;font-size:24px;letter-spacing:.1em;opacity:.9}.muted{color:var(--muted)}.page{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.brand{display:inline-flex;align-items:baseline;gap:10px}.brand__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #f009}.brand__name{letter-spacing:.2em;font-size:12px;text-transform:uppercase;color:var(--muted)}.footer{margin:40px 0;text-align:center;color:var(--muted);font-size:12px;opacity:.8}.brand__flare{position:relative;display:inline-block;width:clamp(90px,16vw,180px);height:2px;background:linear-gradient(90deg,#0000,#ff2a2a66 16%,#3fa2ff59,#a6ff6b57 60%,#7a3bc857 84%,#0000);filter:drop-shadow(0 0 10px rgba(255,42,42,.2));overflow:visible}.brand__flare:after{content:"";position:absolute;left:0;top:50%;width:100%;height:100%;transform:translateY(-50%);background:linear-gradient(90deg,#fff0,#ffffff29,#fff0);animation:brand-shimmer 2.8s linear infinite;opacity:.45}.brand__flare--left{order:-1}.brand__flare--right{order:2}.brand__name{font-size:clamp(26px,4.6vw,44px);letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(255,42,42,.265),0 1px 0 rgba(255,255,255,.268)}.portal{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#ff00000f,#000000f5 60%);overflow:hidden;text-align:center;padding:24px;perspective:1000px}.portal__specks{position:absolute;inset:-10%;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:2px 2px;pointer-events:none}.portal__aurora{position:absolute;width:160vmax;height:160vmax;left:50%;top:50%;translate:-50% -50%;pointer-events:none;opacity:.18;filter:blur(60px) saturate(1.1);mix-blend-mode:screen;background:conic-gradient(from 0deg,#ff484880,#ff000026,#ff2c2c66,#ff00001a,#ff484880);animation:aurora 16s ease-in-out infinite alternate}@keyframes aurora{0%{transform:rotate(0) scale(1)}to{transform:rotate(18deg) scale(1.06)}}.portal__title{position:relative;font-size:clamp(28px,6vw,72px);letter-spacing:.24em;text-transform:uppercase;color:#ff4d4d;text-shadow:0 0 12px rgba(255,0,0,.4),0 0 28px rgba(255,0,0,.25);margin:0 0 12px}.portal__shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);mix-blend-mode:screen;animation:shine 3.2s ease-in-out infinite}@keyframes shine{0%{transform:translate(-120%);opacity:0}30%{opacity:.25}60%{opacity:.25}to{transform:translate(120%);opacity:0}}.portal__sub{color:var(--muted);max-width:640px;margin:0 auto 18px;line-height:1.6}.portal__cta{border:1px solid #5a0b0b;background:#b11212;color:#fff;padding:10px 18px;border-radius:12px;cursor:pointer;font-weight:600}.portal__cta:hover{filter:brightness(1.05)}.portal__hint{position:absolute;bottom:24px;right:24px;color:var(--muted);font-size:12px;opacity:.8}.portal__ripple{position:absolute;inset:0;margin:auto;width:70vmin;aspect-ratio:1/1;border-radius:999px;background:radial-gradient(circle,rgba(255,0,0,.12),rgba(255,0,0,.04) 40%,transparent 70%);filter:blur(6px);animation:ripple 6s ease-in-out infinite;pointer-events:none}@keyframes ripple{0%{transform:scale(.8);opacity:.35}50%{transform:scale(1.05);opacity:.55}to{transform:scale(.95);opacity:.45}}.portal__ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:999px;border:1px solid rgba(255,0,0,.25);box-shadow:0 0 60px #ff000026 inset,0 0 30px #ff000040;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;pointer-events:none}.portal__ring--outer{width:70vmin;height:70vmin;animation:ring-spin 20s linear infinite}.portal__ring--inner{width:38vmin;height:38vmin;animation:ring-spin-rev 14s linear infinite}@keyframes ring-spin{to{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(360deg)}}@keyframes ring-spin-rev{to{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(-360deg)}}.portal__dust{position:absolute;inset:0;pointer-events:none;overflow:hidden}.portal__particle{position:absolute;bottom:-8vh;background:#ff9a9a;border-radius:50%;filter:blur(.5px) drop-shadow(0 0 6px rgba(255,0,0,.6));opacity:.6;animation-name:floatUp;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}to{transform:translateY(-110vh) scale(.85);opacity:0}}.portal__aurora{z-index:0}.portal__specks{z-index:1}.portal__ring,.portal__ripple{z-index:2}.portal__dust{z-index:3}.portal__ui,.portal__hint{z-index:4}.portal__warp{z-index:5}.portal__blackout{z-index:6}.portal--enter .portal__ring--outer{animation-duration:3s!important}.portal--enter .portal__ring--inner{animation-duration:2.2s!important}.portal__ui{transition:opacity .35s ease,filter .35s ease,transform .35s ease}.portal--enter .portal__ui{opacity:0;filter:blur(3px);transform:translateY(-10px)}.portal__warp{position:absolute;left:50%;top:50%;translate:-50% -50%;width:28vmin;aspect-ratio:1 / 1;border-radius:999px;pointer-events:none;opacity:0;background:radial-gradient(closest-side,#ff3636a6,#ff000059 35%,#0a0000e6 75%,#000 90%);box-shadow:0 0 40px #ff000059,0 0 140px #ff000040;will-change:transform,opacity,filter;transform:scale(.4)}.portal__warp.run{animation:portal-warp .9s cubic-bezier(.2,.65,.3,1) forwards}@keyframes portal-warp{0%{opacity:0;transform:scale(.4);filter:blur(0px)}15%{opacity:.9;transform:scale(.7);filter:blur(1px)}60%{opacity:1;transform:scale(8);filter:blur(2px)}to{opacity:1;transform:scale(24);filter:blur(3px)}}.portal__blackout{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.portal__blackout.run{animation:portal-blackout .9s cubic-bezier(.2,.65,.3,1) forwards}@keyframes portal-blackout{0%{opacity:0}70%{opacity:.15}to{opacity:1}}.portal--enter .portal__particle{animation-duration:3s!important;opacity:.8}@media (prefers-reduced-motion: reduce){.portal__aurora,.portal__ripple,.portal__ring--outer,.portal__ring--inner,.portal__particle,.portal__shine{animation:none!important}.portal__warp.run{animation:none!important;opacity:0}.portal__blackout.run{animation:fadeOnly .35s ease forwards}@keyframes fadeOnly{to{opacity:1}}}.library{position:relative;z-index:0;padding:12px 0 40px}html,body,.page,.library{overflow-x:clip}.library__bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(60% 50% at 10% 15%,rgba(122,11,27,.22),transparent 60%),radial-gradient(55% 45% at 90% 12%,rgba(11,59,122,.24),transparent 62%),radial-gradient(50% 40% at 82% 44%,rgba(46,52,60,.18),transparent 60%),radial-gradient(50% 40% at 78% 52%,rgba(142,197,255,.16),transparent 60%),radial-gradient(52% 42% at 16% 56%,rgba(90,58,30,.22),transparent 62%),radial-gradient(60% 55% at 14% 88%,rgba(15,61,39,.22),transparent 64%),radial-gradient(60% 55% at 18% 94%,rgba(184,232,75,.14),transparent 66%),radial-gradient(60% 55% at 88% 86%,rgba(122,59,200,.2),transparent 64%),radial-gradient(70% 60% at 50% 66%,rgba(156,106,63,.14),transparent 70%),linear-gradient(180deg,#000c,#000000f2);filter:saturate(.95) contrast(.98) brightness(.92)}.library__aurora{position:fixed;inset:-20%;z-index:-1;pointer-events:none;opacity:.18;filter:blur(60px) saturate(1.02);mix-blend-mode:screen;background:conic-gradient(from 0deg,#3fa2ff47,#ff2a2a2e,#a6ff6b38,#793bc838,#9c6a3f2e,#8ec5ff3d,#3fa2ff47);animation:library-aurora 22s ease-in-out infinite alternate}@keyframes library-aurora{0%{transform:rotate(0) scale(1)}to{transform:rotate(16deg) scale(1.06)}}.library__header{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:8px 0 10px}.library__titles .h2{margin:0}.library__titles .muted{margin:4px 0 0}.library__meta{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:10px;font-size:12px;color:#e4e4e7;background:#0b0b0b;border:1px solid #1d1d1d;border-radius:999px;box-shadow:0 0 14px #ff000014 inset}.library__divider{height:1px;width:100%;margin:8px 0 10px;background:linear-gradient(90deg,#f000,#ff000059,#f000);border:0}.library__ringWrap{padding-top:16px}.library__loader{position:relative;width:min(88vw,700px);height:min(88vw,700px);margin:36px auto 40px;border-radius:24px;background:#0a0a0a;overflow:hidden;border:1px solid #151515}.library__loader .shimmer{position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff0f,#fff0),repeating-linear-gradient(0deg,#0b0b0b 0 6px,#0d0d0d 6px 12px);animation:shimmerMove 1.2s linear infinite;opacity:.8}@keyframes shimmerMove{0%{transform:translate(-30%)}to{transform:translate(30%)}}.library__empty{position:relative;display:grid;place-items:center;padding:60px 0 80px;color:#a1a1aa}.library__empty .empty__halo{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#ff00001f,#0000 60%);filter:blur(16px);pointer-events:none}@media (max-width: 560px){.library__header{flex-direction:column;align-items:flex-start}.library__ringWrap{padding-top:18px}.ring{width:min(92vw,560px);height:min(92vw,560px);margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion: reduce){.library__aurora{animation:none!important}}.feature{display:grid;place-items:center;margin:18px 0 36px}.feature__card{display:grid;grid-template-columns:220px 1fr;gap:16px;width:min(96vw,1100px);background:#0b0b0b;border:1px solid #1d1d1d;border-radius:16px;padding:16px;text-align:left;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.feature__card:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:0 0 26px #ff00001f}.feature__coverWrap{position:relative;height:320px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,0,0,.28);background:linear-gradient(180deg,#1a1a1a,#0a0a0a)}.feature__glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px #ff00002e}.feature__cover{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.feature__cover--empty{display:grid;place-items:center;color:#bbb;height:240px}.feature__meta{align-self:center;padding-right:6px}.feature__title{margin:0 0 6px;font-size:clamp(18px,2.2vw,26px);color:#f4f4f5;letter-spacing:.02em}.feature__tag{margin:0;color:var(--muted)}@media (min-width: 1024px){.feature__card{grid-template-columns:300px 1fr}.feature__coverWrap{height:360px}}@media (max-width: 720px){.feature__card{grid-template-columns:1fr;width:60%;padding:12px}.feature__coverWrap{height:auto;aspect-ratio:2 / 3}.feature__cover{object-position:center top}}.bmodal{position:fixed;inset:0;display:grid;place-items:center;z-index:50;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.bmodal__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ff000014,#000c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bmodal__card{position:relative;width:min(86vw,800px);max-height:calc(100dvh - 24px);background:#0a0a0a;border:1px solid #1d1d1d;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(260px,340px) 1fr;align-items:stretch}.bmodal__card>*{min-width:0;min-height:0}.bmodal__close{position:absolute;top:8px;right:10px;background:transparent;color:#e4e4e7;border:0;font-size:24px;cursor:pointer}.bmodal__media{overflow:hidden;max-height:70vh}.bmodal__media img,.bmodal__placeholder{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.bmodal__placeholder{min-height:320px;background:#111}.bmodal__body{padding:16px;overflow:auto;min-height:0;-webkit-overflow-scrolling:touch}.bmodal__title{margin:0 0 6px;font-size:clamp(18px,2.4vw,28px);letter-spacing:.02em}.bmodal__tag{margin:0 0 12px;color:var(--muted)}.bmodal__note{margin-top:8px;padding:10px 12px;border-radius:10px;background:#0d0d0d;border:1px solid #1a1a1a;color:#a1a1aa}.bmodal__footer{margin-top:14px;display:flex;justify-content:flex-end}@media (max-width: 720px){.bmodal__card{grid-template-columns:1fr;width:min(92vw,760px)}.bmodal__media{max-height:42vh;background:#0f0f0f}.bmodal__media img{object-fit:contain}.bmodal__title{font-size:clamp(18px,5vw,24px)}.bmodal__note{font-size:14px}}.book__topbar{padding:14px 0 6px}.book__header{padding:6px 0 10px}.book__title{margin:0 0 6px;font-size:clamp(22px,3.6vw,36px);letter-spacing:.02em}.book__desc{margin:0;color:var(--muted);max-width:68ch}.book__topbar .btn:focus-visible{outline:2px solid rgba(255,0,0,.5);outline-offset:2px}.book__topbar .btn,.book__topbar .btn:link,.book__topbar .btn:visited,.book__topbar .btn:hover,.book__topbar .btn:active{text-decoration:none}.book__section{margin-top:16px}.book__h2{margin:0 0 10px;font-size:18px;letter-spacing:.08em;opacity:.9}.book{position:relative;z-index:0}.book__bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(255,0,0,.06),transparent 40%),linear-gradient(180deg,#000000b8,#000000eb),var(--bg-image) center / cover no-repeat;filter:saturate(.95) contrast(.95) brightness(.8);opacity:.9}.book__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card-person{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:18px;overflow:hidden;text-align:center;box-shadow:0 0 #0000;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.card-person:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000059;filter:brightness(1.03)}.card-person__imgWrap{aspect-ratio:3 / 4;background:#0f0f0f}.card-person__imgWrap img{width:100%;height:100%;object-fit:cover;display:block}.card-person__name{padding:10px;font-size:15px}@media (max-width: 880px){.book__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 560px){.book__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.book__grid a.card-link{text-decoration:none;color:inherit;display:block}.book__grid a.card-link:focus-visible{outline:2px solid rgba(255,0,0,.5);outline-offset:3px;border-radius:18px}.char{position:relative;z-index:0;padding-bottom:40px}.char__bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 10%,color-mix(in oklab,var(--accent) 18%,transparent) 0%,transparent 40%),linear-gradient(180deg,#000000c7,#000000f0),var(--bg-image) center / cover no-repeat;filter:saturate(.95) contrast(.95) brightness(.85);opacity:.92}.char__hero{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:24px;align-items:center;margin-top:6px}.char__portraitWrap{position:relative;border-radius:22px;overflow:hidden;border:1px solid #1d1d1d;background:linear-gradient(180deg,#141414e6,#080808f2);aspect-ratio:2 / 3;box-shadow:0 0 0 1px #ffffff05 inset,0 18px 50px #00000073}.char__portraitWrap img{width:100%;height:100%;object-fit:cover;display:block}.char__glow{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 60%,color-mix(in oklab,var(--accent) 20%,transparent) 0%,transparent 60%);filter:blur(36px);opacity:.55;pointer-events:none}.char__meta{padding:6px 6px 6px 8px}.char__name{position:relative;margin:0 0 6px;font-size:clamp(26px,4vw,40px);letter-spacing:.02em}.char__nameStroke{position:absolute;inset:0;z-index:-1;-webkit-text-stroke:10px color-mix(in oklab,var(--accent) 10%,transparent);color:transparent;opacity:.25}.char__role{position:relative;display:inline-block;margin:0 0 12px;background:linear-gradient(90deg,color-mix(in oklab,var(--g1) 55%,#e6e6e6 45%),color-mix(in oklab,var(--g2) 55%,#ffffff 45%));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;letter-spacing:.06em;text-shadow:0 0 10px color-mix(in oklab,var(--accent) 28%,transparent),0 1px 0 rgba(255,255,255,.06),0 0 1px rgba(0,0,0,.6)}.char__role:before{content:"";position:absolute;inset:-3px -10px;z-index:-1;border-radius:10px;background:radial-gradient(60% 60% at 50% 55%,color-mix(in oklab,var(--accent) 22%,transparent) 0%,transparent 70%);opacity:.45;filter:blur(10px)}@supports not (color: color-mix(in oklab,black,white)){.char__role{color:#f1f1f1;background:none;text-shadow:0 0 10px rgba(255,255,255,.15),0 1px 0 rgba(255,255,255,.08)}}.char__lore{margin:0 0 14px;color:#e4e4e7;max-width:72ch;line-height:1.65}.char__abilities{display:flex;flex-wrap:wrap;gap:10px}.badge{padding:8px 12px;border-radius:999px;font-size:12px;line-height:1.2;background:#0b0b0b;border:1px solid #1d1d1d;color:#e4e4e7}.badge--accent{border-color:color-mix(in oklab,var(--accent) 50%,#1d1d1d);box-shadow:0 0 16px color-mix(in oklab,var(--accent) 18%,transparent) inset,0 0 26px color-mix(in oklab,var(--accent) 14%,transparent)}@media (max-width: 900px){.char__hero{grid-template-columns:1fr}.char__portraitWrap{max-width:520px;margin:0 auto}}.modal--book .modal__card{width:min(86vw,800px);max-height:calc(100dvh - 24px);display:grid;grid-template-columns:minmax(260px,360px) 1fr;align-items:stretch;overflow:hidden}.modal--book .modal__card>*{min-width:0;min-height:0}.modal--book .modal__media{display:grid;place-items:center;background:#0f0f0f;padding:10px;overflow:hidden;max-height:70vh}.modal--book .modal__media img{width:92%;height:auto;max-height:100%;object-fit:contain;object-position:center center}.modal--book .modal__body{overflow:auto;-webkit-overflow-scrolling:touch;padding:16px;min-height:0;overscroll-behavior:contain}@media (max-width: 720px){.modal--book .modal__card{grid-template-columns:1fr;width:min(92vw,760px)}.modal--book .modal__media{max-height:42vh}.modal--book .modal__media img{width:100%}}.book__topbar .book__back{text-decoration:none;gap:6px;font-weight:600;padding:8px 12px}.book__topbar .book__back:hover{filter:brightness(1.06)}.book__topbar .book__back:focus-visible{outline:2px solid rgba(255,0,0,.5);outline-offset:2px}.map{position:relative;margin:16px 0 28px}.map__frame{width:min(75vw,1400px);margin:0 auto;padding:8px;border-radius:18px;background:#0b0b0b;border:1px solid #1d1d1d;box-shadow:0 0 26px #00000040 inset}.map__tw{width:100%!important}.map__tc{width:100%!important;height:100%!important}.map__viewport{position:relative;width:100%;aspect-ratio:var(--map-ratio, 2 / 1);border-radius:14px;overflow:hidden}.map__img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:999px;background:radial-gradient(circle at 40% 40%,#fff,#ffb3b3 55%,#b11212);border:1px solid #1d1d1d;box-shadow:0 0 14px #ff000059;cursor:pointer;z-index:2}.pin:hover{transform:translate(-50%,-50%) scale(1.08)}@media (max-width: 720px){.pin{width:14px;height:14px}.map__frame{width:95vw;border-radius:0}}.modal{position:fixed;inset:0;z-index:1000}.modal__backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__card{position:relative;width:min(980px,92vw);max-height:88vh;margin:6vh auto;background:#101010;border:1px solid #222;border-radius:16px;display:grid;grid-template-columns:360px 1fr;gap:16px;padding:20px;overflow:hidden}.modal__media{overflow:hidden;border-radius:12px}.modal__media img{display:block;width:100%;height:auto}.modal__body{overflow:auto;padding-right:4px}.modal__title{margin:0 0 6px;font-size:1.5rem}.modal__tag{opacity:.8;margin:0 0 12px}.modal__note{font-size:.95rem;line-height:1.4}.modal__close{position:absolute;right:10px;top:8px;background:transparent;border:0;color:#eee;font-size:28px;cursor:pointer}.modal__footer{margin-top:14px;display:flex;gap:8px}@media (max-width: 900px){.modal__card{grid-template-columns:1fr;width:min(580px,84vw);max-height:80vh}}.map__viewport{min-height:220px}@media (max-width: 720px){.map__img{object-fit:contain}}