:root{--font-display:"Iowan Old Style", "Songti TC", "Noto Serif TC", "PMingLiU", serif;--font-body:Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-utility:"SFMono-Regular", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;--ink-1000:#050507;--ink-950:#08080d;--ink-900:#0d0c13;--ink-850:#12111a;--ink-800:#181621;--ink-750:#211d2a;--ink-700:#2a2532;--paper-100:#f0edf2;--paper-200:#d8d2dc;--paper-300:#b5aebb;--paper-400:#8d8794;--paper-500:#817b87;--violet-100:#d3c5e3;--violet-200:#baa6cf;--violet-300:#a288b8;--violet-400:#8a6ca2;--violet-500:#715486;--violet-600:#573e6a;--violet-700:#3f2b4f;--success:#83c7a5;--warning:#c6a66f;--danger:#d18c9a;--line-faint:#d5cade14;--line-soft:#d5cade24;--line-medium:#c9b8d63d;--line-strong:#bea3d366;--surface-faint:#ffffff05;--surface-soft:#ffffff09;--surface-violet:#68498024;--surface-violet-strong:#6849803d;--shadow-deep:0 24px 80px #00000057;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--content-wide:92rem;--content-reader:52rem;--sidebar-width:18.5rem;--topbar-height:4rem;--focus-ring:0 0 0 3px #baa6cf57;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.14s;--duration-normal:.22s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-synthesis:none;color:var(--paper-300);background:var(--ink-1000);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}html{background:var(--ink-1000);scroll-behavior:smooth;min-width:0;min-height:100%}body{background:radial-gradient(circle at 76% 8%, #5237671f, transparent 34rem), radial-gradient(circle at 18% 82%, #332a431f, transparent 30rem), var(--ink-1000);min-width:0;min-height:100dvh;margin:0;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(var(--line-faint) 1px, transparent 1px), linear-gradient(90deg, var(--line-faint) 1px, transparent 1px);opacity:.28;background-size:4rem 4rem;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:not(:disabled),a[href]{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--violet-200);outline-offset:4px;box-shadow:var(--focus-ring)}img,svg{max-width:100%;display:block}h1,h2,h3,p,blockquote{margin-top:0}a{color:inherit}::selection{color:var(--paper-100);background:var(--violet-600)}#root{width:100%;min-width:0;min-height:100dvh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:1000;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--paper-100);background:var(--ink-800);border:1px solid var(--line-strong);font-family:var(--font-utility);letter-spacing:.08em;transition:transform var(--duration-fast) var(--ease-out);font-size:.75rem;text-decoration:none;position:fixed;transform:translateY(calc(-100% - 2rem))}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);border-inline:1px solid var(--line-soft);width:min(100%,120rem);min-width:0;min-height:100dvh;box-shadow:var(--shadow-deep);background:#050507c2;margin-inline:auto;display:grid}.sidebar{z-index:20;background:linear-gradient(180deg, #53396614, transparent 16rem), var(--ink-900);border-right:1px solid var(--line-medium);flex-direction:column;min-width:0;height:100dvh;padding:1.75rem 1.25rem 1.25rem;display:flex;position:sticky;top:0}.sidebar:before{content:"";border-top:1px solid var(--line-medium);border-inline:1px solid var(--line-medium);pointer-events:none;height:.25rem;position:absolute;inset:.75rem .75rem auto}.brand{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-4) var(--space-3) 1.75rem;border-bottom:1px solid var(--line-soft);display:flex;position:relative}.brand-mark{width:4rem;height:4rem;color:var(--violet-100);background:var(--surface-violet);border:1px solid var(--line-strong);animation:brand-seal-enter .42s var(--ease-out) both;flex:0 0 4rem;grid-template-rows:minmax(0,1fr) auto;padding:.55rem .45rem .35rem;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";pointer-events:none;width:.65rem;height:.65rem;position:absolute}.brand-mark:before{border-top:2px solid var(--violet-200);border-left:2px solid var(--violet-200);top:-1px;left:-1px}.brand-mark:after{border-right:2px solid var(--violet-500);border-bottom:2px solid var(--violet-500);bottom:-1px;right:-1px}.brand-glyph{font-family:var(--font-display);place-self:center;font-size:1.55rem;font-weight:600;line-height:1}.brand-code{font-family:var(--font-utility);letter-spacing:.08em;place-self:end;font-size:.75rem;line-height:1}.brand-name{min-width:0;animation:brand-inscription-enter .42s var(--ease-out) 80ms both;gap:.3rem;display:grid}.brand-name>strong{min-width:0;color:var(--paper-100);font-family:var(--font-display);letter-spacing:.08em;overflow-wrap:anywhere;font-size:1.22rem;font-weight:600;line-height:1.35}.brand-name>small{flex-wrap:wrap;gap:.1rem .65rem;line-height:1.45;display:flex}.brand-name>small>span{white-space:nowrap}.brand-name>small,.sidebar-footer small,.discord-entry small{color:var(--paper-500);font-family:var(--font-utility);letter-spacing:.12em;font-size:.75rem}.sidebar nav{gap:.25rem;margin-block:1.25rem auto;display:grid}.nav-item{min-width:0;min-height:3.5rem;color:var(--paper-400);text-align:left;transition:color var(--duration-fast) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease;background:0 0;border:1px solid #0000;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;padding:.5rem .75rem;display:grid;position:relative;overflow:clip}.nav-item:before{inset-block:.65rem;content:"";width:2px;transition:background var(--duration-fast) ease;background:0 0;position:absolute;left:0}.nav-item>span,.discord-entry>span{color:var(--paper-500);font-family:var(--font-utility);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:.75rem}.nav-item>strong{letter-spacing:.08em;overflow-wrap:anywhere;min-width:0;font-size:.98rem;font-weight:560}.nav-item:hover{color:var(--paper-200);background:var(--surface-faint);border-color:var(--line-soft)}.nav-item:active{background:var(--surface-violet-strong)}.nav-item.active{color:var(--paper-100);background:linear-gradient(90deg, #6f508833, transparent 80%), var(--surface-faint);border-color:var(--line-medium)}.nav-item.active:before{background:var(--violet-200)}.nav-item.active>span{color:var(--violet-200)}.discord-entry{min-width:0;min-height:4.5rem;margin-top:var(--space-4);color:var(--paper-200);background:var(--surface-violet);border:1px solid var(--line-medium);transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;padding:.75rem;text-decoration:none;display:grid}.discord-entry>div{gap:.15rem;min-width:0;display:grid}.discord-entry strong{letter-spacing:.08em;font-size:.95rem}.discord-entry:hover{background:var(--surface-violet-strong);border-color:var(--line-strong)}.sidebar-footer{align-items:center;gap:var(--space-3);min-width:0;margin-top:var(--space-4);padding:var(--space-4) var(--space-3) 0;border-top:1px solid var(--line-soft);display:flex}.sidebar-footer>div{min-width:0;display:grid}.sidebar-footer strong{color:var(--success);font-family:var(--font-utility);letter-spacing:.12em;font-size:.75rem;font-weight:600}.signal-dot{background:var(--success);flex:none;width:.5rem;height:.5rem;display:inline-block;box-shadow:0 0 0 .25rem #83c7a514}.main-panel{background:linear-gradient(90deg, transparent, #6f548606 48%, transparent), var(--ink-950);min-width:0}.main-panel:focus{outline:none}.topbar{z-index:10;min-width:0;min-height:var(--topbar-height);color:var(--paper-500);border-bottom:1px solid var(--line-soft);font-family:var(--font-utility);letter-spacing:.14em;background:#08080df5;justify-content:space-between;align-items:center;padding:.75rem clamp(1.25rem,3vw,3rem);font-size:.75rem;display:flex;position:sticky;top:0}.topbar>span:last-child:before{content:"";background:var(--violet-300);vertical-align:.05rem;width:.35rem;height:.35rem;margin-right:.65rem;display:inline-block}.page-content{width:min(100%, var(--content-wide));min-width:0;margin-inline:auto;padding:clamp(2.25rem,5vw,5rem) clamp(1.25rem,4vw,4.5rem) clamp(4rem,8vw,7rem)}.page-content>section{min-width:0;animation:archive-enter var(--duration-normal) var(--ease-out) both}.page-title{align-items:end;gap:var(--space-6);border-bottom:1px solid var(--line-medium);grid-template-columns:minmax(0,1fr) auto;min-width:0;margin-bottom:clamp(2rem,4vw,3.5rem);padding:0 0 1.5rem 1.35rem;display:grid;position:relative}.page-title:before{content:"";background:linear-gradient(to bottom, var(--violet-300) 0 28%, transparent 28% 38%, var(--line-medium) 38% 100%);width:.3rem;position:absolute;top:0;bottom:-1px;left:0}.page-title>div{min-width:0}.eyebrow,.file-code{color:var(--violet-300);font-family:var(--font-utility);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:500;line-height:1.5}.eyebrow{margin-bottom:var(--space-2)}.page-title h1,.reader-header h1,.profile-hero h1,.system-failure h1{color:var(--paper-100);font-family:var(--font-display);letter-spacing:.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.35rem,5vw,4.9rem);font-weight:500;line-height:1.05}.page-title>span{width:4.5rem;height:4.5rem;color:var(--violet-200);background:var(--surface-violet);border:1px solid var(--line-strong);font-family:var(--font-utility);letter-spacing:.08em;place-items:center;font-size:.8rem;display:grid;position:relative}.page-title>span:before,.page-title>span:after{content:"";background:var(--violet-300);position:absolute}.page-title>span:before{width:1.25rem;height:1px}.page-title>span:after{width:1px;height:1.25rem}.hero-card{min-width:0;min-height:22rem;margin-bottom:var(--space-6);background:linear-gradient(135deg, #65487e29, transparent 45%), var(--ink-850);border:1px solid var(--line-medium);grid-template-columns:minmax(0,1.5fr) minmax(15rem,.55fr);display:grid;position:relative;overflow:clip}.hero-card:before{content:"";border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);pointer-events:none;width:3rem;height:3rem;position:absolute;top:1.1rem;right:1.1rem}.hero-copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(2rem,5vw,4.5rem);display:flex}.hero-copy h2{max-width:14ch;margin:0 0 var(--space-4);color:var(--paper-100);font-family:var(--font-display);letter-spacing:.03em;font-size:clamp(2.4rem,5vw,5.25rem);font-weight:500;line-height:1.02}.hero-copy>p:not(.eyebrow){max-width:38rem;color:var(--paper-300);margin-bottom:0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.85}.hero-actions{align-items:center;gap:var(--space-4) var(--space-5);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.primary-link-button{min-width:min(100%,16rem);min-height:3.75rem;color:var(--paper-100);background:var(--surface-violet-strong);border:1px solid var(--line-strong);transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;padding:.7rem 3.25rem .7rem 1rem;text-decoration:none;display:grid;position:relative}.primary-link-button:after{content:"";width:.5rem;height:.5rem;color:var(--violet-200);border-top:1px solid;border-right:1px solid;position:absolute;top:50%;right:1rem;transform:translateY(-50%)rotate(45deg)}.primary-link-button>span{letter-spacing:.05em;font-size:.95rem;font-weight:600}.primary-link-button>small{color:var(--violet-200);font-family:var(--font-utility);letter-spacing:.12em;font-size:.75rem}.primary-link-button:hover{border-color:var(--violet-400);background:#7d5a9747}.hero-action-note{max-width:17rem;color:var(--paper-400);font-size:.78rem;line-height:1.7}.hero-status{min-width:0;padding:var(--space-8) var(--space-5);border-left:1px solid var(--line-medium);text-align:center;background:linear-gradient(#7752911f,#0000),#0000001f;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:clip}.hero-status:before{content:"玄";color:#d3c5e309;font-family:var(--font-display);font-size:11rem;line-height:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hero-status:after{aspect-ratio:1;content:"";border:1px solid var(--line-soft);width:min(72%,10rem);position:absolute;transform:rotate(45deg)}.hero-status>*{z-index:1;position:relative}.hero-status .signal-dot{margin-bottom:var(--space-4)}.hero-status>strong{color:var(--paper-100);font-family:var(--font-utility);letter-spacing:.16em;font-size:1.2rem}.hero-status>small{margin-top:var(--space-2);color:var(--paper-400);font-family:var(--font-utility);letter-spacing:.12em;font-size:.75rem}.hero-status .error-text{max-width:14rem}.error-text,.empty-state,.profile-empty{color:var(--paper-300);overflow-wrap:anywhere}.error-text{border-left:2px solid var(--danger);background:#d18c9a14;padding:.8rem 1rem;font-size:.88rem;line-height:1.65}.terminal-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.terminal-card{background:var(--surface-faint);border:1px solid var(--line-soft);min-width:0;padding:clamp(1.5rem,3vw,2.25rem);position:relative}.terminal-card:before{content:"";background:var(--violet-500);width:clamp(4rem,28%,8rem);height:2px;position:absolute;top:-1px;left:-1px}.card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;margin-bottom:var(--space-8);display:flex}.card-top>span:first-child{min-width:0;color:var(--paper-500);font-family:var(--font-utility);letter-spacing:.13em;overflow-wrap:anywhere;font-size:.75rem}.status-badge{min-height:1.75rem;color:var(--paper-300);background:var(--surface-faint);border:1px solid var(--line-soft);font-family:var(--font-utility);letter-spacing:.08em;overflow-wrap:anywhere;align-items:center;gap:.45rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.status-badge:before{content:"";background:currentColor;flex:none;width:.35rem;height:.35rem}.status-badge.online{color:var(--success)}.status-badge.offline{color:var(--danger)}.status-badge.warning{color:var(--warning)}.status-badge.draft{color:var(--violet-200)}.terminal-card h3,.file-card h2,.story-card h2,.person-card h2,.record-list h2,.profile-equipment-card h3,.achievement-web-list h3,.title-web-grid h3{color:var(--paper-100);font-family:var(--font-display);letter-spacing:.035em;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.3}.terminal-card h3{font-size:clamp(1.45rem,2.2vw,2rem)}.terminal-card>p{min-height:3.4em;margin:var(--space-3) 0 var(--space-5);color:var(--paper-300);line-height:1.75}.terminal-card>small{color:var(--paper-400);font-family:var(--font-utility);overflow-wrap:anywhere;font-size:.75rem;line-height:1.6;display:block}.audio-runtime-panel{gap:var(--space-4);min-width:0;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line-soft);display:grid}.audio-runtime-head,.audio-queue-head{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;display:flex}.audio-runtime-head>div{min-width:0;display:grid}.audio-runtime-head span,.audio-current-song>span,.audio-queue-head>span{color:var(--paper-500);font-family:var(--font-utility);letter-spacing:.12em;font-size:.75rem}.audio-runtime-head strong,.audio-queue-head strong{color:var(--violet-100);font-size:.9rem}.audio-runtime-head>small,.audio-current-song>small,.audio-queue-list small,.audio-queue-more{color:var(--paper-400);overflow-wrap:anywhere;font-size:.75rem}.audio-current-song{gap:var(--space-1);min-width:0;padding:var(--space-4);border-left:2px solid var(--violet-500);background:#00000029;display:grid}.audio-current-song strong{color:var(--paper-100);overflow-wrap:anywhere;font-size:.98rem}.audio-queue-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.audio-queue-list li{align-items:center;gap:var(--space-4);border-top:1px solid var(--line-faint);grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:.65rem 0;display:grid}.audio-queue-list li>div{grid-template-columns:1.5rem minmax(0,1fr);min-width:0;display:grid}.audio-queue-list li span{color:var(--violet-300);font-family:var(--font-utility);font-size:.75rem}.audio-queue-list li strong{min-width:0;color:var(--paper-200);overflow-wrap:anywhere;font-size:.85rem}.audio-queue-empty,.profile-empty,.empty-state{padding:var(--space-4);background:var(--surface-faint);border:1px dashed var(--line-soft);margin:0;font-size:.85rem;line-height:1.65}.file-grid,.people-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.detail-button,.story-button{min-width:0;color:inherit;text-align:left;background:0 0;border-radius:0}.file-card,.person-card{background:var(--surface-faint);border:1px solid var(--line-soft);min-height:20rem;transition:color var(--duration-fast) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease;flex-direction:column;padding:clamp(1.4rem,3vw,2.25rem);display:flex;position:relative;overflow:clip}.file-card:after,.person-card:after{content:"";border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);width:2rem;height:2rem;position:absolute;top:0;right:0}.file-card:hover,.person-card:hover,.story-card:hover{border-color:var(--line-strong);background:#ffffff0b}.file-card:active,.person-card:active,.story-card:active{background:var(--surface-violet)}.file-card h2,.person-card h2{font-size:clamp(1.35rem,2.4vw,1.85rem)}.file-card>p,.person-card>p,.story-card p{color:var(--paper-300);overflow-wrap:anywhere;line-height:1.8}.file-card>p,.person-card>p{margin:var(--space-4) 0}.file-card footer,.person-card footer{min-height:2.75rem;padding-top:var(--space-4);color:var(--violet-200);border-top:1px solid var(--line-soft);font-family:var(--font-utility);letter-spacing:.1em;align-items:center;margin-top:auto;font-size:.75rem;display:flex}.person-role{margin-top:var(--space-2);color:var(--violet-200);letter-spacing:.09em;font-size:.88rem;display:block}.person-card blockquote{margin:auto 0 var(--space-4);padding:var(--space-4);color:var(--paper-200);border-left:1px solid var(--violet-500);font-family:var(--font-display);background:#00000024;line-height:1.8}.story-list{gap:var(--space-4);display:grid}.story-card{background:var(--surface-faint);border:1px solid var(--line-soft);min-width:0;min-height:14rem;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;grid-template-columns:minmax(0,1fr) minmax(13rem,.38fr);padding:0;display:grid;position:relative}.story-card>div{min-width:0;padding:clamp(1.4rem,3vw,2.25rem)}.story-card h2{margin-top:var(--space-3);font-size:clamp(1.35rem,2.6vw,2rem)}.story-card p{margin:var(--space-4) 0 0}.story-card footer{justify-content:space-between;align-items:flex-start;gap:var(--space-6);background:var(--surface-violet);border-left:1px solid var(--line-medium);flex-direction:column;min-width:0;padding:clamp(1.4rem,3vw,2.25rem);display:flex}.story-card footer span{color:var(--paper-400);overflow-wrap:anywhere;font-size:.82rem;line-height:1.6}.story-card footer strong{color:var(--violet-200);font-family:var(--font-utility);letter-spacing:.1em;font-size:.75rem}.record-list{gap:0;display:grid;position:relative}.record-list:before{content:"";background:var(--line-medium);width:1px;position:absolute;top:0;bottom:0;left:4.75rem}.record-list article{gap:var(--space-5);border-bottom:1px solid var(--line-soft);grid-template-columns:4.75rem minmax(0,1fr) auto;min-width:0;padding:1.5rem 0;display:grid;position:relative}.record-list article>span{color:var(--violet-300);font-family:var(--font-utility);letter-spacing:.1em;font-size:.75rem}.record-list article>span:after{content:"";background:var(--ink-950);border:1px solid var(--violet-400);width:.5rem;height:.5rem;position:absolute;top:2rem;left:4.5rem}.record-list article>div{min-width:0}.record-list h2{font-size:1.18rem}.record-list p{margin:var(--space-2) 0 0;color:var(--paper-300);overflow-wrap:anywhere;line-height:1.75}.back-button{min-height:2.75rem;margin-bottom:var(--space-8);color:var(--paper-300);border:1px solid var(--line-medium);font-family:var(--font-utility);letter-spacing:.06em;transition:color var(--duration-fast) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease;background:0 0;align-items:center;padding:.5rem .85rem;font-size:.78rem;display:inline-flex}.back-button:hover{color:var(--paper-100);background:var(--surface-violet);border-color:var(--line-strong)}.reader-header{align-items:end;gap:var(--space-8);background:linear-gradient(135deg, #694c8021, transparent 48%), var(--surface-faint);border:1px solid var(--line-medium);grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:clamp(1.75rem,4vw,3.5rem);display:grid;position:relative}.reader-header:before{content:"";background:var(--violet-400);width:7rem;height:2px;position:absolute;top:-1px;left:clamp(1.75rem,4vw,3.5rem)}.reader-header>div{min-width:0}.reader-header .file-code{margin-bottom:var(--space-3);color:var(--paper-400);display:inline-block}.reader-header h1{font-size:clamp(2.15rem,5vw,4.5rem)}.reader-status{min-width:0;color:var(--violet-100);background:var(--surface-violet);border:1px solid var(--line-medium);font-family:var(--font-utility);letter-spacing:.08em;overflow-wrap:anywhere;align-self:start;padding:.5rem .7rem;font-size:.75rem;line-height:1.4}.story-information{min-width:0;margin-top:var(--space-4);border:1px solid var(--line-soft);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story-information>div{gap:var(--space-2);background:var(--surface-faint);border-right:1px solid var(--line-soft);min-width:0;padding:1rem 1.25rem;display:grid}.story-information>div:last-child{border-right:0}.story-information span{color:var(--paper-500);font-family:var(--font-utility);letter-spacing:.1em;font-size:.75rem}.story-information strong{color:var(--paper-200);overflow-wrap:anywhere;font-size:.9rem;font-weight:560}.story-content{width:min(100%, var(--content-reader));min-width:0;color:var(--paper-300);margin:clamp(2.5rem,6vw,5rem) auto 0}.archive-lead{color:var(--paper-200);background:var(--surface-violet);border-left:2px solid var(--violet-400);font-family:var(--font-display);margin-bottom:clamp(2.5rem,6vw,4rem);padding:1.5rem 1.75rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.9}.story-chapter{min-width:0;margin-top:clamp(2.75rem,6vw,4.5rem)}.story-chapter h2{color:var(--paper-100);border-bottom:1px solid var(--line-medium);font-family:var(--font-display);letter-spacing:.04em;margin:0 0 1.5rem;padding:0 0 .85rem 1rem;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:600;line-height:1.25;position:relative}.story-chapter h2:before{content:"";background:var(--violet-400);width:2px;position:absolute;top:.35rem;bottom:.85rem;left:0}.story-chapter p,.story-chapter li{overflow-wrap:anywhere;font-size:1rem;line-height:2}.story-chapter p{margin-bottom:1.4rem}.story-chapter blockquote,.story-content blockquote{color:var(--paper-200);background:var(--surface-faint);border-block:1px solid var(--line-soft);border-left:2px solid var(--violet-500);font-family:var(--font-display);margin:1.5rem 0;padding:1.25rem 1.5rem;font-size:1.05rem;line-height:1.9}.detail-list{gap:var(--space-3);margin:0;padding-left:1.4rem;display:grid}.detail-list li::marker{color:var(--violet-300)}.story-end{color:var(--paper-500);border-block:1px solid var(--line-soft);font-family:var(--font-utility);letter-spacing:.16em;text-align:center;margin-top:clamp(3rem,7vw,5.5rem);padding:1.25rem 0;font-size:.75rem}.combat-profile-page{min-width:0}.profile-hero{background:linear-gradient(120deg, #684a7f2e, transparent 45%), var(--surface-faint);border:1px solid var(--line-medium);grid-template-columns:auto minmax(0,1fr) minmax(13rem,auto);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);min-width:0;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.profile-hero:after{content:"";background:var(--violet-500);width:8rem;height:2px;position:absolute;bottom:-1px;right:1rem}.profile-hero img{object-fit:cover;background:var(--ink-800);border:1px solid var(--line-strong);filter:saturate(.78)contrast(1.03);width:clamp(5.5rem,9vw,7rem);height:clamp(5.5rem,9vw,7rem)}.profile-hero>div:nth-child(2){min-width:0}.profile-hero h1{margin-top:var(--space-2);font-size:clamp(2.15rem,4.5vw,4.25rem)}.profile-hero>div:nth-child(2)>p:last-child{margin:var(--space-3) 0 0;color:var(--paper-300);overflow-wrap:anywhere}.profile-session-state{gap:var(--space-2);border-left:1px solid var(--violet-500);background:#00000029;min-width:0;padding:1.25rem;display:grid}.profile-session-state span,.profile-sync-card span,.profile-equipment-card>span,.inventory-category-card header span{color:var(--paper-500);font-family:var(--font-utility);letter-spacing:.12em;font-size:.75rem}.profile-session-state strong{color:var(--success);overflow-wrap:anywhere;font-size:1rem}.profile-session-state small{color:var(--paper-400);overflow-wrap:anywhere;line-height:1.6}.profile-expiry{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;color:var(--paper-400);background:var(--surface-faint);border:1px solid var(--line-soft);flex-wrap:wrap;padding:.75rem 1rem;font-size:.82rem;display:flex}.profile-expiry strong{color:var(--paper-200);font-family:var(--font-utility);font-weight:500}.profile-data-grid{min-width:0;margin-top:var(--space-4);background:var(--line-soft);border:1px solid var(--line-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.profile-data-cell{align-content:space-between;gap:var(--space-4);background:var(--ink-900);min-width:0;min-height:6.75rem;padding:1rem 1.15rem;display:grid}.profile-data-cell span{color:var(--paper-500);letter-spacing:.07em;font-size:.78rem}.profile-data-cell strong{color:var(--paper-100);font-family:var(--font-utility);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.35}.profile-sync-card{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;margin-top:var(--space-4);background:var(--surface-violet);border:1px solid var(--line-medium);padding:1rem 1.25rem;display:flex}.profile-sync-card strong{color:var(--violet-100);font-family:var(--font-utility);overflow-wrap:anywhere;font-size:1rem}.profile-section{min-width:0;margin-top:clamp(3.5rem,7vw,6rem)}.profile-section-title{min-width:0;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--line-medium)}.profile-section-title.split{justify-content:space-between;align-items:end;gap:var(--space-5);display:flex}.profile-section-title>div{min-width:0}.profile-section-title h2{color:var(--paper-100);font-family:var(--font-display);margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.2}.profile-section-title>strong,.profile-section-title.split>strong{color:var(--violet-200);font-family:var(--font-utility);text-align:right;overflow-wrap:anywhere;font-size:.8rem;font-weight:500}.profile-equipment-grid,.inventory-category-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.profile-equipment-card{align-items:end;gap:var(--space-4);background:var(--surface-faint);border:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:9rem;padding:1.4rem;display:grid}.profile-equipment-card>span{grid-column:1/-1}.profile-equipment-card h3{font-size:clamp(1.1rem,2vw,1.45rem)}.profile-equipment-card>strong{color:var(--violet-100);font-family:var(--font-utility);font-size:1.25rem}.inventory-category-card{background:var(--surface-faint);border:1px solid var(--line-soft);min-width:0}.inventory-category-card header{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--surface-violet);border-bottom:1px solid var(--line-soft);min-width:0;padding:1rem 1.15rem;display:flex}.inventory-category-card header strong{color:var(--violet-200);font-family:var(--font-utility);font-size:.78rem}.inventory-item-list{min-width:0;padding:0 var(--space-4)}.inventory-item-list>div{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line-faint);min-width:0;min-height:3.25rem;display:flex}.inventory-item-list>div:last-child{border-bottom:0}.inventory-item-list span{min-width:0;color:var(--paper-300);overflow-wrap:anywhere}.inventory-item-list strong{color:var(--paper-100);font-family:var(--font-utility);flex:none;font-size:.82rem}.inventory-item-list .profile-empty{margin-block:var(--space-4)}.achievement-web-list{border-top:1px solid var(--line-soft);min-width:0;display:grid}.achievement-web-list>article{gap:var(--space-6);border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:1.25rem 0;display:grid}.achievement-web-list>article>div{min-width:0}.achievement-web-list span,.title-web-grid article>span{color:var(--paper-500);font-family:var(--font-utility);letter-spacing:.11em;font-size:.75rem}.achievement-web-list h3,.title-web-grid h3{margin-top:var(--space-2);font-size:1.1rem}.achievement-web-list p,.title-web-grid p{margin:var(--space-2) 0 0;color:var(--paper-400);overflow-wrap:anywhere;line-height:1.7}.achievement-web-list>article>strong{color:var(--violet-200);font-family:var(--font-utility);overflow-wrap:anywhere;align-self:start;font-size:.75rem;font-weight:500}.title-web-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.title-web-grid article{background:var(--surface-faint);border:1px solid var(--line-soft);min-width:0;min-height:10rem;padding:1.25rem;position:relative}.title-web-grid article.equipped{background:var(--surface-violet);border-color:var(--line-strong)}.title-web-grid article.equipped:before{content:"";background:var(--violet-300);width:4rem;height:2px;position:absolute;top:-1px;left:-1px}.profile-error-card,.profile-loading,.system-failure{background:var(--surface-faint);border:1px solid var(--line-medium);width:min(100%,48rem);margin-inline:auto;padding:clamp(1.5rem,4vw,3rem)}.profile-error-card{border-left:2px solid var(--danger)}.profile-error-card h1{margin:0 0 var(--space-4);color:var(--paper-100);font-family:var(--font-display);font-size:1.75rem}.profile-error-card p{margin:var(--space-3) 0 0;color:var(--paper-300);line-height:1.8}.profile-loading{color:var(--paper-300);border-left:2px solid var(--violet-400);position:relative}.profile-loading:after{width:28%;height:1px;margin-top:var(--space-5);content:"";background:var(--violet-300);animation:loading-measure 1.6s var(--ease-out) infinite alternate;transform-origin:0;display:block}.system-failure{min-height:100dvh;padding-top:clamp(4rem,12vw,9rem)}.system-failure h1{margin-bottom:var(--space-5);font-size:clamp(2rem,6vw,4rem)}.system-failure p:not(.eyebrow){max-width:40rem;color:var(--paper-300);line-height:1.8}.system-failure button{min-height:2.75rem;margin-top:var(--space-6);color:var(--paper-100);background:var(--surface-violet);border:1px solid var(--line-strong);padding:.65rem 1rem}@keyframes archive-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes loading-measure{0%{transform:scaleX(.25)}to{transform:scaleX(1)}}@keyframes brand-seal-enter{0%{opacity:0;transform:translateY(.35rem)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes brand-inscription-enter{0%{opacity:0;transform:translate(-.45rem)}to{opacity:1;transform:translate(0)}}@media (width<=74rem){.terminal-grid{grid-template-columns:1fr}.terminal-card>p{min-height:0}.title-web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=67.5rem){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:start}.sidebar{gap:var(--space-3) var(--space-6);border-right:0;border-bottom:1px solid var(--line-medium);grid-template-columns:minmax(14rem,1fr) auto;width:100%;height:auto;padding:1rem clamp(1rem,3vw,2rem);display:grid;position:relative}.sidebar:before{display:none}.brand{border:0;min-height:4rem;padding:0}.brand-mark{flex-basis:3.5rem;width:3.5rem;height:3.5rem}.sidebar nav{gap:var(--space-2);grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.nav-item{grid-template-columns:1fr;justify-items:start;min-height:3.25rem}.discord-entry{grid-area:3/1/auto/-1;min-height:3.25rem;margin:0}.sidebar-footer{border:0;grid-area:1/2;align-self:center;margin:0;padding:0}.topbar{top:0}.page-content{padding-top:clamp(2rem,5vw,3.5rem)}}@media (width<=48rem){.page-content{padding-inline:clamp(1rem,4vw,2rem)}.page-title{margin-bottom:2rem}.page-title>span{width:3.75rem;height:3.75rem}.hero-card{grid-template-columns:minmax(0,1fr)}.hero-copy{padding:clamp(1.5rem,6vw,2.5rem)}.hero-status{border-top:1px solid var(--line-medium);border-left:0;min-height:10rem}.hero-status:before{font-size:7.5rem}.hero-status:after{width:6.5rem}.file-grid,.people-grid,.profile-equipment-grid,.inventory-category-grid,.story-card{grid-template-columns:minmax(0,1fr)}.story-card footer{border-top:1px solid var(--line-medium);border-left:0;flex-direction:row}.record-list:before{left:3.4rem}.record-list article{grid-template-columns:3.4rem minmax(0,1fr)}.record-list article>span:after{left:3.15rem}.record-list .status-badge{grid-column:2;justify-self:start}.reader-header{grid-template-columns:minmax(0,1fr)}.reader-status{justify-self:start}.story-information{grid-template-columns:minmax(0,1fr)}.story-information>div,.story-information>div:last-child{border-right:0;border-bottom:1px solid var(--line-soft)}.story-information>div:last-child{border-bottom:0}.profile-hero{grid-template-columns:auto minmax(0,1fr)}.profile-session-state{grid-column:1/-1}.profile-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.title-web-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.sidebar{gap:var(--space-3);padding-inline:max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));padding-top:max(.75rem, env(safe-area-inset-top));grid-template-columns:minmax(0,1fr)}.brand{width:100%;min-height:3.5rem;padding:0 0 var(--space-3);border-bottom:1px solid var(--line-soft);grid-area:1/1}.brand-mark{flex-basis:3.25rem;width:3.25rem;height:3.25rem;padding:.45rem .4rem .3rem}.brand-glyph{font-size:1.3rem}.brand-name>strong{letter-spacing:.06em;font-size:clamp(1rem,5vw,1.15rem)}.brand-name>small,.sidebar-footer small,.discord-entry small{font-size:.75rem}.sidebar nav{grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{min-height:3rem;padding:.35rem .55rem}.nav-item>strong{letter-spacing:.04em;font-size:.85rem}.discord-entry{grid-row:4;min-height:3rem}.sidebar-footer{background:var(--surface-faint);border:1px solid var(--line-soft);grid-area:2/1;grid-template-columns:.5rem minmax(0,1fr);place-self:stretch stretch;align-items:start;min-height:2.75rem;padding:.55rem .75rem;display:grid}.sidebar-footer>div{align-items:baseline;gap:.1rem var(--space-3);flex-wrap:wrap;display:flex}.sidebar-footer small{overflow-wrap:anywhere;max-width:none}.topbar{align-items:flex-start;min-height:3.5rem;padding-inline:1rem;font-size:.75rem;line-height:1.5}.topbar>span{overflow-wrap:anywhere;max-width:48%}.page-content{padding-top:1.75rem;padding-bottom:max(4rem, calc(3rem + env(safe-area-inset-bottom)))}.page-title{gap:var(--space-3);padding-left:.85rem}.page-title h1{font-size:clamp(2rem,11vw,3rem)}.page-title>span{width:3.25rem;height:3.25rem}.hero-actions,.profile-section-title.split,.profile-sync-card{flex-direction:column;align-items:stretch}.primary-link-button{width:100%}.hero-action-note{max-width:none}.terminal-card,.file-card,.person-card{padding:1.25rem}.file-card,.person-card{min-height:0}.audio-queue-list li{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.story-card footer{flex-direction:column;align-items:flex-start}.reader-header{padding:1.4rem}.archive-lead{padding:1.2rem}.profile-hero{grid-template-columns:minmax(0,1fr)}.profile-hero img{width:5.5rem;height:5.5rem}.profile-data-grid{grid-template-columns:minmax(0,1fr)}.profile-data-cell{min-height:5.5rem}.achievement-web-list>article{grid-template-columns:minmax(0,1fr)}.achievement-web-list>article>strong{justify-self:start}}@media (width<=20rem){.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{grid-template-columns:minmax(0,1fr)}.page-title>span{justify-self:start}.record-list:before{display:none}.record-list article{grid-template-columns:minmax(0,1fr)}.record-list article>span:after{display:none}.record-list .status-badge{grid-column:1}}