:root{--f-ui: "Inter Tight", system-ui, sans-serif;--f-display: "Newsreader", Georgia, serif;--f-mono: "JetBrains Mono", "Fira Code", monospace}:root{--bg: #111a1d;--bg-elev: #162226;--bg-elev-2: #1b2a2f;--fg: #e6f1f2;--fg-mute: #9bb3b8;--fg-dim: #5f7a80;--line: #24363c;--line-soft: #1b2a2f;--mint: #53b37f;--mint-soft: rgba(83, 179, 127, .15);--mint-glow: rgba(83, 179, 127, .25);--ember: #ff7661;--ember-soft: rgba(255, 118, 97, .15);--ember-glow: rgba(255, 118, 97, .25);--quest: #3fa4ff;--quest-soft: rgba(63, 164, 255, .15);--quest-glow: rgba(63, 164, 255, .25);--arcane: #9b7bff;--arcane-hi: #b79cff;--arcane-soft: rgba(155, 123, 255, .15);--arcane-glow: rgba(155, 123, 255, .25);--gold: #f2c94c;--gold-mute: #cfae4a;--gold-soft: rgba(242, 201, 76, .15);--crimson: #e04f5f;--crimson-dark: #9c2f3a;--crimson-soft: rgba(224, 79, 95, .12);--success: #3ddc97;--success-soft: rgba(61, 220, 151, .15);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:var(--f-ui);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.sm-app{width:100%;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--f-ui);overflow:hidden;font-feature-settings:"ss01","cv11"}.sm-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg)}.sm-display{font-family:var(--f-display);font-weight:500;letter-spacing:-.01em}.sm-eyebrow{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.sm-num{font-family:var(--f-ui);font-variant-numeric:tabular-nums;font-feature-settings:"tnum","ss01"}.sm-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);font-family:var(--f-mono);white-space:nowrap}.sm-tag.arcane{color:var(--arcane-hi);border-color:#9b7bff66;background:var(--arcane-soft)}.sm-tag.mint{color:#6dcf9e;border-color:#53b37f66;background:var(--mint-soft)}.sm-tag.ember{color:#ff9e90;border-color:#ff766166;background:var(--ember-soft)}.sm-tag.quest{color:#7dc4ff;border-color:#3fa4ff66;background:var(--quest-soft)}.sm-tag.gold{color:var(--gold);border-color:#f2c94c66;background:var(--gold-soft)}.sm-tag.success{color:#6aebb4;border-color:#3ddc9766;background:var(--success-soft)}.sm-tag.crimson{color:var(--crimson);border-color:#e04f5f66;background:var(--crimson-soft)}.sm-placeholder{background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.03) 8px 9px),var(--bg-elev-2);border:1px dashed var(--line);border-radius:var(--r-md);display:grid;place-items:center;font-family:var(--f-mono);font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0}.sm-shimmer{position:relative;overflow:hidden}.sm-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.045) 50%,transparent 70%);animation:sm-shimmer-sweep 6s linear infinite;pointer-events:none;z-index:0}@keyframes sm-shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes sm-rune{0%,to{opacity:.6}50%{opacity:1}}.sm-progress-track{height:6px;background:var(--bg-elev-2);border-radius:999px;overflow:hidden}.sm-progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.sm-progress-fill.mint{background:var(--mint);box-shadow:0 0 8px var(--mint-glow)}.sm-progress-fill.ember{background:var(--ember);box-shadow:0 0 8px var(--ember-glow)}.sm-progress-fill.quest{background:var(--quest);box-shadow:0 0 8px var(--quest-glow)}.sm-progress-fill.arcane{background:var(--arcane);box-shadow:0 0 8px var(--arcane-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.sm-page-cols-3{display:grid;grid-template-columns:232px 1fr 360px;grid-template-rows:100%;height:100vh;overflow:hidden}.sm-page-cols-2{display:grid;grid-template-columns:232px 1fr;grid-template-rows:100%;height:100vh;overflow:hidden}.sm-rightrail{border-left:1px solid var(--line);overflow:auto}.sm-hero-cols{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center}.sm-stats-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sm-mobile-nav,.sm-mobile-brand,.sm-mobile-only{display:none}.sm-quest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sm-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.sm-wizard-portrait-grid{display:grid;grid-template-columns:1fr 160px;gap:16px;align-items:start}@media(max-width:900px){.sm-app{overflow:visible}.sm-page-cols-3,.sm-page-cols-2{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow-x:hidden}.sm-sidenav{display:none!important}.sm-rightrail{border-left:none;border-top:1px solid var(--line)}.sm-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-elev);border-top:1px solid var(--line);z-index:30;align-items:center;justify-content:space-around;padding:0 4px}.sm-mobile-brand{display:flex;align-items:center;gap:10px}.sm-mobile-only{display:flex;align-items:center}.sm-desktop-only{display:none!important}.sm-wizard-portrait-grid{grid-template-columns:1fr}.sm-wizard-portrait-grid>*:last-child{justify-self:center}.sm-hero-cols{grid-template-columns:1fr}.sm-hero-cols>*:first-child{margin:0 auto}.sm-stats-4{grid-template-columns:repeat(2,1fr)}.sm-quest-grid,.sm-dash-grid{grid-template-columns:1fr}}