:root{--bg: #14121f;--bg2: #1d1a2e;--panel: #221f36;--panel-edge: #3a3456;--gold: #f2b84b;--gold-dim: #a97f2f;--text: #ece8f6;--muted: #a49fbd;--up: #7bd389;--down: #e8677d;--radius: 14px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#2e2650 0%,transparent 60%),radial-gradient(900px 500px at 110% 10%,#3b2633 0%,transparent 55%),var(--bg);background-attachment:fixed;line-height:1.45}h1,h2,h3{font-family:var(--serif);margin:0;letter-spacing:.01em}p{margin:.25rem 0 0}.muted{color:var(--muted)}.small{font-size:.85rem}.sheet{max-width:980px;margin:0 auto;padding:1.25rem 1rem 3rem;display:grid;gap:1.25rem}.panel{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:0 0 0 1px #f2b84b0f inset,0 12px 30px #00000059}.hero{display:flex;gap:1.25rem;align-items:center;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:6px;border:1px solid rgba(242,184,75,.25);border-radius:calc(var(--radius) - 4px);pointer-events:none}.portrait{flex:0 0 auto;width:88px;height:88px;display:grid;place-items:center;font:700 2.6rem var(--serif);color:var(--gold);background:radial-gradient(circle at 35% 30%,#3d3566,#1a1729);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 0 3px var(--gold) inset}.hero-main{flex:1;min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--gold-dim);margin:0}.hero h1{font-size:clamp(1.8rem,5vw,2.6rem)}.title{color:var(--muted);font-style:italic}.xp{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.lvl{font:700 1rem var(--serif);color:var(--bg);background:var(--gold);padding:.15rem .6rem;border-radius:999px}.xp-num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.bar{display:block;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;flex:1;min-width:80px}.bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .6s ease}.bar.big{height:12px}.skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.85rem}.skill-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon name lvl" "bar bar bar" "xp xp xp";gap:.35rem .6rem;align-items:center;padding:.9rem 1rem;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.skill-card:hover,.skill-card:focus-visible{transform:translateY(-2px);border-color:var(--gold-dim);outline:none}.skill-icon{grid-area:icon;font-size:1.5rem}.skill-name{grid-area:name;font:600 1.1rem var(--serif)}.skill-lvl{grid-area:lvl;color:var(--gold);font-weight:700}.skill-card .bar{grid-area:bar}.skill-card .small{grid-area:xp}.skill-section{display:grid;gap:.75rem;scroll-margin-top:1rem}.skill-section>h2{font-size:1.5rem}.metric{padding:1.1rem 1.25rem;display:grid;gap:1rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.panel-head h3{font-size:1.25rem}.badge{flex:0 0 auto;text-align:center;padding:.4rem .75rem;border-radius:10px;border:1px solid var(--gold-dim);background:#f2b84b14}.badge-rank{display:block;font:600 .8rem var(--serif);color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.badge-pct{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.stat{--accent: var(--gold);border:1px solid var(--panel-edge);border-top:3px solid var(--accent);border-radius:10px;padding:.6rem .7rem;background:#0000002e;display:grid;gap:.2rem}.stat.empty{opacity:.7}.stat-label{font:600 .95rem var(--serif);color:var(--accent)}.stat-value{font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat-value.dim{color:var(--muted)}.stat-sub{font-size:.78rem;color:var(--muted)}.stat .bar{height:6px;margin-top:.25rem}.stat .bar>span{background:var(--accent)}.up{color:var(--up)}.down{color:var(--down)}.panel-foot{font-size:.82rem;border-top:1px dashed var(--panel-edge);padding-top:.6rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.status-card{--status: var(--muted);padding:1rem 1.1rem .8rem;display:grid;gap:.6rem;align-content:start;border-left:4px solid var(--status)}.status-head{display:flex;gap:.7rem;align-items:center}.status-icon{font-size:1.6rem;flex:0 0 auto}.status-title{flex:1;min-width:0}.status-title h3{font-size:1.15rem}.status-title p{margin:0;text-transform:capitalize}.status-note{margin:0}.linked{margin:0;display:flex;align-items:center;gap:.4rem;color:var(--muted)}.status-badge{--status: var(--muted);flex:0 0 auto;font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--status);border:1px solid var(--status);border-radius:999px;padding:.2rem .6rem;background:color-mix(in srgb,var(--status) 14%,transparent)}.status-badge.mini{font-size:.62rem;padding:.05rem .45rem}[data-status=online],[data-status=free]{--status: var(--up)}[data-status=idle]{--status: #7cb7ff}[data-status=busy],[data-status=occupied]{--status: var(--gold)}[data-status=offline]{--status: #8a85a3}[data-status=under_repair]{--status: #ff9f5a}.chart{margin:0;position:relative}.chart svg{width:100%;display:block}cs-line-chart{display:block}.chart .grid{stroke:#ffffff12}.chart .tick{fill:var(--muted);font-size:11px}.chart .target{stroke:var(--gold);stroke-dasharray:6 5;opacity:.6}.chart .target-label{fill:var(--gold);font-size:11px;opacity:.8}.chart .line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart .dot{stroke:var(--bg);stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-empty{position:absolute;inset:0 0 2.5rem;display:grid;place-items:center;text-align:center;color:var(--muted);font-style:italic;padding:1rem}.legend{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.legend-item{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.82rem;color:var(--text);background:#ffffff0d;border:1px solid var(--panel-edge);border-radius:999px;padding:.15rem .6rem;cursor:pointer}.legend-item.off{opacity:.4}.swatch{width:10px;height:10px;border-radius:50%}.center{min-height:70vh;display:grid;place-items:center;align-content:center;gap:.5rem;text-align:center}.notice{max-width:420px;margin:15vh auto 0;padding:1.5rem;min-height:0}.btn{margin-top:.75rem;font:600 .95rem var(--sans);color:var(--bg);background:var(--gold);border:0;border-radius:999px;padding:.5rem 1.2rem;cursor:pointer}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--panel-edge);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gone{font-family:Times,serif;color:#000;background:#fff;position:fixed;inset:0;text-align:center;padding-top:1rem}.gone h1{font:700 2em Times,serif}.foot{text-align:center}@media(max-width:560px){.hero{flex-direction:column;text-align:center;padding:1.25rem 1rem}.xp{justify-content:center}.panel-head{flex-direction:column}.metric{padding:1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.tuner{display:grid;gap:1rem}.btn-ghost{margin-top:0;font:600 .9rem var(--sans);color:var(--gold);background:transparent;border:1px solid var(--gold-dim);border-radius:999px;padding:.45rem 1rem;cursor:pointer}.tuner-readout{text-align:center;display:grid;gap:.35rem;justify-items:center;min-height:8.5rem;align-content:center}.tuner-note{font:700 clamp(2.8rem,10vw,4rem) var(--serif);line-height:1;margin:0;color:var(--gold)}.tuner-note.dim{color:var(--muted)}.tuner-oct{font-size:.45em;vertical-align:super;margin-left:.1em;color:var(--muted)}.tuner-needle{width:min(100%,320px);display:grid;gap:.45rem}.tuner-track{position:relative;height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--panel-edge)}.tuner-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--gold);transform:translate(-50%);opacity:.85}.tuner-pointer{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--text);border:2px solid var(--gold);box-shadow:0 0 10px #f2b84b73;transition:transform .08s linear}.tuner-cents{font:600 1rem var(--sans);font-variant-numeric:tabular-nums;color:var(--muted)}.tuner-cents.in-tune{color:var(--up)}.tuner-cents.flat,.tuner-cents.sharp{color:var(--down)}.tuner-string{margin:.25rem 0 0}.tuner-strings{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.tuner-strings li{font:600 .82rem var(--sans);color:var(--muted);border:1px solid var(--panel-edge);border-radius:999px;padding:.15rem .55rem;background:#ffffff0a}.tuner-strings li.active{color:var(--bg);background:var(--gold);border-color:var(--gold)}