:root{--ink:#0b0b0d;--ink-2:#141418;--ink-3:#1d1d22;--stone:#2a2a30;--stone-2:#3a3a42;--bone:#ece4cf;--bone-2:#c9bfa3;--bone-3:#8a8472;--gold:#caa14a;--gold-2:#e1c075;--blood:#7a1414;--crimson:#c62828;--flame:#ff7d3a;--bg:var(--ink);--bg-2:var(--ink-2);--bg-3:var(--ink-3);--fg:var(--bone);--fg-muted:var(--bone-3);--accent:var(--gold);--danger:var(--crimson);--border:#2a2823;--f-display:"Cinzel","Trajan Pro",serif;--f-serif:"EB Garamond",Georgia,serif;--f-mono:"JetBrains Mono",ui-monospace,monospace}body.day{--bg:#efe8d6;--bg-2:#e4dbc6;--bg-3:#d6ccb4;--fg:#111111;--fg-muted:#4a4438;--accent:#8a6a1a;--crimson:#8b1a1a;--border:#a89e88}body.dusk{--bg:#1e1a24;--bg-2:#26212d;--bg-3:#302a38;--fg:#f1e3c6;--accent:#e9a86b;--border:#3b3444}[data-style=calm]{--f-display:"Cormorant Garamond",Georgia,serif;--f-serif:"Lora",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body,html{background:var(--bg)}body{color:var(--fg);font-family:var(--f-serif);font-size:17px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .4s ease,color .4s ease}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;margin:0;letter-spacing:.04em}.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.atmos:before{inset:-20%;background:radial-gradient(ellipse at 20% 10%,rgba(202,161,74,.08),transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(122,20,20,.18),transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0),var(--bg) 80%)}.atmos:after,.atmos:before{content:"";position:absolute}.atmos:after{inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:3px 3px;opacity:.5}.grain{position:fixed;inset:0;z-index:60;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.85 0 0 0 0 0.7 0 0 0 0.08 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");opacity:.5;mix-blend-mode:overlay}body.no-grain .grain{display:none}.crt:before{z-index:61;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.06) 3px 4px)}.crt:after,.crt:before{content:"";position:fixed;inset:0;pointer-events:none}.crt:after{z-index:62;box-shadow:inset 0 0 100px rgba(0,0,0,.4)}body.no-crt.crt:after,body.no-crt.crt:before{display:none}body.day.crt:before{background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.025) 3px 4px)}body.day.crt:after{box-shadow:inset 0 0 60px rgba(0,0,0,.08)}.embers{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#ffb870 0,transparent 70%);animation:rise linear infinite;opacity:.8}@keyframes rise{0%{transform:translateY(110vh) scale(1);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(-10vh) translateX(40px) scale(.6);opacity:0}}@keyframes float{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-4px)}}.shell{position:relative;z-index:2;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}body:has(.title-screen),html:has(.title-screen){height:100dvh;overflow:hidden}.hud-top{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;padding:14px 28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand,.hud-top{align-items:center}.brand{display:flex;gap:12px}.brand .crest{width:28px;height:28px;border:2px solid var(--accent);transform:rotate(45deg);position:relative;display:grid;place-items:center;animation:float 5s ease-in-out infinite}.brand .crest:after{content:"";width:8px;height:8px;background:var(--accent);transform:rotate(0deg)}.brand-name{font-family:var(--f-display);font-weight:700;letter-spacing:.22em;font-size:14px;color:var(--accent)}.brand-sub{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--fg-muted);margin-top:2px}.nav{display:flex;gap:4px;align-items:center}.nav a{padding:8px 14px;font-family:var(--f-display);font-size:12px;letter-spacing:.2em;color:var(--fg-muted);border-bottom:1px solid transparent;transition:color .18s,border-color .18s}.nav a:hover{color:var(--fg)}.nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-actions{display:flex;gap:10px;align-items:center;justify-self:end}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);color:var(--fg-muted);transition:color .18s,border-color .18s,background .18s}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.hud-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px;padding:10px 28px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--f-display);font-size:10px;letter-spacing:.28em;color:var(--fg-muted)}.hud-bottom>:last-child{justify-self:end}.hud-bottom .center{color:var(--bone-2)}.hud-vitals{gap:14px}.hud-vitals,.vital{display:flex;align-items:center}.vital{gap:8px}.vital-bar{width:80px;height:6px;background:var(--bg-3);border:1px solid var(--border);position:relative;overflow:hidden}.vital-bar>i{display:block;height:100%;background:linear-gradient(90deg,currentColor,color-mix(in srgb,currentColor 60%,transparent))}.vital.hp{color:var(--crimson)}.vital.fp{color:#6e9bff}.vital.st{color:var(--gold)}body.no-hud .hud-bottom,body.no-hud .hud-top{display:none}main{position:relative;z-index:2;padding:40px 28px 80px;max-width:1180px;margin:0 auto;width:100%}.page-enter{animation:page-enter .6s cubic-bezier(.2,.7,.2,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.kbd{display:inline-block;padding:1px 6px;font-family:var(--f-mono);border:solid var(--border);border-width:1px 1px 2px;color:var(--fg-muted);background:var(--bg-2)}.eyebrow,.kbd{font-size:11px}.eyebrow{font-family:var(--f-display);letter-spacing:.3em;color:var(--accent);text-transform:uppercase}.muted{color:var(--fg-muted)}.italic{font-style:italic}.panel{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 90%,transparent),color-mix(in srgb,var(--bg) 90%,transparent));border:1px solid var(--border);padding:18px}.panel.ornate:after,.panel.ornate:before{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--accent)}.panel.ornate:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.panel.ornate:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;font-family:var(--f-display);font-size:11px;letter-spacing:.24em;border:1px solid var(--fg);color:var(--fg);text-transform:uppercase;transition:background .18s,color .18s,border-color .18s,transform .18s}.btn:hover{background:var(--fg);color:var(--bg)}.btn.gold{border-color:var(--accent);color:var(--accent)}.btn.gold:hover{background:var(--accent);color:var(--ink)}.btn.red{border-color:var(--crimson);color:var(--crimson)}.btn.red:hover{background:var(--crimson);color:var(--bone)}.btn.ghost{border-color:var(--border);color:var(--fg-muted)}.btn.ghost:hover{color:var(--fg);border-color:var(--fg);background:transparent}.tag{display:inline-block;padding:2px 10px;border:1px solid var(--border);font-family:var(--f-display);font-size:10px;letter-spacing:.22em;color:var(--fg-muted);text-transform:uppercase}.tag.gold{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.tag.red{color:var(--crimson);border-color:color-mix(in srgb,var(--crimson) 50%,transparent)}.rarity-LEGENDARY{color:var(--gold)}.rarity-EPIC{color:#b088ff}.rarity-RARE{color:#8ab4ff}.rarity-COMMON{color:var(--fg-muted)}.title-screen{height:100%;display:grid;place-items:center;padding:clamp(20px,3vh,40px) 20px;text-align:center}.title-chapter{letter-spacing:.5em;color:var(--fg-muted);font-size:12px;margin-bottom:22px}.title-chapter,.title-main{font-family:var(--f-display)}.title-main{font-weight:900;font-size:clamp(72px,14vw,180px);line-height:.9;letter-spacing:.06em;color:var(--fg);text-shadow:0 4px 30px rgba(0,0,0,.7);animation:title-in 1.2s cubic-bezier(.2,.7,.2,1) both}.title-sub{font-family:var(--f-display);font-size:clamp(14px,1.6vw,22px);letter-spacing:.4em;color:var(--gold);margin-top:14px;animation:title-in 1.4s cubic-bezier(.2,.7,.2,1) .2s both}.title-quote{font-family:var(--f-serif);font-style:italic;color:var(--bone-2);margin:32px auto 0;max-width:620px;font-size:19px;line-height:1.5;letter-spacing:.01em;text-align:center;position:relative;padding:14px 32px;animation:title-in 1.4s cubic-bezier(.2,.7,.2,1) .4s both}.title-quote:after,.title-quote:before{content:"";position:absolute;top:50%;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.title-quote:before{left:-52px}.title-quote:after{right:-52px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.title-menu{margin-top:48px;display:grid;grid-gap:2px;gap:2px;justify-items:center;animation:title-in 1.4s cubic-bezier(.2,.7,.2,1) .7s both}.title-menu a{font-family:var(--f-display);font-size:13px;letter-spacing:.3em;padding:10px 36px;color:var(--fg);position:relative;transition:color .18s}.title-menu a:after,.title-menu a:before{content:"";position:absolute;top:50%;width:10px;height:1px;background:var(--accent);opacity:0;transition:opacity .18s,width .22s}.title-menu a:before{left:8px}.title-menu a:after{right:8px}.title-menu a:hover{color:var(--accent)}.title-menu a:hover:after,.title-menu a:hover:before{opacity:1;width:20px}.title-press{margin-top:34px;font-family:var(--f-display);font-size:11px;letter-spacing:.4em;color:var(--fg-muted);animation:blink 1.8s infinite}@keyframes title-in{0%{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes blink{50%{opacity:.25}}.divider{display:flex;align-items:center;gap:18px;color:var(--accent);margin:28px 0 22px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent)}.divider span{font-family:var(--f-display);font-size:11px;letter-spacing:.4em}.character-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:28px;gap:28px}.portrait{aspect-ratio:3/4;position:relative;overflow:hidden;border:1px solid var(--border);background:var(--bg-2)}.portrait.empty:before{content:"PORTRAIT";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);letter-spacing:.4em;color:var(--fg-muted);font-size:11px}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px rgba(0,0,0,.7),inset 0 0 0 1px rgba(202,161,74,.25)}.level-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;background:rgba(10,10,12,.75);border:1px solid var(--accent);color:var(--accent);font-family:var(--f-display);font-size:10px;letter-spacing:.25em}.stat-row{display:grid;grid-template-columns:160px 1fr 48px;align-items:center;grid-gap:14px;gap:14px;padding:8px 0;border-bottom:1px dashed var(--border)}.stat-row:last-child{border-bottom:0}.stat-row .name{font-family:var(--f-display);font-size:11px;letter-spacing:.2em}.stat-row .val{text-align:right;font-family:var(--f-display);font-size:14px;color:var(--accent)}.stat-bar{height:8px;background:var(--bg-3);border:1px solid var(--border);position:relative;overflow:hidden}.stat-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 40%,transparent));transform-origin:left;animation:fill 1.2s cubic-bezier(.2,.7,.2,1) both}@keyframes fill{0%{transform:scaleX(0)}}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.chip{padding:6px 14px;font-family:var(--f-display);font-size:10px;letter-spacing:.22em;border:1px solid var(--border);color:var(--fg-muted);transition:all .18s}.chip.active{color:var(--accent);border-color:var(--accent)}.chip:hover{color:var(--fg)}.inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:14px;gap:14px}.item-card{display:grid;grid-template-columns:96px 1fr;grid-gap:14px;gap:14px;padding:14px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 80%,transparent),transparent);transition:border-color .2s,transform .2s,background .2s;cursor:pointer;position:relative;overflow:hidden}.item-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:currentColor;opacity:0;transition:opacity .2s}.item-card:hover{border-color:currentColor;transform:translateY(-4px);background:var(--bg-2);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 20px color-mix(in srgb,currentColor 15%,transparent)}.item-card:hover:before{opacity:1}.item-card.rarity-LEGENDARY:hover{border-color:var(--gold);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 24px color-mix(in srgb,var(--gold) 20%,transparent)}.item-card.rarity-EPIC:hover{border-color:#b088ff;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 24px color-mix(in srgb,#b088ff 20%,transparent)}.item-card.rarity-RARE:hover{border-color:#8ab4ff;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 24px color-mix(in srgb,#8ab4ff 20%,transparent)}.item-card.rarity-COMMON:hover{border-color:var(--fg-muted);box-shadow:0 12px 40px rgba(0,0,0,.6)}.item-thumb{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-3);display:grid;place-items:center;color:var(--fg-muted);font-family:var(--f-display);font-size:10px;letter-spacing:.2em;position:relative;overflow:hidden}.item-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.item-title{font-family:var(--f-display);font-size:18px;color:var(--fg);margin:4px 0 2px}.item-sub{font-family:var(--f-serif);font-style:italic;font-size:14px}.item-meta,.item-sub{color:var(--fg-muted)}.item-meta{display:flex;gap:10px;margin-top:8px;font-family:var(--f-display);font-size:10px;letter-spacing:.2em}.detail-grid{display:grid;grid-template-columns:1fr 300px;grid-gap:28px;gap:28px}.detail-cover{aspect-ratio:16/9;border:1px solid var(--border);background:var(--bg-2);overflow:hidden;position:relative;display:grid;place-items:center;color:var(--fg-muted);font-family:var(--f-display);letter-spacing:.3em}.detail-cover iframe,.detail-cover img,.detail-cover video{width:100%;height:100%;object-fit:cover;display:block;border:0}.lore{font-family:var(--f-serif);font-size:18px;line-height:1.65;color:var(--bone-2);font-style:italic;border-left:2px solid var(--crimson);padding:4px 0 4px 18px;margin:18px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);display:block}.meta-block{margin-top:10px}.meta-block .k{font-family:var(--f-display);font-size:10px;letter-spacing:.22em;color:var(--fg-muted)}.meta-block .v{font-family:var(--f-serif);font-size:16px;margin-top:2px}.meta-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.meta-list .row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed var(--border);font-family:var(--f-serif);font-size:15px}.meta-list .row:last-child{border-bottom:0}.journal-list{display:flex;flex-direction:column;gap:10px}.post-row{display:grid;grid-template-columns:80px 1fr auto;grid-gap:18px;gap:18px;align-items:center;padding:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-2) 70%,transparent);transition:all .2s;cursor:pointer}.post-row:hover{border-color:var(--accent);background:var(--bg-2)}.post-row .ch{font-family:var(--f-display);font-size:11px;letter-spacing:.25em;color:var(--crimson)}.post-row .title{font-family:var(--f-display);font-size:18px}.post-row .excerpt{font-style:italic;color:var(--fg-muted);margin-top:4px;font-size:15px}.post-row .meta{color:var(--fg-muted);font-family:var(--f-display);font-size:10px;letter-spacing:.2em;white-space:nowrap}.featured-post{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:22px;gap:22px;padding:22px;border:1px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 8%,transparent),transparent);margin-bottom:22px;cursor:pointer}.featured-post .cover{aspect-ratio:4/3;background:var(--bg-2);border:1px solid var(--border);overflow:hidden}.featured-post .cover img{width:100%;height:100%;object-fit:cover;display:block}.article{max-width:680px;margin:0 auto;font-family:var(--f-serif);font-size:19px;line-height:1.75}.article h1{font-size:44px;text-align:center;margin:12px 0}.article h2{font-size:28px;margin:32px 0 12px;color:var(--accent)}.article h3{font-size:22px;margin:24px 0 10px}.article p{margin:14px 0}.article p:first-of-type:first-letter{font-family:var(--f-display);font-size:68px;float:left;line-height:.85;padding:4px 10px 0 0;color:var(--crimson)}.article blockquote{border-left:2px solid var(--crimson);padding:4px 0 4px 18px;margin:18px 0;font-style:italic;color:var(--bone-2)}.article code{font-size:15px;padding:2px 6px}.article code,.article pre{font-family:var(--f-mono);background:var(--bg-2);border:1px solid var(--border)}.article pre{font-size:14px;line-height:1.55;padding:14px 16px;overflow:auto}.article pre code{background:transparent;padding:0;border:0}.article ol,.article ul{padding-left:24px}.article img{max-width:100%;border:1px solid var(--border)}.article a{color:var(--accent);border-bottom:1px dashed}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:28px;gap:28px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field label{font-family:var(--f-display);font-size:10px;letter-spacing:.24em;color:var(--fg-muted)}.field input,.field textarea{font-family:var(--f-serif);font-size:16px;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);padding:10px 14px;outline:none;transition:border-color .2s;width:100%}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--fg-muted);opacity:.55}.field textarea{min-height:150px;resize:vertical;line-height:1.5}.social-list{display:flex;flex-direction:column;margin-top:10px}.social-list a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px dashed var(--border);font-family:var(--f-serif);font-size:16px;transition:color .18s,background .18s}.social-list a:first-child{border-top:1px dashed var(--border)}.social-list a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.social-list svg{flex-shrink:0;opacity:.7}.admin-shell{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column}.admin-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:var(--bg);border-bottom:1px solid var(--accent)}.admin-body{flex:1 1;display:grid;grid-template-columns:220px 1fr;overflow:hidden}.admin-side{background:var(--bg-2);border-right:1px solid var(--border);padding:14px 0;overflow-y:auto}.admin-side button{display:block;width:100%;text-align:left;padding:10px 22px;font-family:var(--f-display);font-size:11px;letter-spacing:.22em;color:var(--fg-muted);border-left:2px solid transparent}.admin-side button:hover{color:var(--fg)}.admin-side button.active{color:var(--accent);border-left-color:var(--accent);background:rgba(202,161,74,.06)}.admin-main{overflow-y:auto;padding:24px 28px;background:var(--bg)}.admin-card{background:var(--bg-2);border:1px solid var(--border);padding:16px;margin-bottom:12px}.admin-card+.admin-card{margin-top:8px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.admin-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.admin-row-actions{display:flex;gap:6px;margin-top:8px}.admin-login{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.85);z-index:100}.admin-login .card{width:360px;background:var(--bg-2);border:1px solid var(--accent);padding:28px;text-align:center}.no-hud-back{display:none;position:fixed;top:16px;left:16px;z-index:40;font-family:var(--f-display);font-size:11px;letter-spacing:.22em;color:var(--accent);background:var(--bg);border:1px solid var(--accent);padding:7px 14px;cursor:pointer}body.no-hud .no-hud-back{display:block}.hud-recall{display:none;position:fixed;bottom:16px;right:16px;z-index:40;width:36px;height:36px;border:1px solid var(--accent);color:var(--accent);background:var(--bg);place-items:center}body.no-hud .hud-recall{display:grid}.tweaks-toggle{position:fixed;bottom:70px;right:20px;z-index:40;width:44px;height:44px;border:1px solid var(--accent);color:var(--accent);background:var(--bg);display:grid;place-items:center}.tweaks-panel{position:fixed;bottom:120px;right:20px;z-index:40;width:320px;background:var(--bg);border:1px solid var(--accent);padding:18px;animation:panel-in .22s ease-out both}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}.tw-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--border)}.tw-row:last-child{border-bottom:0}.tw-row .lbl{font-family:var(--f-display);font-size:11px;letter-spacing:.2em;color:var(--fg-muted)}.tw-options{display:flex;gap:4px}.tw-options button{padding:4px 10px;border:1px solid var(--border);font-family:var(--f-display);font-size:10px;letter-spacing:.15em;color:var(--fg-muted)}.tw-options button.active{color:var(--accent);border-color:var(--accent)}.switch{width:40px;height:20px;position:relative;background:var(--bg-3);border:1px solid var(--border);cursor:pointer}.switch:after{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;background:var(--fg-muted);transition:left .18s,background .18s}.switch.on{border-color:var(--accent)}.switch.on:after{left:21px;background:var(--accent)}.row{gap:14px;align-items:center}.col,.row{display:flex}.col{flex-direction:column;gap:10px}.between{display:flex;justify-content:space-between;align-items:center;gap:14px}.hidden{display:none!important}.spacer{flex:1 1}.center{text-align:center}.stack-sm>*+*{margin-top:6px}.stack-md>*+*{margin-top:14px}.stack-lg>*+*{margin-top:28px}.mt-xl{margin-top:40px}.max-reading{max-width:680px;margin:0 auto}.page-head{text-align:center;margin:8px 0 28px}.page-head .ornament{color:var(--accent);font-family:var(--f-display);font-size:11px;letter-spacing:.4em}.page-head h1{font-size:clamp(36px,5vw,56px);margin:10px 0 6px}.page-head .sub{color:var(--fg-muted);font-style:italic}.mobile-menu-btn{display:none}.mobile-menu{position:fixed;inset:0;z-index:45;background:var(--bg);display:flex;flex-direction:column;padding:20px 24px max(28px,env(safe-area-inset-bottom));animation:panel-in .22s ease-out both;overflow-y:auto}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:8px}.mobile-nav{display:flex;flex-direction:column;flex:1 1}.mobile-nav-link{display:flex;align-items:center;gap:18px;padding:18px 0;font-family:var(--f-display);font-size:clamp(20px,5vw,26px);letter-spacing:.14em;color:var(--fg-muted);border-bottom:1px dashed var(--border);transition:color .18s;-webkit-tap-highlight-color:transparent}.mobile-nav-link.active,.mobile-nav-link:active,.mobile-nav-link:hover{color:var(--fg)}.mobile-nav-link.active .mn-dot{color:var(--accent)}.mn-dot{color:var(--border);transition:color .18s;flex-shrink:0;line-height:1}.mobile-nav-footer{margin-top:auto;padding-top:20px;text-align:center}.mobile-nav-socials{display:flex;justify-content:center;gap:8px}@media (max-width:900px){.nav a{padding:8px;font-size:11px;letter-spacing:.15em}.character-grid,.contact-grid,.detail-grid,.featured-post{grid-template-columns:1fr}.inventory{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-body{grid-template-columns:1fr}.admin-side{display:flex;overflow-x:auto;padding:6px;border-right:0;border-bottom:1px solid var(--border)}.admin-side button{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:8px 16px}.admin-side button.active{border-bottom-color:var(--accent);border-left:0}.admin-grid,.admin-grid.cols-3{grid-template-columns:1fr}}@media (max-width:768px){.nav{gap:0}.nav a{padding:8px 6px;font-size:10px;letter-spacing:.1em}main{padding:32px 20px 90px}}@media (max-width:640px){.mobile-menu-btn{display:grid!important}.hud-top .nav{display:none!important}.hud-top{display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.nav-actions{justify-self:unset;gap:6px}.brand-sub{display:none}.icon-btn{width:40px;height:40px}.hud-bottom{display:flex;justify-content:space-between;align-items:center;grid-template-columns:unset;padding:8px 16px max(8px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.18em}.hud-bottom>:last-child{justify-self:unset}.hud-vitals{gap:8px}.vital-bar{width:52px}main{padding:22px 16px 60px}.title-screen{height:100%;padding:12px 16px}.title-chapter{margin-bottom:8px}.title-main{font-size:clamp(44px,12vw,68px)}.title-sub{margin-top:6px}.title-quote{margin-top:12px;font-size:15px;line-height:1.4;padding:6px 16px}.title-menu{margin-top:14px}.title-menu a{padding:7px 20px;font-size:11px}.title-press{margin-top:12px;font-size:10px}.inventory{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.item-card{grid-template-columns:72px 1fr;gap:12px}.post-row{grid-template-columns:56px 1fr;gap:12px}.post-row .meta{display:none}.character-grid{grid-template-columns:1fr}.portrait{max-height:65vw}.detail-grid{grid-template-columns:1fr}.detail-cover{aspect-ratio:16/9}.article{font-size:17px;line-height:1.7}.article h1{font-size:clamp(26px,7vw,38px)}.article h2{font-size:22px}.article p:first-of-type:first-letter{font-size:52px}.panel{padding:14px}.tweaks-panel{width:calc(100vw - 32px);right:16px;bottom:56px}.admin-shell{position:fixed}.admin-topbar{flex-wrap:wrap;gap:8px;padding:10px 14px}.admin-main{padding:16px}.admin-login .card{width:90vw;max-width:360px}.no-hud-back{top:12px;left:12px;padding:6px 10px;font-size:10px}.hud-recall{bottom:12px;right:12px;width:34px;height:34px}}@media (max-width:380px){.brand-name{font-size:12px;letter-spacing:.16em}.nav-actions .icon-btn:not(.mobile-menu-btn){display:none}main{padding:18px 12px 55px}.mobile-nav-link{font-size:18px;padding:14px 0}.gallery{grid-template-columns:1fr}.title-main{font-size:clamp(38px,11vw,48px)}.title-quote{font-size:13px;margin-top:8px;padding:4px 12px}.title-menu a{padding:6px 14px}.title-press{margin-top:8px}}@supports (padding:max(0px)){.hud-bottom,.hud-top{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}.mobile-menu{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}