:root{--ink:#10151b;--ink-deep:#0b0f14;--panel:#161d25;--panel-raised:#1b232d;--edge:#2a3440;--edge-soft:#212a34;--parchment:#d9d2c0;--bright:#f0ead9;--muted:#8b95a0;--brass:#c9a24b;--brass-bright:#e5c477;--brass-dim:#8a6f36;--danger:#d9705f;--good:#74bd90;--quality-1:#97a1aa;--quality-2:#6fae67;--quality-3:#4d8fd1;--quality-4:#a05fd4;--quality-5:#e0a63c;color:var(--parchment);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1100px 500px at 50% -180px, #c9a24b12, transparent 70%), var(--ink);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}h1,h2,h3,p{margin:0}h1{color:var(--bright);letter-spacing:.01em;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:2rem;font-weight:600;line-height:1.12}h2{color:var(--bright);font-size:1rem;font-weight:700;line-height:1.2}.app-frame{min-height:100vh}.site-nav{z-index:20;background:color-mix(in srgb, var(--ink-deep) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--edge-soft);align-items:center;gap:26px;height:58px;padding:0 22px;display:flex;position:sticky;top:0}.wordmark{color:var(--bright);letter-spacing:.04em;white-space:nowrap;align-items:baseline;gap:9px;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:1.02rem;text-decoration:none;display:inline-flex}.wordmark em{color:var(--brass);font-style:normal}.wordmark-sigil{color:var(--brass);font-size:.72rem;transform:translateY(-1px)}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:8px 13px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-links a:hover{color:var(--parchment);background:var(--panel)}.nav-links a[data-status=active],.nav-links a[aria-current=page]{color:var(--brass-bright);background:color-mix(in srgb, var(--brass) 12%, transparent);border-color:color-mix(in srgb, var(--brass) 30%, transparent)}.nav-user{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-user-name{color:var(--muted);font-size:.88rem;font-weight:600}.app-shell{width:min(1220px,100% - 36px);margin:0 auto;padding:26px 0 48px}.top-bar{justify-content:space-between;align-items:center;gap:20px;padding:12px 0 20px;display:flex}.eyebrow{color:var(--brass);text-transform:uppercase;letter-spacing:.14em;margin:0 0 6px;font-size:.78rem;font-weight:700}.status-pill,.last-export,.primary-button,.ghost-button{white-space:nowrap;border-radius:7px;align-items:center;gap:8px;min-height:40px;display:inline-flex}.status-pill{border:1px solid var(--edge);background:var(--panel);color:var(--muted);padding:9px 13px;font-weight:700}.status-pill.good{border-color:color-mix(in srgb, var(--good) 45%, transparent);color:var(--good);background:color-mix(in srgb, var(--good) 9%, var(--panel))}.status-pill.danger{border-color:color-mix(in srgb, var(--danger) 45%, transparent);color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, var(--panel))}.primary-button{border:1px solid var(--brass-dim);background:linear-gradient(180deg, color-mix(in srgb, var(--brass) 26%, var(--panel)), color-mix(in srgb, var(--brass) 12%, var(--panel)));color:var(--brass-bright);padding:9px 15px;font-weight:700;position:relative}.primary-button:hover:not(:disabled){border-color:var(--brass);color:#f4e3b8}.primary-button:disabled{opacity:.6;cursor:default}.ghost-button{border:1px solid var(--edge);color:var(--muted);background:0 0;padding:9px 13px;font-weight:650}.ghost-button:hover{border-color:var(--brass-dim);color:var(--parchment)}.command-strip{border:1px solid var(--edge-soft);background:var(--panel);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.last-export{border:1px solid var(--edge-soft);background:var(--ink-deep);color:var(--muted);margin-left:auto;padding:9px 12px;font-weight:650}.message-panel{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 8%, var(--panel));color:var(--danger);overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.stat-card{border:1px solid var(--edge-soft);background:linear-gradient(180deg, var(--panel-raised), var(--panel));border-radius:8px;align-items:center;gap:14px;min-height:104px;padding:18px;display:flex}.stat-card svg{color:var(--brass);flex:none}.stat-card span{color:var(--muted);font-size:.86rem;font-weight:650;display:block}.stat-card strong{color:var(--bright);font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.65rem;line-height:1.05;display:block}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.panel,.warnings-section{border:1px solid var(--edge-soft);background:var(--panel);border-radius:8px;padding:18px}.panel-heading,.section-heading{color:var(--brass);align-items:center;gap:9px;display:flex}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;display:grid}.detail-list div{min-width:0}.detail-list dt{color:var(--muted);font-size:.82rem;font-weight:650}.detail-list dd{color:var(--parchment);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:650}.warnings-section{margin-top:14px}.warning-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.warning-list li{border-left:3px solid var(--brass);background:color-mix(in srgb, var(--brass) 7%, var(--panel));color:var(--parchment);overflow-wrap:anywhere;padding:10px 12px}.empty-state{color:var(--muted);margin-top:14px}.login-stage{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--edge);background:linear-gradient(180deg, var(--panel-raised), var(--panel));border-radius:10px;width:min(380px,100%);padding:30px 28px 28px;box-shadow:0 30px 80px #00000073}.login-wordmark{margin-bottom:22px;font-size:1.1rem}.login-panel h1{font-size:1.5rem}.login-hint{color:var(--muted);margin:8px 0 22px;font-size:.9rem}.field{margin-bottom:14px;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:.84rem;font-weight:650;display:block}.field input,.filter-bar input,.filter-bar select{border:1px solid var(--edge);background:var(--ink-deep);width:100%;min-height:40px;color:var(--bright);border-radius:7px;padding:8px 12px}.field input:hover,.filter-bar input:hover,.filter-bar select:hover{border-color:var(--brass-dim)}.login-error{color:var(--danger);margin:2px 0 12px;font-size:.88rem}.login-panel .primary-button{justify-content:center;width:100%;margin-top:8px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.filter-bar{border:1px solid var(--edge-soft);background:var(--panel);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:10px;display:flex}.filter-bar input,.filter-bar select{flex:0 auto;width:auto;min-width:130px}.filter-bar input[type=search]{flex:190px}.filter-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.88rem;font-weight:650}.currency-strip{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.currency{border:1px solid var(--edge-soft);background:var(--panel);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:.9rem;display:inline-flex}.currency b{color:var(--brass-bright);font-weight:700}.currency svg{color:var(--brass)}.hero-grid-viewport{width:100%;position:relative}.hero-grid-row{gap:14px;display:grid}.hero-card{--quality-color:var(--quality-1);border:1px solid color-mix(in srgb, var(--quality-color) 38%, var(--edge));background:var(--panel);color:var(--parchment);border-radius:9px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.hero-card:hover{box-shadow:0 10px 26px #00000080, 0 0 0 1px color-mix(in srgb, var(--quality-color) 55%, transparent), 0 0 18px color-mix(in srgb, var(--quality-color) 25%, transparent);transform:translateY(-2px)}.hero-card-portrait{aspect-ratio:3/4;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--quality-color) 24%, var(--ink-deep)), var(--ink-deep) 75%);position:relative}.hero-card-portrait img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.hero-card-portrait .portrait-fallback{color:color-mix(in srgb, var(--quality-color) 70%, var(--parchment));place-items:center;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:2rem;display:grid;position:absolute;inset:0}.hero-card-level{border:1px solid color-mix(in srgb, var(--quality-color) 45%, transparent);color:var(--bright);font-variant-numeric:tabular-nums;background:#080a0dc7;border-radius:5px;padding:3px 8px;font-size:.8rem;font-weight:750;position:absolute;top:8px;left:8px}.hero-card-profession{border:1px solid var(--edge);background:#080a0dc7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.hero-card-profession img{object-fit:contain;width:22px;height:22px;position:static}.hero-card-stars{color:var(--brass-bright);letter-spacing:.08em;text-shadow:0 1px 2px #000c;background:linear-gradient(#0000,#080a0dd9 55%);justify-content:center;gap:2px;padding:6px 0 7px;font-size:.78rem;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-card-body{border-top:1px solid color-mix(in srgb, var(--quality-color) 30%, var(--edge-soft));background:linear-gradient(180deg, color-mix(in srgb, var(--quality-color) 9%, var(--panel)), var(--panel));padding:10px 12px 12px}.hero-card-name{color:var(--bright);white-space:nowrap;text-overflow:ellipsis;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:1.02rem;line-height:1.2;display:block;overflow:hidden}.hero-card-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;margin-top:5px;font-size:.8rem;font-weight:650;display:flex}.hero-card-meta .power{color:var(--brass)}.hero-card.not-owned{opacity:.55}.hero-card.not-owned:hover{opacity:.85}@media (prefers-reduced-motion:no-preference){.hero-card{animation:.35s backwards card-rise}}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}}.card-list{position:relative}.equip-card,.artifact-card{--quality-color:var(--quality-1);border:1px solid var(--edge-soft);border-left:3px solid color-mix(in srgb, var(--quality-color) 65%, var(--edge));background:var(--panel);border-radius:8px;gap:14px;padding:13px 15px;display:flex}.equip-icon,.artifact-icon{border:1px solid color-mix(in srgb, var(--quality-color) 40%, var(--edge));background:radial-gradient(100% 100% at 50% 20%, color-mix(in srgb, var(--quality-color) 22%, var(--ink-deep)), var(--ink-deep));border-radius:7px;flex:none;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.equip-icon img,.artifact-icon img{object-fit:contain;width:100%;height:100%}.equip-main{flex:1;min-width:0}.equip-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.equip-title strong{color:var(--bright);font-size:.98rem}.badge{border:1px solid var(--edge);background:var(--ink-deep);color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:2px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.badge.brass{border-color:color-mix(in srgb, var(--brass) 40%, transparent);color:var(--brass-bright);background:color-mix(in srgb, var(--brass) 10%, var(--ink-deep))}.badge img{object-fit:contain;width:14px;height:14px}.equip-attributes{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 14px;margin-top:9px;font-size:.85rem;display:flex}.equip-attributes .master{color:var(--parchment);font-weight:700}.equip-attributes .master b{color:var(--brass-bright)}.equip-attributes span b{color:var(--parchment);font-weight:700}.equip-aside{white-space:nowrap;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.equipped-by{color:var(--muted);align-items:center;gap:7px;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.equipped-by:hover{color:var(--parchment)}.equipped-by img{object-fit:cover;border:1px solid var(--edge);border-radius:50%;width:26px;height:26px}.star-row{color:var(--brass-bright);letter-spacing:.1em;font-size:.78rem}.hero-detail-header{--quality-color:var(--quality-1);border:1px solid color-mix(in srgb, var(--quality-color) 35%, var(--edge));background:radial-gradient(90% 130% at 85% 10%, color-mix(in srgb, var(--quality-color) 20%, var(--panel)), var(--panel) 70%);border-radius:10px;gap:26px;margin-bottom:16px;padding:24px;display:flex;position:relative;overflow:hidden}.hero-detail-portrait{border:1px solid color-mix(in srgb, var(--quality-color) 45%, var(--edge));background:var(--ink-deep);border-radius:9px;flex:none;align-self:flex-start;width:190px;overflow:hidden}.hero-detail-portrait img{width:100%;display:block}.hero-detail-info{flex:1;min-width:0}.hero-detail-info h1{margin:2px 0 4px}.hero-detail-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.hero-detail-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:18px;display:grid}.hero-stat{border:1px solid var(--edge-soft);background:#080a0d73;border-radius:8px;padding:10px 12px}.hero-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700;display:block}.hero-stat strong{color:var(--bright);font-variant-numeric:tabular-nums;margin-top:3px;font-size:1.2rem;display:block}.skill-list{gap:9px;margin:14px 0 0;padding:0;list-style:none;display:grid}.skill-list li{border:1px solid var(--edge-soft);background:var(--panel-raised);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.skill-list .skill-name{color:var(--parchment);font-weight:650}.skill-level{color:var(--brass-bright);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.skill-level.maxed{color:var(--good)}.detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.card-stack{gap:10px;display:grid}.detail-columns .card-stack{margin-top:14px}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--brass-bright)}.loading-state{color:var(--muted);place-items:center;gap:12px;padding:70px 0;display:grid}@media (width<=900px){.site-nav{gap:12px;overflow-x:auto}.nav-user-name{display:none}.hero-detail-header{flex-direction:column}.detail-columns{grid-template-columns:1fr}}@media (width<=820px){.top-bar{flex-direction:column;align-items:flex-start}.last-export{white-space:normal;width:100%;margin-left:0}.stats-grid,.work-grid,.detail-list{grid-template-columns:1fr}}.empty-roster{color:var(--brass);align-items:flex-start;gap:14px;display:flex}.checkbox-label{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.88rem;font-weight:650;display:inline-flex}.checkbox-label input{accent-color:var(--brass);width:16px;height:16px}.optimiser-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:14px;display:grid}.weights-hint{margin-top:8px;font-size:.84rem}.weights-grid{gap:8px;margin-top:14px;display:grid}.weight-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.weight-row span{color:var(--parchment);font-size:.88rem;font-weight:650}.weight-row input{border:1px solid var(--edge);background:var(--ink-deep);width:84px;min-height:34px;color:var(--bright);font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 9px}.optimiser-results{gap:14px;display:grid}.loadout-panel .card-stack{margin-top:12px}.loadout-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.loadout-title{color:var(--brass);align-items:center;gap:9px;display:flex}.loadout-score{align-items:baseline;gap:10px;display:flex}.loadout-score strong{color:var(--bright);font-variant-numeric:tabular-nums;font-size:1.3rem}.score-delta{font-variant-numeric:tabular-nums;font-weight:750}.score-delta.up{color:var(--good)}.score-delta.down{color:var(--danger)}.optimise-link{margin-top:14px}@media (width<=900px){.optimiser-layout{grid-template-columns:1fr}}.base-stats-panel{margin-bottom:16px}.base-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:14px;display:grid}.base-stats-secondary{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:.9rem;display:flex}.base-stats-secondary b{color:var(--parchment);font-weight:700}.base-stats-note{color:var(--muted);margin-top:12px;font-size:.82rem;font-style:italic}.weight-row.readonly{color:var(--parchment)}.weight-row.readonly b{color:var(--brass-bright);font-variant-numeric:tabular-nums}.power-note{margin-top:0;margin-bottom:4px}.download-strip{border:1px solid var(--brass-dim);background:linear-gradient(180deg, color-mix(in srgb, var(--brass) 14%, var(--panel)), var(--panel));color:var(--parchment);border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.download-strip svg{color:var(--brass);flex:none}.download-strip b{color:var(--brass-bright)}.download-strip .download-cta{border:1px solid var(--brass-dim);color:var(--brass-bright);white-space:nowrap;border-radius:6px;margin-left:auto;padding:6px 14px;font-weight:700}.download-strip:hover .download-cta{border-color:var(--brass);color:#f4e3b8}