:root{--anchor:clamp(22px,7vw,96px);--row-h:46px;--ink:#eaf5fb;--dim:rgba(234,245,251,0.56);--faint:rgba(234,245,251,0.3);--accent:#7fe3d8;--accent-hi:#bfe9ff;--ease:cubic-bezier(0.23,1,0.32,1);--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:ui-serif,Georgia,"Iowan Old Style","Times New Roman",serif}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}body{background:#06243f;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:var(--accent);-webkit-text-decoration-color:rgba(127,227,216,.4);text-decoration-color:rgba(127,227,216,.4);text-underline-offset:3px}a:hover{color:var(--accent-hi);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:2px}.bg{position:fixed;inset:-3%;z-index:0;background:linear-gradient(135deg,#0a2d5c,#0d456d 42%,#0f6068 74%,#116d63);animation:bg-drift 44s ease-in-out infinite alternate;will-change:transform}@keyframes bg-drift{0%{transform:translate3d(-12px,6px,0)}to{transform:translate3d(12px,-6px,0)}}.bg-scrim,.bg-sheen,.bg-vignette{position:absolute;inset:0;pointer-events:none}.bg-sheen{background:radial-gradient(80% 70% at 22% 18%,rgba(120,200,255,.16) 0,rgba(120,200,255,0) 62%)}.bg-vignette{background:radial-gradient(100% 80% at 50% 120%,rgba(3,20,38,.42) 0,rgba(3,20,38,0) 60%)}.bg-scrim{background:radial-gradient(62% 58% at 32% 56%,rgba(3,20,38,.5) 0,rgba(3,20,38,0) 72%)}.guilloche-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.xmb{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column;padding-top:clamp(30px,7vh,76px)}.xmb-categories{overflow:hidden;padding-left:var(--anchor);flex:none}.xmb-track{display:flex;align-items:flex-end;gap:clamp(26px,4vw,52px);margin:0;padding:0;list-style:none;width:max-content;transition:transform .22s var(--ease);will-change:transform}.xmb-category{transition:opacity .22s var(--ease)}.xmb-category button{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.xmb-category-label{font-size:14px;letter-spacing:.08em;color:var(--ink);transition:color .22s var(--ease)}.xmb-icon{color:rgba(234,245,251,.62);transition:color .22s var(--ease),transform .4s var(--ease)}.xmb-icon.is-active{color:var(--accent);transform:rotate(24deg)}.xmb-icon.is-places.is-active{transform:translateY(-3px) scale(1.06)}.xmb-items{flex:1 1;min-height:0;overflow:hidden;padding-left:var(--anchor);margin-top:clamp(22px,4vh,46px)}.xmb-items-track{transition:transform .22s var(--ease);will-change:transform}.xmb-item{transition:opacity .22s var(--ease)}.xmb-row{display:flex;align-items:baseline;gap:14px;height:var(--row-h);max-width:640px;text-align:left}.xmb-row-label{font-size:14px}.xmb-row-meta{font-size:11px;letter-spacing:.06em;color:var(--dim);white-space:nowrap}.card{position:relative;width:min(620px,calc(100vw - var(--anchor) * 2));height:min(52vh,430px);margin:2px 0 clamp(18px,3vh,30px);border:1px solid rgba(191,233,255,.14);border-radius:14px;background:rgba(4,26,45,.42);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);box-shadow:0 24px 60px -30px rgba(0,0,0,.6);overflow:hidden}.card-scroller{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.card-inner{padding:clamp(22px,3.4vh,32px) clamp(22px,3vw,34px)}.card-scroller::-webkit-scrollbar{display:none}.card-meta{margin:0 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.card-title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,34px);line-height:1.15;letter-spacing:-.01em}.card-lede{margin:12px 0 0;font-size:16px;color:var(--ink)}.card-links{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 0;padding-top:18px;border-top:1px solid rgba(191,233,255,.12);font-size:13px}.card-chev{position:absolute;right:16px;font-size:17px;line-height:1;color:var(--accent);opacity:0;transition:opacity .22s var(--ease);pointer-events:none;z-index:1}.card-chev.is-on{opacity:.65}.card-chev-up{top:12px;transform:rotate(-90deg)}.card-chev-down{bottom:12px;transform:rotate(90deg)}.prose{color:rgba(234,245,251,.84)}.prose p{margin:16px 0 0}.prose h2{margin:26px 0 0;font-family:var(--serif);font-weight:400;font-size:19px}.prose ul{margin:16px 0 0;padding:0;list-style:none}.prose ul li{position:relative;padding-left:18px;margin-top:8px}.prose ul li:before{content:"›";position:absolute;left:0;color:var(--accent);opacity:.7}.prose blockquote{margin:20px 0 0;padding-left:16px;border-left:1px solid rgba(127,227,216,.35);color:var(--dim)}.prose code{font-size:.9em;padding:1px 5px;border-radius:4px;background:rgba(191,233,255,.1)}.prose strong{font-weight:600;color:var(--ink)}.roles{margin-top:20px}.role+.role{margin-top:22px}.role-head{display:flex;align-items:center;gap:10px}.role-logo{height:22px;width:auto;max-width:110px;object-fit:contain;opacity:.92}.role-logo.is-inverted{filter:brightness(0) invert(1);opacity:.85}.role-name{font-family:var(--serif);font-size:18px;color:var(--ink)}.role-body{margin:8px 0 0;color:rgba(234,245,251,.84)}.role-link{display:inline-block;margin-top:8px;font-size:13px}.role-parts{margin-top:16px;padding-left:16px;border-left:1px solid rgba(191,233,255,.14)}.role-part+.role-part{margin-top:18px}.role-part .role-name{font-size:16px}.role-part .role-logo{height:18px}.role-part .role-body{font-size:14px}.roles-divider{margin:30px 0 0;padding-top:18px;border-top:1px solid rgba(191,233,255,.12);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.roles-note{margin:12px 0 26px;color:var(--dim)}.roles-divider+.role,.roles-note+.role{margin-top:18px}.worldmap{display:block;width:100%;height:auto;margin:18px 0 4px;overflow:visible}.place-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:2px 18px;gap:2px 18px;margin:14px 0 0;padding:0;list-style:none}.place-list li{position:relative;padding-left:18px;margin-top:6px}.place-list li:before{content:"›";position:absolute;left:0;color:var(--accent);opacity:.7}.xmb-hint{flex:none;display:flex;gap:20px;margin:0;padding:0 var(--anchor) clamp(20px,4vh,38px);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.hint-swipe{display:none}@media (hover:none){.hint-keys{display:none}.hint-swipe{display:inline}}@media (max-width:640px){.card{height:min(58vh,460px)}.xmb-track{gap:30px}}@media (max-height:520px){.xmb{padding-top:18px}.xmb-items{margin-top:16px}.card{height:min(66vh,430px);margin-bottom:14px}.xmb-hint{display:none}}@media (prefers-reduced-motion:reduce){.bg{animation:none}*,:after,:before{transition-duration:1ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}