@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2)format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(/assets/source-sans-3-latin-400-normal-AFMiCETP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(/assets/source-sans-3-latin-600-normal-BvDVuF-j.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/source-sans-3-latin-700-normal-CkzU-mV9.woff2)format("woff2"),url(/assets/source-sans-3-latin-700-normal-BBbVrHF_.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--bg0:#0a0c10;--panel:#1a1510;--panel2:#221c16;--parchment:#2a2318;--parchment-light:#332b1e;--wood:#3a2a1a;--wood-dark:#2a1e12;--wood-edge:#5a4228;--line:#4a3824;--line-soft:#4a38248c;--brass:#c9a24a;--brass-dim:#a8843a;--brass-glow:#c9a24a59;--moss:#6b8f5a;--moss-bright:#8fad72;--text:#e8dcc4;--muted:#9a8c72;--ink:#c8b898;--done:#6a8a5a;--asap:#c43a2e;--radius:6px;--frame:3px;--ease:cubic-bezier(.2, .8, .2, 1);--view-ms:.4s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(900px 480px at 8% -5%,#8c6e321f,#0000 55%),radial-gradient(700px 420px at 92% 8%,#3c502d24,#0000 50%),linear-gradient(#1a1510,#0e0c0a);margin:0;font-family:"Source Sans 3",Segoe UI,sans-serif;font-size:15px;line-height:1.45}body:before{content:"";pointer-events:none;z-index:0;opacity:.045;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 3px,#ffdc9608 3px 4px);position:fixed;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{color:var(--text);background:#c9a24a59}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}h1,h2,h3,.tab,.btn,.btn-back,.qb-cta,.brand,.stat,.badge,.prio,.ach-title,.ach-hd h3,.progress-meta strong,.crumb,.mark,.jb-title,.empty-title,.copy,.block-form label,.at-label,.at-title{font-family:Cinzel,Palatino,Palatino Linotype,Times New Roman,serif}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{z-index:1;max-width:min(1680px,100%);min-height:100vh;margin:0 auto;padding:0 clamp(12px,1.8vw,28px) clamp(28px,3vw,48px);position:relative}.journal-frame{border:var(--frame) solid var(--wood-edge);background:linear-gradient(180deg, #c9a24a0d, transparent 30%), linear-gradient(180deg, var(--wood-dark), var(--panel));border-radius:4px;flex-direction:column;min-height:calc(100vh - clamp(42px,4vw,70px));margin-top:clamp(14px,1.4vw,22px);display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a24a2e,0 8px 32px #00000073}.brand-row{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:clamp(12px,1.1vw,18px) clamp(16px,1.5vw,24px) clamp(8px,.8vw,12px);display:flex}.brand{align-items:center;gap:12px;display:flex}.mark{border:2px solid var(--brass);width:40px;height:40px;box-shadow:0 0 12px var(--brass-glow), inset 0 1px 0 #ffdc9633;color:var(--brass);background:linear-gradient(145deg,#5a4228,#2a1e12);border-radius:3px;place-items:center;font-size:13px;font-weight:700;display:grid}.brand h1{letter-spacing:.06em;color:var(--brass);margin:0;font-size:clamp(15px,1.1vw,18px);font-weight:600}.brand .sub,.dsub{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-family:"Source Sans 3",sans-serif;font-size:12px}.progress-ribbon{flex-wrap:wrap;align-items:center;gap:clamp(10px,1.2vw,18px);display:flex}.progress-meta{color:var(--muted);letter-spacing:.04em;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.progress-meta strong{color:var(--brass);font-size:15px;font-weight:700}.progress-meta.cleared strong{color:var(--moss-bright)}.bar-track{background:var(--wood-dark);border:1px solid var(--line);border-radius:2px;width:clamp(140px,16vw,220px);height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.bar-fill{background:linear-gradient(90deg, #4a6a3e, var(--moss-bright));width:0;height:100%;transition:width .45s var(--ease);box-shadow:0 0 8px #8fad7273}.bar-fill.full{background:linear-gradient(90deg,#7a9a5a,#c9a24a,#8fad72);animation:1.6s ease-in-out infinite alternate barGlow}@keyframes barGlow{0%{box-shadow:0 0 6px #c9a24a4d}to{box-shadow:0 0 14px #8fad72b3}}.attn-chip{border:1px solid var(--line);background:var(--wood-dark);color:var(--muted);letter-spacing:.03em;white-space:nowrap;border-radius:2px;padding:4px 10px;font-family:Cinzel,serif;font-size:11px}.attn-chip.warn{color:#e07060;background:#c43a2e1f;border-color:#c43a2e73}.attn-chip.clear{color:var(--moss-bright);background:#6b8f5a24;border-color:#6b8f5a73}.body-row{flex:1;grid-template-columns:clamp(168px,14vw,210px) minmax(0,1fr) clamp(200px,16vw,248px);min-height:0;display:grid}.sidebar-nav{background:linear-gradient(180deg, var(--wood), var(--wood-dark));border-right:2px solid var(--wood-edge);flex-direction:column;gap:2px;padding:12px 0;display:flex}.tab{appearance:none;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;text-align:left;background:0 0;border:0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:13px 16px;font-size:12px;font-weight:600;transition:color .2s,background .2s;display:flex}.tab:hover{color:var(--text);background:#c9a24a0f}.tab.active{color:var(--brass);border-left-color:var(--brass);background:linear-gradient(90deg,#c9a24a1f,#0000)}.tab .count{color:var(--muted);background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:2px;min-width:20px;padding:1px 6px;font-family:"Source Sans 3",sans-serif;font-size:10px}.tab.active .count{color:var(--brass);border-color:var(--brass-dim);background:#c9a24a1a}.tab[data-view=new] .count.has{color:var(--moss-bright);border-color:#6b8f5a66}.tab[data-view=blocked] .count.has{color:#e07060;border-color:#c43a2e66}.tab[data-view=finished] .count.has{color:var(--moss);border-color:#6a8a5a59}.main{min-width:0;padding:clamp(16px,1.6vw,26px) clamp(14px,1.4vw,24px) clamp(24px,2.2vw,36px)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.topbar-left{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.topbar h2{letter-spacing:.04em;color:var(--brass);margin:0;font-size:clamp(20px,1.5vw,26px);font-weight:600}.topbar p{color:var(--muted);max-width:62ch;margin:6px 0 0;font-size:14px}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn,.btn-back,.qb-cta{appearance:none;border:2px solid var(--line);background:linear-gradient(180deg, var(--panel2), var(--panel));color:var(--text);letter-spacing:.03em;border-radius:3px;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:inset 0 1px #ffdc9614,0 2px 4px #0000004d}.btn:hover,.btn-back:hover,.qb-cta:hover{border-color:var(--brass-dim);color:var(--brass)}.btn.primary{border-color:var(--moss);color:#e8f0d8;background:linear-gradient(#5a6e42,#3a4a2e);box-shadow:0 0 14px #6b8f5a40,inset 0 1px #c8e6a033}.btn.primary:hover{border-color:var(--moss-bright);color:#f4ffe8}.btn.is-current{border-color:var(--brass-dim);color:var(--brass)}.btn-back.hidden{display:none}.crumb{color:var(--muted);margin-bottom:6px;font-size:12px}.crumb-link{appearance:none;color:var(--brass);border:0;border-bottom:1px solid var(--brass-dim);letter-spacing:.04em;background:0 0;padding:0;font-size:12px}.crumb-link:hover{color:#e8d090}.view-stage{min-height:280px;position:relative}.view-panel.entering{animation:viewIn var(--view-ms) var(--ease)}.view-panel.leaving{pointer-events:none;animation:viewOut var(--view-ms) var(--ease) forwards;z-index:1;position:absolute;top:0;left:0;right:0}@keyframes viewIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes viewOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.quest-banner{border:var(--frame) solid var(--wood-edge);border-radius:var(--radius);background:linear-gradient(90deg, #6b8f5a14, transparent 55%), linear-gradient(180deg, var(--parchment-light), var(--parchment));flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex;box-shadow:inset 0 0 0 1px #c9a24a1f}.quest-banner.urgent{background:linear-gradient(90deg, #c43a2e1f, transparent 55%), linear-gradient(180deg, var(--parchment-light), var(--parchment));border-color:#b84a3a8c}.quest-banner.triumph{background:linear-gradient(90deg, #c9a24a2e, #6b8f5a1f), linear-gradient(180deg, var(--parchment-light), var(--parchment));border-color:var(--brass-dim);animation:1.8s ease-in-out infinite alternate triumphPulse}@keyframes triumphPulse{0%{box-shadow:inset 0 0 0 1px #c9a24a33,0 0 8px #c9a24a26}to{box-shadow:inset 0 0 0 1px #c9a24a66,0 0 22px #8fad7259}}.qb-icon{border:2px solid var(--brass-dim);background:var(--wood-dark);width:36px;height:36px;color:var(--brass);border-radius:3px;flex-shrink:0;place-items:center;font-family:Cinzel,serif;font-weight:700;display:grid}.quest-banner.triumph .qb-icon{color:var(--moss-bright);border-color:var(--moss)}.qb-text{flex:1;min-width:180px}.qb-text strong{color:var(--brass);letter-spacing:.04em;margin-bottom:2px;font-size:15px;display:block}.quest-banner.triumph .qb-text strong{color:var(--moss-bright)}.qb-text span{color:var(--muted);font-size:13px}.qb-cta{border-color:var(--brass-dim);color:var(--brass);background:linear-gradient(180deg, var(--wood), var(--wood-dark))}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.stat{background:linear-gradient(180deg, #c9a24a0f, transparent 40%), linear-gradient(160deg, var(--parchment-light), var(--parchment));border:var(--frame) solid var(--wood-edge);border-radius:var(--radius);text-align:left;border-left-width:5px;width:100%;min-height:118px;padding:16px 14px 14px;transition:all .18s;box-shadow:inset 0 0 0 1px #c9a24a2e,0 4px 16px #0006}.stat:hover{border-color:var(--brass-dim);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #c9a24a4d,0 6px 20px #00000080}.stat .k{text-transform:uppercase;letter-spacing:.1em;color:var(--brass-dim);font-size:12px}.stat .v{margin-top:8px;font-size:clamp(28px,2.5vw,40px);font-weight:700;line-height:1}.stat .h{color:var(--muted);margin-top:8px;font-family:"Source Sans 3",sans-serif;font-size:13px}.stat.new{border-left-color:var(--moss)}.stat.new .v{color:var(--moss-bright)}.stat.progress{border-left-color:var(--brass)}.stat.progress .v{color:var(--brass)}.stat.blocked{border-left-color:var(--asap)}.stat.blocked .v{color:#e07060}.stat.finished{border-left-color:var(--done)}.stat.finished .v{color:var(--moss)}.stat.zero-urge .v{opacity:.55}.stat.ping{animation:1.1s 2 ping}@keyframes ping{0%{box-shadow:inset 0 0 0 1px #c9a24a2e,0 0 #8fad7273}to{box-shadow:inset 0 0 0 1px #c9a24a2e,0 0 0 14px #0000}}.card{border:var(--frame) solid var(--wood-edge);border-radius:var(--radius);background:linear-gradient(#322a1ee6,#1a1510f2);margin-bottom:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a24a1f,0 4px 18px #0006}.card .hd{border-bottom:2px solid var(--brass-dim);background:linear-gradient(180deg, var(--wood), var(--wood-dark));justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.card .hd h3{letter-spacing:.08em;color:var(--brass);text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.card .hd span{color:var(--muted);font-size:12px}.briefing{padding:14px 16px 16px}.jb-title{color:var(--brass);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:13px}.jb-grid{color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;font-size:13px;display:grid}.jb-grid div{border:1px solid var(--line);background:#0000002e;border-radius:4px;padding:10px 12px}.jb-grid b{color:var(--text);margin-top:4px;font-family:Cinzel,serif;font-size:22px;font-weight:700;display:block}.jb-grid b.brass{color:var(--brass)}.jb-grid b.moss{color:var(--moss-bright)}.jb-note{color:var(--ink);max-width:78ch;margin:12px 0 0;font-size:14px}.seal-line{color:var(--muted);font-size:12px}.two-col{grid-template-columns:1.4fr .95fr;gap:14px;display:grid}.two-col .card,.bench{margin-bottom:0}.bench{margin-top:14px}.feed{margin:0;padding:0;list-style:none}.feed li{border-bottom:1px solid var(--line-soft)}.feed li:last-child{border-bottom:0}.feed-hit{text-align:left;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:12px 16px;font-family:"Source Sans 3",sans-serif;display:grid}.feed-hit:hover{border-left-color:var(--brass-dim);background:#c9a24a0f}.feed .t{color:var(--text);font-family:Cinzel,serif;font-size:14px;font-weight:600;display:block}.feed .m{color:var(--muted);margin-top:2px;font-size:13px;display:block}.feed .age{color:var(--muted);white-space:nowrap;font-size:11px}.feed-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.feed-empty{text-align:center;padding:22px 16px}.feed-empty .t{color:var(--brass);font-family:Cinzel,serif}.feed-empty .t.moss,.moss{color:var(--moss-bright)}.feed-empty .m{color:var(--muted);margin-top:4px}.dot{border-radius:1px;width:4px;height:16px;margin-top:3px}.dot.new{background:var(--moss);box-shadow:0 0 6px #8fad7280}.dot.in-progress{background:var(--brass);box-shadow:0 0 6px var(--brass-glow)}.dot.blocked{background:var(--asap);box-shadow:0 0 6px #c43a2e73}.dot.finished{background:var(--done)}.storage-note{color:var(--muted);margin:16px 0 0;font-size:12px}.toolbar{gap:10px;margin-bottom:12px;display:flex}.search,.block-form input{background:var(--parchment);border:2px solid var(--line);width:100%;color:var(--text);border-radius:3px;flex:1;padding:10px 12px;font-family:"Source Sans 3",sans-serif;font-size:14px}.search:focus,.block-form input:focus{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass-glow);outline:none}.search::placeholder{color:var(--muted)}.lane-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.lane-meta em{color:var(--brass);font-family:Cinzel,serif;font-style:normal;font-weight:700}.quest-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.qcard{background:linear-gradient(165deg, #c9a24a12, transparent 42%), linear-gradient(180deg, var(--parchment-light), var(--parchment));border:var(--frame) solid var(--wood-edge);border-radius:var(--radius);text-align:left;color:inherit;flex-direction:column;gap:10px;min-height:176px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9a24a26,0 4px 14px #0006}.qcard:before,.qcard:after,.ach-card:before,.ach-card:after{content:"";border-color:var(--brass-dim);opacity:.55;pointer-events:none;border-style:solid;width:12px;height:12px;position:absolute}.qcard:before,.ach-card:before{border-width:2px 0 0 2px;top:6px;left:6px}.qcard:after,.ach-card:after{border-width:0 2px 2px 0;bottom:6px;right:6px}.qcard:hover{border-color:var(--brass-dim);box-shadow:inset 0 0 0 1px #c9a24a47, 0 8px 22px #00000080, 0 0 18px var(--brass-glow);transform:translateY(-3px)}.qc-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.qc-title{letter-spacing:.02em;font-family:Cinzel,serif;font-size:17px;font-weight:700;line-height:1.25}.qc-id{color:var(--muted);word-break:break-all;margin-top:3px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.qc-body{color:var(--muted);flex:1;font-size:13px}.qc-icp{color:var(--ink);margin-top:6px}.qc-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.qc-age{color:var(--muted);font-size:11px}.qcard.finished-card{opacity:.82}.qcard.finished-card .qc-title{color:var(--moss-bright)}.badge,.prio{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:2px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:1px;width:5px;height:5px}.badge.new{color:var(--moss-bright);background:#6b8f5a26;border-color:#6b8f5a66}.badge.in-progress{color:var(--brass);background:#c9a24a1f;border-color:#c9a24a66}.badge.blocked{color:#e07060;background:#c43a2e1f;border-color:#c43a2e66}.badge.finished{color:#9aba88;background:#6a8a5a1f;border-color:#6a8a5a59}.prio{background:var(--wood-dark);color:var(--muted);border-color:var(--line)}.prio.high,.prio.asap{color:#e07060;background:#c43a2e2e;border-color:#c43a2e73}.prio.medium{color:var(--brass);background:#c9a24a1f;border-color:#c9a24a59}.waiting{color:#e07060}.empty{text-align:center;color:var(--muted);border:2px dashed var(--line);border-radius:var(--radius);background:#2a231859;padding:48px 20px}.empty-title{color:var(--brass);letter-spacing:.06em;margin-bottom:8px;font-size:18px}.empty.triumph-empty{border-color:var(--brass-dim);background:linear-gradient(#c9a24a1a,#6b8f5a0f)}.empty.triumph-empty .empty-title{color:var(--moss-bright)}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:40;background:#06080cb8;transition:all .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{background:linear-gradient(180deg, var(--parchment-light), var(--panel));border-left:var(--frame) solid var(--wood-edge);width:min(100%,520px);height:100%;transition:transform .25s var(--ease);z-index:50;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000008c,inset 1px 0 #c9a24a33}.drawer.open{pointer-events:auto;transform:none}.drawer .dhead,.drawer .foot{background:linear-gradient(180deg, var(--wood), var(--wood-dark));padding:16px 20px}.drawer .dhead{border-bottom:2px solid var(--brass-dim)}.dhead-row{justify-content:space-between;gap:12px;width:100%;display:flex}.drawer h2{color:var(--brass);letter-spacing:.03em;margin:0;font-size:20px}.drawer .body{flex:1;padding:18px 20px 28px;overflow:auto}.drawer .foot{border-top:2px solid var(--brass-dim);flex-wrap:wrap;gap:8px;display:flex}.section{margin-bottom:16px}.section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--brass-dim);border-bottom:1px solid var(--line-soft);margin:0 0 8px;padding-bottom:4px;font-size:11px}.kv{grid-template-columns:110px 1fr;gap:6px 10px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.pack-wrap{position:relative}.copy{z-index:2;border:1px solid var(--brass-dim);background:var(--wood-dark);color:var(--brass);border-radius:2px;padding:5px 9px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.copy:hover{border-color:var(--brass);color:#e8d090}.copy.copied{color:var(--moss-bright);border-color:var(--moss)}.pack{background:var(--bg0);border:2px solid var(--line);color:#c8b898;white-space:pre-wrap;-webkit-user-select:text;user-select:text;border-radius:3px;max-height:180px;padding:10px 72px 10px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.45;overflow:auto}.block-form{flex-direction:column;gap:8px;width:100%;display:flex}.block-form label{letter-spacing:.06em;color:var(--brass);text-transform:uppercase;font-size:12px}.block-actions{flex-wrap:wrap;gap:8px;display:flex}.toast{background:linear-gradient(180deg, var(--wood), var(--wood-dark));border:2px solid var(--brass-dim);z-index:80;animation:toastIn .25s var(--ease);border-radius:3px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.toast.triumph-toast{border-color:var(--moss);color:var(--moss-bright);box-shadow:0 4px 28px #6b8f5a66,0 0 20px #c9a24a40}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.burst{pointer-events:none;z-index:70;position:fixed;inset:0;overflow:hidden}.confetti{border-radius:1px;width:8px;height:8px;animation:1.1s ease-out forwards fall;position:absolute}@keyframes fall{to{opacity:0;transform:translateY(90vh)rotate(540deg)}}.check-burst{z-index:75;pointer-events:none;width:72px;height:72px;animation:checkPop .7s var(--ease) forwards;place-items:center;display:grid;position:fixed}.check-ring{border:3px solid var(--moss-bright);background:#1a1510d9;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 24px #8fad728c,inset 0 0 12px #6b8f5a4d}.check-mark{color:var(--moss-bright);font-family:Cinzel,serif;font-size:28px;font-weight:700}@keyframes checkPop{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)translateY(-20px)}}.achievements-rail{border-left:2px solid var(--wood-edge);background:linear-gradient(180deg, #c9a24a0a, transparent 28%), linear-gradient(180deg, var(--wood-dark), var(--panel));flex-direction:column;gap:10px;padding:14px 12px 24px;display:flex;overflow:auto}.ach-hd{text-align:center;border-bottom:1px solid var(--line-soft);padding-bottom:8px}.ach-hd h3{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:0;font-size:11px}.ach-sub{color:var(--muted);margin-top:4px;font-size:10px}.ach-list{flex-direction:column;gap:8px;display:flex}.ach-card{border:2px solid var(--wood-edge);background:linear-gradient(145deg, #c9a24a0f, transparent 50%), linear-gradient(180deg, var(--parchment-light), var(--parchment));border-radius:3px;padding:10px 10px 10px 12px;position:relative;box-shadow:inset 0 0 0 1px #c9a24a1a}.ach-card.locked{opacity:.55;filter:grayscale(.35);background:linear-gradient(#241c14,#1a1510)}.ach-card.unlocked{border-color:var(--brass-dim);box-shadow:inset 0 0 0 1px #c9a24a38,0 0 14px #c9a24a2e}.ach-card.just-unlocked{animation:achReveal .7s var(--ease)}@keyframes achReveal{0%{transform:scale(.92)}40%{transform:scale(1.04);box-shadow:0 0 22px #c9a24a73}to{transform:scale(1)}}.ach-top{align-items:flex-start;gap:10px;display:flex}.ach-icon{border:2px solid var(--brass-dim);background:var(--wood-dark);width:28px;height:28px;color:var(--brass);border-radius:2px;flex-shrink:0;place-items:center;font-family:Cinzel,serif;font-size:12px;font-weight:700;display:grid}.ach-card.locked .ach-icon{color:var(--muted);border-color:var(--line)}.ach-card.unlocked .ach-icon{color:var(--moss-bright);border-color:var(--moss);box-shadow:0 0 8px #8fad7259}.ach-title{letter-spacing:.03em;font-size:12px;font-weight:700;line-height:1.25}.ach-card.locked .ach-title,.ach-desc,.ach-card.locked .ach-status{color:var(--muted)}.ach-desc{margin-top:3px;font-family:"Source Sans 3",sans-serif;font-size:11px;line-height:1.35}.ach-status{letter-spacing:.08em;text-transform:uppercase;color:var(--brass-dim);margin-top:6px;font-family:Cinzel,serif;font-size:9px}.ach-card.unlocked .ach-status{color:var(--moss-bright)}.ach-toast{background:linear-gradient(145deg, #c9a24a24, transparent 55%), linear-gradient(180deg, var(--parchment-light), var(--wood-dark));border:3px solid var(--brass);z-index:85;width:min(300px,100vw - 32px);animation:achToastIn .4s var(--ease);border-radius:4px;padding:16px 18px;position:fixed;top:50%;right:24px;transform:translateY(-50%);box-shadow:0 8px 36px #0000008c,0 0 28px #c9a24a4d}@keyframes achToastIn{0%{opacity:0;transform:translateY(-50%)translate(40px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.at-label{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:6px;font-size:10px}.at-title{color:var(--moss-bright);margin-bottom:4px;font-size:16px;font-weight:700}.at-desc{color:var(--muted);font-family:"Source Sans 3",sans-serif;font-size:12px}.at-seal{border:2px solid var(--brass);background:var(--wood-dark);width:36px;height:36px;color:var(--brass);box-shadow:0 0 14px var(--brass-glow);border-radius:50%;place-items:center;font-family:Cinzel,serif;font-weight:700;display:grid;position:absolute;top:-12px;right:14px}.seals-btn{display:none}.ach-sheet{z-index:60;position:fixed;inset:0}.ach-sheet-backdrop{background:#06080cb8;border:0;position:absolute;inset:0}.ach-sheet-panel{background:var(--panel);border-left:3px solid var(--wood-edge);flex-direction:column;width:min(100%,340px);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0000008c}.ach-sheet-bar{justify-content:flex-end;padding:12px;display:flex}.ach-sheet .achievements-rail{background:0 0;border-left:0;flex:1;display:flex}.boot-error{max-width:640px;margin:48px auto;padding:48px 28px}.boot-error h1{color:var(--brass);margin:0 0 8px;font-size:28px}.boot-error p{color:var(--muted)}.boot-error pre{white-space:pre-wrap;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:12px}@media (width<=1100px){.body-row{grid-template-columns:clamp(148px,18vw,180px) minmax(0,1fr)}.body-row>.achievements-rail{display:none}.seals-btn{display:inline-flex}}@media (width<=900px){.hero-grid,.jb-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media (width<=720px){.body-row{grid-template-columns:1fr}.sidebar-nav{border-right:0;border-bottom:2px solid var(--wood-edge);flex-direction:row;padding:0 8px;overflow-x:auto}.tab{white-space:nowrap;border-bottom:3px solid #0000;border-left:0}.tab.active{border-bottom-color:var(--brass);background:#c9a24a14}.drawer{width:100%}.ach-toast{width:auto;animation:none;inset:auto 16px 84px;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
