:root{--walnut-950:#120a05;--walnut-900:#1d110a;--walnut-800:#2d1b0e;--leather-700:#4a2d1a;--leather-600:#5e3a22;--leather-500:#7a4d2c;--vellum-50:#fbf3df;--vellum-100:#f4e4bc;--vellum-200:#ead6a2;--vellum-300:#dcc286;--vellum-400:#c4a466;--foxing:#8b5a2b24;--ink:#2a1a10;--ink-soft:#5a4330;--ink-faint:#8a7058;--rubric:#8b2500;--rubric-bright:#b8360d;--gold:#d4af37;--gold-bright:#ffd76a;--gold-deep:#9a7420;--gold-leaf:linear-gradient(135deg, #8a6418 0%, #f6dc7a 22%, #c8982c 45%, #fff1b0 60%, #b5861f 80%, #7d5a14 100%);--arcane:#1a1a3e;--arcane-glow:#7b6cff;--c-health:#a3271f;--c-intelligence:#2f5b9e;--c-money:#2f6b33;--c-relationships:#8a3a84;--f-display:"Cinzel Decorative", "Cinzel", serif;--f-head:"Cinzel", serif;--f-body:"Cormorant Garamond", "EB Garamond", Georgia, serif;--f-hand:"Caveat", "Segoe Script", cursive;--radius:6px;--hud-h:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");--fibers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='turbulence' baseFrequency='.012 .06' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .15 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23f)'/%3E%3C/svg%3E");--leather-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .02 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23l)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--f-body);color:var(--vellum-100);background:var(--walnut-950);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.45;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:3px}::selection{background:#d4af3759}.desk{isolation:isolate;background:radial-gradient(70% 55% at 18% 8%,#ffaa4629,#0000 60%),radial-gradient(90% 70% at 50% 120%,#000000b3,#0000 60%),repeating-linear-gradient(92deg,#ffffff03 0 2px,#0000 2px 9px),linear-gradient(#24150b 0%,#1a0f07 55%,#100804 100%);min-height:100dvh;position:relative}.desk:before{content:"";z-index:-1;pointer-events:none;background:var(--fibers);opacity:.9;mix-blend-mode:overlay;position:fixed;inset:0}.desk:after{content:"";z-index:30;pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#0000008c 100%);position:fixed;inset:0}.candlelight{pointer-events:none;z-index:29;background:radial-gradient(60% 45% at 12% 0,#ffbe5a24,#0000 70%);animation:5.5s ease-in-out infinite candle;position:fixed;inset:0}@keyframes candle{0%,to{opacity:.85;transform:translate(0)}21%{opacity:1}23%{opacity:.78;transform:translate(2px,1px)}48%{opacity:.95}52%{opacity:.82;transform:translate(-2px)}77%{opacity:1;transform:translate(1px,-1px)}}.hud{z-index:40;height:var(--hud-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#120a05f5,#120a05d1);border-bottom:1px solid #d4af3738;align-items:center;gap:18px;padding:0 clamp(14px,3vw,32px);display:flex;position:sticky;top:0}.brand{font-family:var(--f-display);letter-spacing:.04em;background:var(--gold-leaf);color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand svg{flex-shrink:0}.hud-meters{flex:1;gap:14px;max-width:460px;margin:0 auto;display:flex}.meter{flex:1;min-width:0}.meter-label{font-family:var(--f-head);letter-spacing:.14em;color:#f4e4bc8c;justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.meter-track{background:#0000008c;border-radius:99px;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3,0 0 0 1px #d4af3729}.meter-fill{border-radius:inherit;position:absolute;inset:0 auto 0 0}.meter-fill:after{content:"";background:linear-gradient(#ffffff59,#0000 60%);position:absolute;inset:0}.meter--hp .meter-fill{background:linear-gradient(90deg,#6d140d,#d0402a);box-shadow:0 0 10px #d0402a99}.meter--mp .meter-fill{background:linear-gradient(90deg,#1d2a72,#5f7cff);box-shadow:0 0 10px #5f7cff8c}.meter--xp .meter-fill{background:linear-gradient(90deg,#8a6418,#ffd76a);box-shadow:0 0 10px #ffd76a99}.hud-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.streak-flame{font-family:var(--f-hand);color:#ffb35c;text-shadow:0 0 12px #ff781e99;align-items:center;gap:4px;font-size:22px;display:flex}.streak-flame.cold{color:#f4e4bc4d;text-shadow:none}.gold-count{font-family:var(--f-head);color:var(--gold-bright);align-items:center;gap:6px;font-size:14px;display:flex}.level-seal{width:44px;height:44px;font-family:var(--f-display);color:var(--walnut-800);background:radial-gradient(circle at 35% 30%,#fff1b0,#d4af37 40%,#8a6418 100%);border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid;position:relative;box-shadow:0 0 0 2px #0006,0 0 18px #d4af3773,inset 0 -3px 6px #00000059}.level-seal small{font-family:var(--f-head);letter-spacing:.1em;opacity:.7;font-size:7px;position:absolute;top:5px}.level-seal span{margin-top:6px}.sync-dot{background:#6b6b6b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #ffffff0d}.sync-dot.synced{background:#6fcf74;box-shadow:0 0 8px #6fcf74b3}.sync-dot.syncing{background:var(--gold-bright);animation:1s infinite pulse}.sync-dot.offline,.sync-dot.error{background:#e0603a}.sync-dot.local{background:#8a7058}@keyframes pulse{50%{opacity:.35}}.hero-chip{border-radius:99px;align-items:center;gap:10px;padding:4px 6px 4px 12px;transition:background .2s;display:flex}.hero-chip:hover{background:#d4af3714}.hero-chip .who{text-align:right;line-height:1.1}.hero-chip .who b{font-family:var(--f-head);letter-spacing:.06em;color:var(--vellum-100);font-size:13px;font-weight:600;display:block}.hero-chip .who i{font-family:var(--f-hand);color:#d4af37bf;font-size:14px;font-style:normal}.tome-wrap{max-width:1480px;margin:0 auto;padding:52px clamp(12px,3vw,40px) 28px;position:relative}.tome{background:var(--leather-tex), linear-gradient(160deg, var(--leather-600), var(--leather-700) 45%, #3a2213 100%);border-radius:14px 14px 12px 12px;padding:16px;position:relative;box-shadow:0 40px 80px -20px #000000d9,0 18px 30px #0000008c,inset 0 0 0 2px #00000059,inset 0 0 0 7px #d4af3738,inset 0 0 0 8px #0000004d,inset 0 2px #ffdca01f}.tome:before{content:"";pointer-events:none;border:1px solid #d4af3747;border-radius:10px;position:absolute;inset:4px;-webkit-mask:linear-gradient(#000 0 0) 0 0/70px 70px no-repeat,linear-gradient(#000 0 0) 100% 0/70px 70px no-repeat,linear-gradient(#000 0 0) 0 100%/70px 70px no-repeat,linear-gradient(#000 0 0) 100% 100%/70px 70px no-repeat;mask:linear-gradient(#000 0 0) 0 0/70px 70px no-repeat,linear-gradient(#000 0 0) 100% 0/70px 70px no-repeat,linear-gradient(#000 0 0) 0 100%/70px 70px no-repeat,linear-gradient(#000 0 0) 100% 100%/70px 70px no-repeat}.spread{height:calc(100dvh - var(--hud-h) - 122px);perspective:2400px;grid-template-columns:1fr 1fr;min-height:560px;display:grid;position:relative}.spread:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#3c230f47 38%,#1e0f058c 50%,#3c230f47 62%,#0000);width:70px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.page{color:var(--ink);background:radial-gradient(circle at 12% 18%, var(--foxing) 0 2px, transparent 3px), radial-gradient(circle at 78% 66%, var(--foxing) 0 1.5px, transparent 3px), radial-gradient(circle at 34% 88%, #8b5a2b14 0 6px, transparent 14px), radial-gradient(ellipse at 50% 50%, transparent 55%, #96693238 100%), var(--grain), var(--fibers), linear-gradient(170deg, var(--vellum-50) 0%, var(--vellum-100) 40%, var(--vellum-200) 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 40px #78501e40}.page--left{border-radius:6px 2px 2px 6px;box-shadow:inset -24px 0 30px -18px #46280f73,inset 0 0 40px #78501e40}.page--right{border-radius:2px 6px 6px 2px;box-shadow:inset 24px 0 30px -18px #46280f73,inset 0 0 40px #78501e40}.page--left:before,.page--right:before{content:"";z-index:2;pointer-events:none;opacity:.8;background:repeating-linear-gradient(90deg,#d9c18a 0 1px,#f3e3b8 1px 2px);width:7px;position:absolute;top:4px;bottom:4px}.page--left:before{left:0}.page--right:before{right:0}.page-inner{scrollbar-width:thin;scrollbar-color:#5a3c1e59 transparent;padding:46px clamp(20px,3vw,44px) 40px;position:absolute;inset:0;overflow:hidden auto}.page-inner::-webkit-scrollbar{width:6px}.page-inner::-webkit-scrollbar-thumb{background:#5a3c1e4d;border-radius:9px}.folio{font-family:var(--f-head);color:var(--ink-faint);letter-spacing:.2em;z-index:2;font-size:11px;position:absolute;bottom:10px}.page--left .folio{left:28px}.page--right .folio{right:28px}.single-page{position:relative}.single-page .page{min-height:calc(100dvh - var(--hud-h) - 150px);border-radius:6px}.single-page .page-inner{position:relative;inset:auto;overflow:visible}.page-switch{background:#00000059;border-radius:99px;gap:4px;width:fit-content;margin:0 auto 14px;padding:4px;display:flex;box-shadow:inset 0 0 0 1px #d4af3733}.page-switch button{font-family:var(--f-head);letter-spacing:.1em;color:#f4e4bc99;border-radius:99px;padding:6px 16px;font-size:12px;position:relative}.page-switch button.on{color:var(--walnut-800)}.page-switch .pill{background:var(--gold-leaf);z-index:-1;border-radius:99px;position:absolute;inset:0}.ribbons{z-index:5;pointer-events:none;justify-content:center;gap:clamp(4px,1vw,12px);height:46px;display:flex;position:absolute;top:-34px;left:0;right:0}.ribbon{pointer-events:auto;color:#fff5dce6;width:62px;height:62px;font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:linear-gradient(90deg, #00000040, transparent 30%, transparent 70%, #00000040), var(--rib,#7a1d14);filter:drop-shadow(0 4px 4px #00000073);transform-origin:top;transition:height .35s var(--ease-out), filter .2s;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;margin-top:-2px;padding-top:8px;font-size:9px;display:flex;position:relative}.ribbon svg{opacity:.92;width:18px;height:18px}.ribbon:hover{filter:drop-shadow(0 6px 6px #00000080)brightness(1.08);height:72px}.ribbon.on{height:84px}.ribbon.on:after{content:"";background:#ffe6a080;height:1px;position:absolute;top:4px;left:6px;right:6px}.ribbon .badge{background:var(--gold-bright);min-width:15px;height:15px;color:var(--walnut-800);letter-spacing:0;border-radius:99px;place-items:center;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:4px;right:6px}.bottom-nav{z-index:45;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1d110aeb,#120a05fa);border-top:1px solid #d4af3740;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{font-family:var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:#f4e4bc80;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:9.5px;display:flex;position:relative}.bottom-nav button.on{color:var(--gold-bright)}.bottom-nav svg{width:22px;height:22px}.bottom-nav .glow{background:var(--gold-bright);width:28px;height:3px;box-shadow:0 0 12px var(--gold-bright);border-radius:0 0 4px 4px;position:absolute;top:-7px}.bottom-nav .badge{background:var(--rubric-bright);color:#fff;border-radius:99px;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:2px;right:calc(50% - 20px)}.eyebrow{font-family:var(--f-head);letter-spacing:.32em;text-transform:uppercase;color:var(--rubric);font-size:11px}.page-title{font-family:var(--f-display);color:var(--ink);margin:4px 0 2px;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.1}.page-sub{color:var(--ink-soft);font-size:17px;font-style:italic}.section-title{font-family:var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:10px;margin:26px 0 12px;font-size:13px;font-weight:600;display:flex}.section-title:after{content:"";background:linear-gradient(90deg,#5a3c1e73,#0000);flex:1;height:1px}.section-title .count{font-family:var(--f-hand);letter-spacing:0;color:var(--rubric);text-transform:none;font-size:18px}.flourish{color:var(--ink-faint);opacity:.7;justify-content:center;margin:14px 0;display:flex}.hand{font-family:var(--f-hand)}.muted{color:var(--ink-faint)}.drop-cap:first-letter{float:left;font-family:var(--f-display);color:var(--rubric);text-shadow:1px 1px #d4af3799;padding:6px 8px 0 0;font-size:3.4em;font-weight:700;line-height:.8}.lede{color:var(--ink-soft);font-size:18px}.btn{font-family:var(--f-head);letter-spacing:.14em;text-transform:uppercase;transition:transform .15s var(--ease-out), box-shadow .2s, filter .2s, background .2s;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.45;pointer-events:none}.btn svg{width:16px;height:16px}.btn-gold{color:var(--walnut-800);background:var(--gold-leaf);background-size:200% 200%;box-shadow:0 2px #6d4f12,0 6px 14px #0000004d,inset 0 1px #ffffff80}.btn-gold:hover{background-position:100% 0;box-shadow:0 2px #6d4f12,0 8px 22px #d4af3773,inset 0 1px #ffffff80}.btn-ink{color:var(--vellum-100);background:linear-gradient(#3d2616,#24150b);box-shadow:0 2px #0e0703,0 6px 14px #0000004d,inset 0 0 0 1px #d4af374d}.btn-ink:hover{box-shadow:0 2px #0e0703,0 8px 20px #0006,inset 0 0 0 1px #d4af3799}.btn-ghost{color:var(--ink-soft);box-shadow:inset 0 0 0 1px #5a3c1e59}.btn-ghost:hover{color:var(--ink);background:#5a3c1e14}.btn-ghost.on-dark{color:var(--vellum-200);box-shadow:inset 0 0 0 1px #d4af374d}.btn-ghost.on-dark:hover{color:var(--vellum-50);background:#d4af371a}.btn-blood{color:#fff3e8;background:linear-gradient(#a4300f,#6b1a08);box-shadow:0 2px #3e0e03,0 6px 14px #0000004d}.btn-sm{padding:6px 12px;font-size:10.5px}.btn-icon{border-radius:50%;padding:8px}.link-btn{font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--rubric);border-bottom:1px dotted;font-size:11px}.field{margin-bottom:16px;display:block}.field>span{font-family:var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:10.5px;display:block}.input,.select,.textarea{width:100%;color:var(--ink);background:#fffcf08c;border:1px solid #5a3c1e4d;border-radius:4px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 3px #5a3c1e26}.input::placeholder,.textarea::placeholder{color:#5a433080;font-style:italic}.input:focus,.select:focus,.textarea:focus{border-color:var(--rubric);background:#fffcf0d9;outline:none;box-shadow:0 0 0 3px #8b25001f,inset 0 1px 3px #5a3c1e1a}.input.hand-input{font-family:var(--f-hand);padding:6px 12px;font-size:24px}.textarea{resize:vertical;min-height:70px;font-style:italic}.row{gap:12px;display:flex}.row>*{flex:1;min-width:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--f-head);letter-spacing:.08em;color:var(--ink-soft);border-radius:99px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;transition:all .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #5a3c1e4d}.chip:hover{background:#5a3c1e14}.chip.on{color:var(--vellum-50);background:var(--chip,var(--ink));box-shadow:0 2px 8px #0003}.toggle{background:#5a3c1e40;border-radius:99px;flex-shrink:0;width:42px;height:24px;transition:background .25s;position:relative}.toggle:after{content:"";background:var(--vellum-50);width:18px;height:18px;transition:transform .3s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000059}.toggle.on{background:var(--c-money)}.toggle.on:after{transform:translate(18px)}.quick-add{background:#fffcf080;border-radius:6px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #5a3c1e47,0 1px #fff9}.quick-add:focus-within{box-shadow:inset 0 0 0 1px var(--rubric), 0 0 0 3px #8b25001a}.quick-add input{min-width:0;font-family:var(--f-hand);color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:23px}.quick-add input::placeholder{color:#5a433073}.quick-hints{color:var(--ink-faint);margin-top:6px;font-size:13px;font-style:italic}.quick-hints code{font-family:var(--f-head);color:var(--rubric);font-size:11px;font-style:normal}.quick-preview{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.quest-list{flex-direction:column;gap:12px;display:flex}.quest{--cat:var(--c-health);transform:rotate(var(--tilt,0deg));transition:box-shadow .25s var(--ease-out);background:linear-gradient(175deg,#fffaf0 0%,#f7ebcb 100%);border-radius:3px;position:relative;box-shadow:0 1px 1px #3c230f26,0 6px 14px -6px #3c230f59}.quest:hover{box-shadow:0 2px 2px #3c230f1f,0 16px 28px -10px #3c230f73}.quest:before{content:"";background:linear-gradient(180deg, var(--cat), color-mix(in srgb, var(--cat) 60%, black));border-radius:3px 0 0 3px;width:5px;position:absolute;top:0;bottom:0;left:0}.quest-head{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 14px 12px 20px;display:flex}.quest-main{flex:1;min-width:0}.quest-meta{font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--cat);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:10.5px;display:flex}.quest-meta .sep{color:#5a3c1e4d}.quest-title{font-family:var(--f-body);color:var(--ink);overflow-wrap:anywhere;margin:3px 0 2px;font-size:20px;font-weight:600;line-height:1.2}.quest-desc{color:var(--ink-soft);font-size:15.5px;font-style:italic}.quest-foot{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;font-size:14px;display:flex}.quest-foot .due{font-family:var(--f-hand);color:var(--ink-soft);font-size:18px}.quest-foot .due.soon{color:#b36b00}.quest-foot .due.late{color:var(--rubric-bright)}.stars{color:var(--gold-deep);letter-spacing:1px;font-size:13px}.tag{font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);background:#5a3c1e14;border-radius:99px;padding:2px 7px;font-size:9.5px}.tag.agent{color:var(--arcane);background:#1a1a3e1a}.tag.recur{color:var(--c-money);background:#2f6b331a}.tag.prog{color:var(--c-intelligence);background:#22477e1f}.quest.locked{opacity:.62}.quest.locked .quest-title:after{content:" 🔒";font-size:15px}.seal-btn{--seal:var(--cat);color:#fff5e1f2;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--seal) 55%, white), var(--seal) 45%, color-mix(in srgb, var(--seal) 55%, black) 100%);width:46px;height:46px;transition:transform .2s var(--ease-out), box-shadow .2s;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 2px 4px #00000059,inset 0 -3px 6px #0000004d,inset 0 2px 3px #ffffff40}.seal-btn:before{content:"";border:1px dashed #fff0d273;border-radius:50%;position:absolute;inset:5px}.seal-btn:hover{box-shadow:0 4px 12px #00000059, 0 0 0 4px color-mix(in srgb, var(--seal) 20%, transparent), inset 0 -3px 6px #0000004d;transform:scale(1.07)rotate(-6deg)}.seal-btn:active{transform:scale(.94)}.seal-btn svg{width:22px;height:22px;position:relative}.urgent-seal{z-index:2;text-align:center;width:52px;height:52px;font-family:var(--f-head);letter-spacing:.08em;color:#ffe9d8;clip-path:polygon(50% 0,61% 6%,74% 3%,80% 14%,93% 17%,92% 30%,100% 40%,94% 51%,99% 63%,89% 71%,89% 84%,76% 86%,69% 97%,57% 93%,45% 100%,35% 92%,22% 96%,17% 84%,5% 80%,7% 67%,0 57%,7% 47%,2% 34%,12% 27%,11% 13%,24% 12%,31% 2%,42% 7%);background:radial-gradient(circle at 35% 30%,#d4522c,#9b1d08 55%,#5e0f03);border-radius:50%;place-items:center;font-size:8.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:-10px;right:54px;transform:rotate(-12deg);box-shadow:0 3px 6px #00000059,inset 0 -3px 6px #00000059}.quest-body{padding:0 16px 14px 20px}.bonus-list{flex-direction:column;gap:6px;margin:4px 0 12px;list-style:none;display:flex}.bonus-item{cursor:pointer;align-items:center;gap:10px;font-size:16px;display:flex}.bonus-item .box{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--ink-soft);color:var(--rubric);border-radius:3px;flex-shrink:0;place-items:center;display:grid}.bonus-item.done span{text-decoration:line-through;-webkit-text-decoration-color:var(--rubric);text-decoration-color:var(--rubric);color:var(--ink-faint)}.bonus-item em{font-style:normal;font-family:var(--f-hand);color:var(--gold-deep);margin-left:auto;font-size:16px}.quest-actions{border-top:1px dashed #5a3c1e40;flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.empty{text-align:center;color:var(--ink-soft);padding:40px 16px}.empty .art{opacity:.8;filter:sepia(.4);margin-bottom:8px;font-size:44px}.empty h3{font-family:var(--f-display);color:var(--ink);margin-bottom:6px;font-size:20px}.empty p{max-width:32ch;margin:0 auto 14px;font-style:italic}.day-heading{font-family:var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--rubric);align-items:baseline;gap:10px;margin:22px 0 6px;font-size:12px;display:flex}.day-heading .hand{letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:18px}.entry{border-bottom:1px solid #5a3c1e24;grid-template-columns:26px 1fr auto;align-items:start;gap:10px;padding:9px 0;display:grid}.entry:last-child{border-bottom:0}.entry-icon{width:26px;height:26px;color:var(--vellum-50);background:var(--cat,var(--ink-soft));border-radius:50%;place-items:center;margin-top:2px;font-size:13px;display:grid}.entry-icon.failed{background:var(--rubric)}.entry-icon.abandoned{background:var(--ink-faint)}.entry-title{color:var(--ink);font-size:17px;font-weight:600;line-height:1.25}.entry-sub{color:var(--ink-faint);font-size:14px;font-style:italic}.entry-xp{font-family:var(--f-hand);color:var(--gold-deep);white-space:nowrap;text-align:right;font-size:20px}.entry-xp.neg{color:var(--rubric)}.entry .who{font-style:normal;font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--arcane);vertical-align:2px;background:#1a1a3e1a;border-radius:99px;margin-left:6px;padding:1px 6px;font-size:9px}.breakdown{background:#5a3c1e0f;border-radius:4px;margin-top:6px;padding:8px 10px;font-size:14px}.breakdown div{justify-content:space-between;gap:12px;display:flex}.breakdown b{font-family:var(--f-hand);color:var(--gold-deep);font-size:17px;font-weight:500}.today-card{background:linear-gradient(#fffcf0b3,#fffcf059);border-radius:4px;margin-top:16px;padding:16px 18px;position:relative;box-shadow:inset 0 0 0 1px #5a3c1e33}.today-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.today-stats b{font-family:var(--f-display);color:var(--ink);font-size:26px;line-height:1.1;display:block}.today-stats span{font-family:var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px}.panel{background:#fffcf073;border-radius:4px;margin-bottom:14px;padding:16px 18px;position:relative;box-shadow:inset 0 0 0 1px #5a3c1e33}.panel h4{font-family:var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:4px;font-size:13px}.panel p{color:var(--ink-soft)}.kv{border-bottom:1px dashed #5a3c1e33;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.kv:last-child{border-bottom:0}.kv span{color:var(--ink-soft);font-style:italic}.kv b{font-family:var(--f-head);color:var(--ink);text-align:right;font-size:14px}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero-plate{text-align:center;padding:8px 0 4px}.hero-crest{place-items:center;width:132px;height:132px;margin:6px auto 12px;display:grid;position:relative}.hero-crest .ring{position:absolute;inset:0}.hero-crest .icon{filter:drop-shadow(0 4px 6px #3c230f66);font-size:52px}.hero-name{font-family:var(--f-display);color:var(--ink);font-size:30px;font-weight:700;line-height:1.1}.hero-title{font-family:var(--f-hand);color:var(--rubric);font-size:24px}.class-badge{font-family:var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);border-radius:99px;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;font-size:10.5px;display:inline-flex;box-shadow:inset 0 0 0 1px #9a742080}.stat-row{grid-template-columns:30px 1fr 46px;align-items:center;gap:10px;padding:8px 0;display:grid}.stat-row .ico{text-align:center;font-size:20px}.stat-row .nm{font-family:var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:12px}.stat-row .nm small{font-family:var(--f-body);letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:13px;font-style:italic;display:block}.stat-row .val{font-family:var(--f-display);text-align:right;color:var(--stat);font-size:22px;font-weight:700}.stat-bar{background:#5a3c1e26;border-radius:99px;grid-column:2/4;height:5px;margin-top:-4px;overflow:hidden}.stat-bar i{border-radius:inherit;background:var(--stat);height:100%;display:block}.res-bar{margin:10px 0}.res-bar .lbl{font-family:var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.res-bar .lbl b{font-family:var(--f-hand);letter-spacing:0;color:var(--ink);font-size:18px;font-weight:500}.res-bar .track{background:#5a3c1e2e;border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #3c230f40}.res-bar .fill{border-radius:inherit;height:100%}.ability{color:#e8e4ff;background:linear-gradient(135deg,#1a1a3ee6,#2e1e5ad9);border-radius:6px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:grid;box-shadow:0 6px 16px -6px #1a1a3e99,inset 0 0 0 1px #7b6cff59}.ability .orb{background:radial-gradient(circle at 35% 30%,#a096ff80,#1a1a3e33);border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid;box-shadow:0 0 16px #7b6cff73}.ability b{font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.ability p{color:#e8e4ffbf;font-size:14.5px;font-style:italic}.ability .cost{font-family:var(--f-head);color:#a9b8ff;font-size:11px}.talent{background:#fffcf080;border-radius:6px;grid-template-columns:64px 1fr;gap:14px;margin-bottom:12px;padding:16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #5a3c1e33}.talent.ranked{background:linear-gradient(135deg,#ffecaa8c,#fffcf080);box-shadow:inset 0 0 0 1px #9a742080,0 6px 18px -8px #9a742080}.talent .gem{background:linear-gradient(135deg,#3d2616,#24150b);border-radius:14px;place-items:center;width:64px;height:64px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 0 2px #d4af3759,0 6px 12px #0000004d}.talent.ranked .gem{background:var(--gold-leaf);box-shadow:0 0 22px #d4af378c,inset 0 0 0 2px #fff6}.talent .gem span{font-size:26px;transform:rotate(-45deg)}.pips{gap:5px;margin:6px 0;display:flex}.pips i{width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--gold-deep);border-radius:50%}.pips i.on{background:var(--gold-leaf);box-shadow:0 0 8px #d4af37b3}.trophy-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.trophy{text-align:center;background:#fffcf059;border-radius:6px;padding:16px 10px 12px;position:relative;box-shadow:inset 0 0 0 1px #5a3c1e2e}.trophy .shield{width:64px;height:72px;clip-path:path("M32 0 L64 10 L64 36 C64 56 48 66 32 72 C16 66 0 56 0 36 L0 10 Z");filter:grayscale();opacity:.5;background:linear-gradient(160deg,#6b5a48,#3c2f24);place-items:center;margin:0 auto 8px;font-size:28px;display:grid}.trophy.won .shield{background:var(--gold-leaf);filter:none;opacity:1;box-shadow:0 0 20px #d4af3799}.trophy b{font-family:var(--f-head);letter-spacing:.1em;color:var(--ink);font-size:12px;display:block}.trophy p{color:var(--ink-faint);margin-top:2px;font-size:13.5px;font-style:italic;line-height:1.3}.trophy .when{font-family:var(--f-hand);color:var(--gold-deep);margin-top:4px;font-size:15px}.loot{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tier) 55%, transparent), 0 6px 14px -8px color-mix(in srgb, var(--tier) 70%, transparent);background:linear-gradient(135deg,#fffcf0bf,#fff5dc73);border-radius:6px;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:grid;position:relative}.loot .gem{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tier) 40%, white), var(--tier));width:52px;height:52px;box-shadow:0 0 14px color-mix(in srgb, var(--tier) 60%, transparent);border-radius:10px;place-items:center;font-size:24px;display:grid}.loot b{color:var(--ink);font-size:18px}.loot .tier{font-family:var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--tier);font-size:10px}.loot.redeemed{opacity:.55}.reward-row{border-bottom:1px dashed #5a3c1e33;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.reward-row .dot{background:var(--tier);width:10px;height:10px;box-shadow:0 0 6px var(--tier);border-radius:50%}.reward-row b{font-size:16.5px;font-weight:600}.reward-row small{color:var(--ink-faint);font-size:13.5px;font-style:italic;display:block}.reward-row.off{opacity:.45}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;padding-bottom:4px;display:grid;overflow-x:auto}.heatmap i{background:#5a3c1e1a;border-radius:3px;width:13px;height:13px}.heatmap i[data-l="1"]{background:#e5c46b}.heatmap i[data-l="2"]{background:#c9962e}.heatmap i[data-l="3"]{background:#9a6a14}.heatmap i[data-l="4"]{background:#6b4507;box-shadow:0 0 6px #d4af3799}.heatmap i.today{outline:1.5px solid var(--rubric);outline-offset:1px}.legend{color:var(--ink-faint);justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-style:italic;display:flex}.legend i{border-radius:2px;width:11px;height:11px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-svg text{font-family:var(--f-head)}.bars{grid-template-columns:repeat(6,1fr);align-items:end;gap:8px;height:150px;padding-top:10px;display:grid}.bars .bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bars .bar i{background:linear-gradient(180deg, var(--bar), color-mix(in srgb, var(--bar) 60%, black));border-radius:3px 3px 0 0;width:70%;min-height:3px}.bars .bar b{font-family:var(--f-display);color:var(--ink);font-size:15px}.bars .bar span{font-family:var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:9px}.records{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.record{background:#fffcf073;border-radius:4px;padding:12px;box-shadow:inset 0 0 0 1px #5a3c1e2e}.record b{font-family:var(--f-display);color:var(--ink);font-size:24px;line-height:1.1;display:block}.record span{font-family:var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px}.codeblock{color:#e8dcc0;white-space:pre;background:#1b120b;border-radius:6px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;position:relative;overflow-x:auto;box-shadow:inset 0 0 0 1px #d4af3733}.codeblock .copy{position:absolute;top:6px;right:6px}.key-row{border-bottom:1px dashed #5a3c1e33;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.key-row code{color:var(--ink);font-family:ui-monospace,monospace;font-size:13px}.notice{color:var(--ink);background:#d4af3724;border-radius:4px;padding:12px 14px;font-size:15px;box-shadow:inset 0 0 0 1px #9a742059}.notice.warn{background:#8b250014;box-shadow:inset 0 0 0 1px #8b25004d}.scrim{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0502b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.contract{width:min(620px,100%);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--grain), var(--fibers), linear-gradient(170deg, var(--vellum-50), var(--vellum-200));cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M2 26 L8 20 Q18 4 26 2 Q24 10 8 20 Z' fill='%232a1a10' stroke='%23d4af37' stroke-width='.8'/%3E%3C/svg%3E") 2 26,auto;border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000b3,inset 0 0 50px #78501e4d}.contract:before,.contract:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 6px 0,#0000 5px,#3c230f2e 6px,#0000 7px) 0 0/12px 10px repeat-x;height:10px;position:absolute;left:0;right:0}.contract:before{top:0}.contract:after{bottom:0;transform:scaleY(-1)}.contract-head{text-align:center;padding:26px 30px 10px}.contract-body{flex:1;padding:8px 30px 18px;overflow-y:auto}.contract-foot{border-top:1px solid #5a3c1e33;justify-content:space-between;align-items:center;gap:12px;padding:16px 30px 22px;display:flex}.signature{font-family:var(--f-hand);color:var(--ink);min-width:120px;font-size:26px;position:relative}.signature svg{width:160px;height:30px;position:absolute;bottom:-6px;left:-6px;overflow:visible}.close-x{z-index:3;width:34px;height:34px;color:var(--ink-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.close-x:hover{background:#5a3c1e1a}.xp-preview{background:#d4af3726;border-radius:4px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #9a742066}.xp-preview b{font-family:var(--f-display);color:var(--gold-deep);font-size:22px}.diff-picker{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.diff-picker button{text-align:center;border-radius:4px;padding:8px 2px 6px;transition:all .2s;box-shadow:inset 0 0 0 1px #5a3c1e40}.diff-picker button b{font-family:var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:9.5px;display:block}.diff-picker button span{color:var(--gold-deep);letter-spacing:0;font-size:12px;display:block}.diff-picker button small{font-family:var(--f-hand);color:var(--ink-faint);font-size:15px;display:block}.diff-picker button.on{background:var(--ink);box-shadow:0 4px 10px #00000040}.diff-picker button.on b,.diff-picker button.on small{color:var(--vellum-100)}.diff-picker button.on span{color:var(--gold-bright)}.cat-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cat-picker button{text-align:center;border-radius:4px;padding:10px 4px;transition:all .2s;box-shadow:inset 0 0 0 1px #5a3c1e40}.cat-picker button div{font-size:22px}.cat-picker button b{font-family:var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:2px;font-size:10px;display:block}.cat-picker button.on{background:var(--cat);box-shadow:0 4px 12px #00000040}.cat-picker button.on b{color:var(--vellum-50)}.ceremony{z-index:80;background:radial-gradient(#281608b3,#050201eb);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ceremony-card{text-align:center;width:min(460px,100%);color:var(--vellum-100);position:relative}.rays{pointer-events:none;background:repeating-conic-gradient(from 0deg, #ffd76a21 0 6deg, transparent 6deg 18deg);width:900px;height:900px;margin:-450px 0 0 -450px;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(circle,#000 0,#0000 60%);mask:radial-gradient(circle,#000 0,#0000 60%)}.levelup-number{font-family:var(--f-display);background:var(--gold-leaf);color:#0000;filter:drop-shadow(0 0 30px #ffd76a8c);-webkit-background-clip:text;background-clip:text;font-size:clamp(96px,22vw,150px);font-weight:700;line-height:.9}.ceremony-title{font-family:var(--f-display);letter-spacing:.06em;color:var(--gold-bright);text-shadow:0 0 24px #ffc85099;font-size:clamp(30px,7vw,44px);font-weight:700}.ceremony-sub{color:#f4e4bcd9;max-width:30ch;min-height:2.6em;margin:10px auto 18px;font-size:20px;font-style:italic}.ceremony-perks{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.ceremony-perks span{font-family:var(--f-head);letter-spacing:.12em;color:var(--gold-bright);background:#ffd76a14;border-radius:99px;padding:5px 12px;font-size:11px;box-shadow:inset 0 0 0 1px #ffd76a73}.tier-banner{font-family:var(--f-head);letter-spacing:.3em;text-transform:uppercase;color:#fff8e6;background:linear-gradient(180deg, color-mix(in srgb, var(--tier) 85%, white), var(--tier));clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);margin-bottom:14px;padding:8px 34px;font-size:13px;font-weight:700;display:inline-block;position:relative;box-shadow:0 6px 20px #0006}.reward-name{font-family:var(--f-display);color:#fff6dc;text-shadow:0 0 28px var(--tier), 0 0 8px var(--tier);font-size:clamp(26px,6vw,36px);font-weight:700;line-height:1.15}.reward-desc{color:#f4e4bcd1;max-width:32ch;min-height:1.5em;margin:10px auto 24px;font-size:19px;font-style:italic}.chest-stage{place-items:end center;height:220px;margin-bottom:10px;display:grid;position:relative}.particle{pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:55%;left:50%}.tap-hint{font-family:var(--f-hand);color:#f4e4bc73;margin-top:14px;font-size:18px}.ceremony-source{font-family:var(--f-head);letter-spacing:.24em;text-transform:uppercase;color:#f4e4bc8c;margin-bottom:10px;font-size:10.5px}.banner-stack{top:calc(var(--hud-h) + 12px);z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(440px,100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.banner{pointer-events:auto;width:100%;color:var(--vellum-100);background:linear-gradient(135deg,#2d1b0ef7,#140b05f7);border-radius:8px;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid;box-shadow:0 16px 40px #0000008c,inset 0 0 0 1px #d4af3773}.banner .medal{background:var(--gold-leaf);border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;display:grid;box-shadow:0 0 18px #d4af3780}.banner .medal.wood{box-shadow:none;background:radial-gradient(circle at 35% 30%,#a77b4f,#5e3a22)}.banner b{font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);font-size:13px;display:block}.banner p{color:#f4e4bccc;font-size:15px;font-style:italic;line-height:1.3}.toasts{z-index:75;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;width:min(380px,100% - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;width:100%;color:var(--vellum-100);background:linear-gradient(135deg,#2d1b0ef7,#140b05f7);border-radius:8px;padding:12px 14px;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000008c,inset 0 0 0 1px #d4af3759}.toast.error{box-shadow:0 14px 34px #0000008c,inset 0 0 0 1px #e0603a99}.toast.agent{background:linear-gradient(135deg,#1e1c46f7,#0e0c24f7);box-shadow:0 14px 34px #0000008c,inset 0 0 0 1px #7b6cff80}.toast-row{align-items:center;gap:12px;display:flex}.toast .xp-big{font-family:var(--f-display);background:var(--gold-leaf);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;line-height:1}.toast b{font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);font-size:12px;display:block}.toast.agent b{color:#b9b0ff}.toast.error b{color:#ff9c7a}.toast p{color:#f4e4bcd9;font-size:15px;line-height:1.3}.toast .timer{background:var(--gold);height:2px;position:absolute;bottom:0;left:0}.toast .breakdown{color:#f4e4bccc;background:#ffffff0d}.toast .breakdown b{color:var(--gold-bright);font-family:var(--f-hand);text-transform:none;letter-spacing:0;font-size:16px;display:inline}.gate{place-items:center;min-height:100dvh;padding:28px 16px;display:grid}.gate-card{width:min(560px,100%)}.gate-title{text-align:center;margin-bottom:18px}.gate-title h1{font-family:var(--f-display);background:var(--gold-leaf);color:#0000;filter:drop-shadow(0 2px 10px #d4af374d);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,8vw,52px);font-weight:700;line-height:1}.gate-title p{color:#f4e4bcb8;margin-top:8px;font-size:19px;font-style:italic}.class-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.class-grid button{text-align:center;transition:all .25s var(--ease-out);border-radius:6px;padding:12px 4px 10px;box-shadow:inset 0 0 0 1px #5a3c1e4d}.class-grid button div{transition:transform .3s var(--ease-out);font-size:26px}.class-grid button b{font-family:var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-size:10px;display:block}.class-grid button:hover div{transform:translateY(-3px)scale(1.08)}.class-grid button.on{background:var(--ink);box-shadow:0 8px 18px #0000004d, inset 0 0 0 1px var(--gold)}.class-grid button.on b{color:var(--gold-bright)}.divider-text{font-family:var(--f-head);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:12px;margin:18px 0;font-size:10.5px;display:flex}.divider-text:before,.divider-text:after{content:"";background:#5a3c1e40;flex:1;height:1px}.motes{pointer-events:none;z-index:28;position:fixed;inset:0;overflow:hidden}.mote{filter:blur(.5px);background:#ffdc968c;border-radius:50%;animation:linear infinite drift;position:absolute}@keyframes drift{0%{opacity:0;transform:translate(0)}10%{opacity:var(--o,.5)}90%{opacity:var(--o,.5)}to{transform:translate(var(--dx,40px), -110vh);opacity:0}}.turning-sheet{z-index:6;width:50%;transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;bottom:0}.turning-sheet .face{backface-visibility:hidden;background:var(--grain), linear-gradient(90deg, var(--vellum-200), var(--vellum-50) 70%, var(--vellum-100));position:absolute;inset:0;box-shadow:0 0 30px #00000040}.turning-sheet .face.back{background:var(--grain), linear-gradient(270deg, var(--vellum-200), var(--vellum-50) 70%, var(--vellum-100));transform:rotateY(180deg)}@media (width<=1099px){.tome-wrap{padding-top:18px}.hud-meters{max-width:300px}}@media (width<=719px){:root{--hud-h:58px}body{font-size:16px}.hud{gap:10px}.brand .word{display:none}.hud-meters{gap:8px}.hero-chip .who,.gold-count .lbl{display:none}.tome-wrap{padding:12px 8px calc(84px + env(safe-area-inset-bottom))}.single-page .page{min-height:calc(100dvh - var(--hud-h) - 110px)}.page-inner{padding:22px 18px 34px}.page--left:before,.page--right:before{display:none}.quest-title{font-size:18.5px}.class-grid,.diff-picker{grid-template-columns:repeat(3,1fr)}.cat-picker{grid-template-columns:repeat(2,1fr)}.grid-2,.records{grid-template-columns:1fr 1fr}.toasts{width:auto;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom))}.contract-head,.contract-body,.contract-foot{padding-left:18px;padding-right:18px}.row{flex-wrap:wrap}.row>*{flex-basis:140px}.urgent-seal{width:46px;height:46px;font-size:7.5px;right:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.motes,.candlelight{display:none}}