:root{--sp-bg-0:#080d10;--sp-bg-1:#0c1216;--sp-bg-2:#121a1f;--sp-bg-3:#182228;--sp-panel:#121a1f;--sp-panel-edge:#243038;--sp-text:#d7e0e3;--sp-text-dim:#78878d;--sp-text-mute:#5a686e;--sp-cyan:#27c7d8;--sp-cyan-dim:#27c7d82e;--sp-cyan-glow:#27c7d859;--sp-violet:#8b5bd6;--sp-violet-dim:#8b5bd633;--sp-orange:#d7802f;--sp-red:#c84b4b;--sp-danger-dim:#c84b4b29;--sp-radius:6px;--sp-radius-sm:4px;--sp-border:1px solid #27c7d838;--sp-border-violet:1px solid #8b5bd647;--sp-border-mute:1px solid #78878d47;--sp-font:"Bahnschrift", "Segoe UI", "Helvetica Neue", sans-serif;--sp-mono:"Cascadia Mono", "Consolas", "Segoe UI Mono", monospace;--sp-header-h:64px;--sp-nav-h:64px;--sp-safe-top:env(safe-area-inset-top,0px);--sp-safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:var(--sp-font);color:var(--sp-text);background:radial-gradient(120% 80% at 50% -10%, #27c7d814, transparent 55%), radial-gradient(90% 60% at 100% 100%, #8b5bd612, transparent 50%), linear-gradient(180deg, var(--sp-bg-1), var(--sp-bg-0));-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}#root{flex-direction:column;min-height:100svh;display:flex}.sp-nav{z-index:20;min-height:calc(var(--sp-nav-h) + var(--sp-safe-bottom));padding:6px 8px calc(8px + var(--sp-safe-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0c1216eb,#080d10fa);border-top:1px solid #27c7d838;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:sticky;bottom:0}.sp-nav__item{border-radius:var(--sp-radius-sm);min-height:48px;color:var(--sp-text-mute);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.sp-nav__item.is-active{color:var(--sp-cyan);background:var(--sp-cyan-dim);border-color:#27c7d859;box-shadow:inset 0 0 12px #27c7d81f}.sp-nav__item:disabled{opacity:.4}.sp-nav__icon{font-size:16px;line-height:1}.sp-nav__label{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.sp-btn{border-radius:var(--sp-radius-sm);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;min-height:48px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-btn--block{width:100%}.sp-btn--primary{color:#041014;box-shadow:0 0 18px var(--sp-cyan-glow);background:linear-gradient(#3ad7e6,#1aa8b8);border-color:#b4f5ff59}.sp-btn--primary:not(:disabled):active{filter:brightness(.92)}.sp-btn--ghost{color:var(--sp-text);background:#121a1fcc;border-color:#27c7d859}.sp-btn--danger{color:#f3d4d4;background:var(--sp-danger-dim);border-color:#c84b4b8c}.sp-res{border-radius:var(--sp-radius-sm);box-sizing:border-box;background:#080d108c;border:1px solid #78878d47;flex-direction:column;flex:none;justify-content:center;gap:2px;min-width:64px;height:44px;padding:4px 8px;display:flex}.sp-res--cyan{border-color:#27c7d84d}.sp-res--violet{border-color:#8b5bd659}.sp-res__label{letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-mute);font-size:10px}.sp-res__value{font-family:var(--sp-mono);color:var(--sp-text);font-size:14px}.sp-res--cyan .sp-res__value{color:var(--sp-cyan)}.sp-res--violet .sp-res__value{color:#c4a3f0}.sp-shell{flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.sp-shell__header{z-index:20;padding:calc(10px + var(--sp-safe-top)) 12px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#080d10f5,#0c1216e0);border-bottom:1px solid #27c7d833;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.sp-shell__identity{align-items:center;gap:10px;min-width:0;display:flex}.sp-shell__avatar{border-radius:var(--sp-radius-sm);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:radial-gradient(circle at 30% 30%,#27c7d859,#0000 55%),linear-gradient(145deg,#1a242b,#0a1014);border:1px solid #27c7d866;flex:none;width:44px;height:44px}.sp-shell__who{min-width:0}.sp-shell__title{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sp-shell__sub{color:var(--sp-cyan);letter-spacing:.04em;margin-top:2px;font-size:12px}.sp-shell__aside{scrollbar-width:none;flex:auto;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.sp-shell__aside::-webkit-scrollbar{display:none}.sp-shell__tools{flex:0 auto;align-items:center;gap:6px;min-width:0;max-width:62%;display:flex}.sp-shell__refresh{flex:none;align-self:center;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:18px;line-height:1;display:inline-grid}.sp-shell__main{text-align:left;flex-direction:column;flex:1;gap:12px;padding:12px 12px 8px;display:flex}.sp-panel{border:var(--sp-border-mute);border-radius:var(--sp-radius);text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:linear-gradient(#182228eb,#0c1216f5);padding:14px;position:relative}.sp-panel:before,.sp-panel:after{content:"";border-color:var(--sp-cyan);pointer-events:none;border-style:solid;width:10px;height:10px;position:absolute}.sp-panel:before{border-width:1.5px 0 0 1.5px;top:6px;left:6px}.sp-panel:after{border-width:0 1.5px 1.5px 0;bottom:6px;right:6px}.sp-panel--cyan{border-color:#27c7d847;box-shadow:inset 0 0 0 1px #27c7d80f}.sp-panel--violet{border-color:#8b5bd64d;box-shadow:inset 0 0 0 1px #8b5bd614}.sp-panel--violet:before,.sp-panel--violet:after{border-color:var(--sp-violet)}.sp-panel--danger{background:linear-gradient(#281212e6,#0c0e10f5);border-color:#c84b4b59}.sp-panel--danger:before,.sp-panel--danger:after{border-color:var(--sp-red)}.sp-panel--mute{border-color:#78878d40}.sp-panel__title{letter-spacing:.14em;text-transform:uppercase;color:var(--sp-text-dim);margin:0 0 10px;font-size:12px}.sp-empty{flex:1;justify-content:center;align-items:center;padding:24px 16px 32px;display:flex}.sp-empty__panel{text-align:center;width:100%;max-width:420px;padding:28px 18px 20px}.sp-empty__glyph{width:72px;height:72px;color:var(--sp-text-mute);background:#080d108c;border:1px dashed #78878d8c;border-radius:50%;place-items:center;margin:0 auto 16px;font-size:34px;font-weight:600;display:grid}.sp-empty__title{letter-spacing:.04em;text-transform:uppercase;color:var(--sp-text);margin:0 0 10px;font-size:18px}.sp-empty__text{color:var(--sp-text-dim);margin:0 0 18px;font-size:14px;line-height:1.45}.sp-empty__actions{flex-direction:column;gap:10px;display:flex}.sp-empty__hint{color:var(--sp-text-dim);margin:0;font-size:13px}.sp-sheet{z-index:40;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sp-sheet__scrim{cursor:pointer;background:#04080ab8;border:0;margin:0;padding:0;position:absolute;inset:0}.sp-sheet__panel{z-index:1;max-height:min(78svh,560px);padding:8px 14px calc(14px + var(--sp-safe-bottom));clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(#182228fa,#0a0e12fc);border:1px solid #27c7d847;border-bottom:0;border-radius:12px 12px 0 0;flex-direction:column;animation:.22s ease-out sp-sheet-up;display:flex;position:relative;box-shadow:0 -12px 40px #00000073}@keyframes sp-sheet-up{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sp-sheet__handle{background:#78878d73;border-radius:2px;width:40px;height:4px;margin:4px auto 10px}.sp-sheet__head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.sp-sheet__title{letter-spacing:.04em;text-transform:uppercase;color:var(--sp-text);flex:1;margin:0;font-size:16px;font-weight:650;line-height:1.25}.sp-sheet__close{border-radius:var(--sp-radius-sm);min-width:44px;min-height:44px;color:var(--sp-text-dim);background:#080d1099;border:1px solid #78878d59;margin:-6px -4px 0 0}.sp-sheet__body{flex:1;min-height:0;padding-bottom:8px;overflow:auto}.sp-sheet__footer{border-top:1px solid #78878d38;padding-top:10px}.sp-item-icon{border-radius:var(--sp-radius-sm);background:linear-gradient(160deg,#121a1ff2,#080d10fa);flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.sp-item-icon--md{width:48px;height:48px}.sp-item-icon--lg{width:72px;height:72px}.sp-item-icon--cyan{color:var(--sp-cyan);border:1px solid #27c7d866;box-shadow:inset 0 0 12px #27c7d814}.sp-item-icon--violet{color:#c4a3f0;border:1px solid #8b5bd673;box-shadow:inset 0 0 12px #8b5bd61a}.sp-item-icon__img{object-fit:contain;pointer-events:none;width:78%;height:78%}.sp-item-icon__glyph{opacity:.92;font-size:18px;line-height:1}.sp-item-icon--lg .sp-item-icon__glyph{font-size:26px}.sp-slot{text-align:left;width:100%;min-height:64px;color:inherit;border-radius:var(--sp-radius-sm);background:linear-gradient(#0e1418eb,#080d10f5);border:1px solid #78878d47;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;transition:border-color .15s,background .15s;display:grid;box-shadow:inset 0 1px #ffffff08}.sp-slot:active{filter:brightness(1.06)}.sp-slot--cyan{border-color:#27c7d847}.sp-slot--cyan:focus-visible{outline:2px solid var(--sp-cyan);outline-offset:2px}.sp-slot--violet{border-color:#8b5bd652}.sp-slot--violet:focus-visible{outline:2px solid var(--sp-violet);outline-offset:2px}.sp-slot__body{flex-direction:column;gap:3px;min-width:0;display:flex}.sp-slot__name{color:var(--sp-text);word-break:break-word;font-size:14px;font-weight:600;line-height:1.3}.sp-slot__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-text-mute);font-size:11px}.sp-slot--cyan .sp-slot__meta{color:#27c7d8b8}.sp-slot--violet .sp-slot__meta{color:#c4a3f0c7}.sp-slot__qty{font-family:var(--sp-mono);color:var(--sp-cyan);text-align:right;min-width:2.4em;font-size:15px;font-weight:650}.sp-slot--violet .sp-slot__qty{color:#c4a3f0}.sp-screen{flex-direction:column;gap:12px;display:flex}.sp-status__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.sp-status__label{letter-spacing:.1em;text-transform:uppercase;color:var(--sp-text-mute);font-size:10px}.sp-status__value{font-family:var(--sp-mono);color:var(--sp-cyan);margin-top:4px;font-size:22px}.sp-status__value--sm{color:var(--sp-text);word-break:break-all;font-size:13px}.sp-status__bars{flex-direction:column;gap:10px;display:flex}.sp-pre{white-space:pre-wrap;word-break:break-word;font-family:var(--sp-mono);color:var(--sp-text);opacity:.92;margin:0;font-size:12px;line-height:1.45}.sp-bag__summary{letter-spacing:.04em;color:var(--sp-text-mute);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:12px;display:flex}.sp-bag__summary strong{color:var(--sp-cyan);font-family:var(--sp-mono);font-weight:650}.sp-bag__summary-sep{opacity:.5}.sp-bag__filters{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.sp-chip{border-radius:var(--sp-radius-sm);min-height:36px;color:var(--sp-text-dim);letter-spacing:.08em;text-transform:uppercase;background:#080d108c;border:1px solid #78878d59;padding:0 12px;font-size:11px}.sp-chip.is-active{color:#041014;background:linear-gradient(#3ad7e6,#1aa8b8);border-color:#b4f5ff73}.sp-combat{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sp-combat__cell{border-radius:var(--sp-radius-sm);background:#080d1073;border:1px solid #27c7d82e;padding:10px}.sp-combat__num{font-family:var(--sp-mono);color:var(--sp-cyan);margin-top:4px;font-size:20px}.sp-eq{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-eq__row{text-align:left;width:100%;min-height:56px;color:inherit;border-radius:var(--sp-radius-sm);background:#080d1073;border:1px solid #78878d40;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.sp-eq__row--cyan{border-color:#27c7d847}.sp-eq__row--violet{border-color:#8b5bd652}.sp-eq__row--empty{opacity:.72}.sp-eq__icon--empty{border-radius:var(--sp-radius-sm);width:48px;height:48px;color:var(--sp-text-mute);border:1px dashed #78878d66;place-items:center;display:grid}.sp-eq__body{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-eq__slot{letter-spacing:.1em;text-transform:uppercase;color:var(--sp-text-mute);font-size:10px}.sp-eq__name{color:var(--sp-text);word-break:break-word;font-size:14px;font-weight:600}.sp-eq__empty{color:var(--sp-text-mute);font-size:13px}.sp-inv{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-item-detail__hero{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px;display:grid}.sp-item-detail__facts{gap:10px;display:grid}.sp-item-detail__fact{flex-direction:column;gap:2px;display:flex}.sp-item-detail__label{letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-mute);font-size:10px}.sp-item-detail__value{color:var(--sp-text);font-size:15px;font-weight:650}.sp-item-detail__value--cyan{color:var(--sp-cyan)}.sp-item-detail__value--violet{color:#c4a3f0}.sp-item-detail__desc{color:var(--sp-text);margin:0 0 12px;font-size:14px;line-height:1.5}.sp-item-detail__key{color:var(--sp-text-mute);margin:0;font-size:11px}.sp-item-detail__key code{font-family:var(--sp-mono);color:var(--sp-text-dim)}.sp-bar{width:100%}.sp-bar__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-text-dim);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.sp-bar__nums{font-family:var(--sp-mono);color:var(--sp-text)}.sp-bar__track{background:#080d10d9;border:1px solid #78878d40;border-radius:2px;height:8px;overflow:hidden}.sp-bar--compact .sp-bar__track{height:5px}.sp-bar__fill{border-radius:inherit;height:100%;transition:width .25s}.sp-bar__track--cyan .sp-bar__fill{background:linear-gradient(90deg, #1aa8b8, var(--sp-cyan));box-shadow:0 0 10px var(--sp-cyan-glow)}.sp-bar__track--violet .sp-bar__fill{background:linear-gradient(90deg, #6a3fb0, var(--sp-violet));box-shadow:0 0 10px #8b5bd666}.sp-bar__track--orange .sp-bar__fill{background:linear-gradient(90deg, #b86a20, var(--sp-orange))}.sp-muted{color:var(--sp-text-dim);margin:0;font-size:14px;line-height:1.45}.sp-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.sp-tabs__pane[hidden]{display:none!important}