:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0d1117;--bg-surface:#161c26;--bg-elevated:#1f2733;--bg-sunken:#0b0f15;--text:#e8eaf0;--text-muted:#9aa3b2;--text-dim:#6b7280;--border:#ffffff14;--border-strong:#ffffff29;--accent:#4aa3ff;--accent-strong:#6db5ff;--accent-weak:#4aa3ff29;--gold:#ffc83d;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 2px 6px #0000004d;--shadow:0 8px 24px #00000073;--dur-fast:.15s;--ease:cubic-bezier(.2, .8, .2, 1)}html,body{min-height:100%}body{background:var(--bg-app);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}[hidden]{display:none!important}:root{--bg-app:#0d1117;--bg-surface:#161c26;--bg-elevated:#1f2733;--bg-sunken:#0b0f15;--bg-overlay:#080b10b8;--bg-track:#00000059;--text:#e8eaf0;--text-muted:#9aa3b2;--text-dim:#6b7280;--border:#ffffff14;--border-strong:#ffffff29;--accent:#4aa3ff;--accent-strong:#6db5ff;--accent-weak:#4aa3ff29;--accent-2:#7c5cff;--gold:#ffc83d;--success:#3dd68c;--warning:#f5b042;--danger:#ff5c5c;--info:#4aa3ff;--rarity-common:#b0b7c3;--rarity-uncommon:#4ade80;--rarity-rare:#4aa3ff;--rarity-epic:#b061ff;--rarity-legendary:#ffb347;--rarity-mythic:#ff4d6d;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 2px 6px #0000004d;--shadow:0 8px 24px #00000073;--shadow-lg:0 16px 48px #0000008c;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur:.25s;--dur-slow:.4s;--z-dropdown:800;--z-sticky:850;--z-tooltip:900;--z-modal:1000;--z-toast:1100;--z-context:1200}@keyframes ir-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ir-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ir-slide-in-r{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes ir-slide-out-r{to{opacity:0;transform:translate(120%)}}@keyframes ir-modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes ir-ctx-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ir-shimmer{0%{background-position:-150% 0}to{background-position:250% 0}}@keyframes ir-bar-stripes{0%{background-position:0 0}to{background-position:32px 0}}@keyframes ir-glow-pulse{0%,to{box-shadow:0 0 0 1px var(--slot-ring,transparent), 0 0 6px var(--slot-glow,transparent)}50%{box-shadow:0 0 0 1px var(--slot-ring,transparent), 0 0 14px var(--slot-glow,transparent)}}.progress-bar{width:100%;height:var(--bar-h,14px);background:var(--bg-track,#00000059);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-pill,999px);position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.progress-bar--sm{--bar-h:8px}.progress-bar--lg{--bar-h:22px}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--bar-from,var(--accent,#4aa3ff)) 0%, var(--bar-to,var(--accent-strong,#6db5ff)) 100%);width:0%;min-width:0;height:100%;transition:width var(--dur-slow,.4s) var(--ease,cubic-bezier(.2, .8, .2, 1));box-shadow:0 0 8px var(--bar-glow,#4aa3ff73);position:relative}.progress-bar__fill:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff47 50%,#0000 65%) 0 0/200% 100%;animation:2.4s linear infinite ir-shimmer;position:absolute;inset:0}.progress-bar--striped .progress-bar__fill{background-image:repeating-linear-gradient(45deg, #ffffff1a 0 8px, #fff0 8px 16px), linear-gradient(90deg, var(--bar-from,var(--accent,#4aa3ff)) 0%, var(--bar-to,var(--accent-strong,#6db5ff)) 100%);background-size:32px 32px,100% 100%;animation:.9s linear infinite ir-bar-stripes}.progress-bar--paused .progress-bar__fill,.progress-bar--paused .progress-bar__fill:after{animation:none}.progress-bar--success{--bar-from:#2bbf7a;--bar-to:var(--success,#3dd68c);--bar-glow:#3dd68c73}.progress-bar--warning{--bar-from:#e09b2c;--bar-to:var(--warning,#f5b042);--bar-glow:#f5b04273}.progress-bar--danger{--bar-from:#e0463f;--bar-to:var(--danger,#ff5c5c);--bar-glow:#ff5c5c73}.progress-bar--gold{--bar-from:#e6a817;--bar-to:var(--gold,#ffc83d);--bar-glow:#ffc83d73}.progress-bar--xp{--bar-from:#6a4bff;--bar-to:var(--accent-2,#7c5cff);--bar-glow:#7c5cff80}.progress-bar--hp{--bar-from:#d83b3b;--bar-to:#ff6b6b;--bar-glow:#ff5c5c80}.progress-bar__text{letter-spacing:.02em;color:var(--text,#e8eaf0);text-shadow:0 1px 2px #000c;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{pointer-events:none;opacity:0;transition:opacity var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));z-index:var(--z-tooltip,900);position:absolute}[data-tooltip]:before{content:attr(data-tooltip);background:var(--bg-elevated,#1f2733);color:var(--text,#e8eaf0);border:1px solid var(--border-strong,#ffffff29);border-radius:var(--radius-sm,6px);white-space:nowrap;box-shadow:var(--shadow,0 8px 24px #00000073);padding:6px 10px;font-size:12px;line-height:1.4;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:after{content:"";border:5px solid #0000;border-top-color:var(--border-strong,#ffffff29);bottom:calc(100% + 3px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus-visible:before,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}[data-tooltip-pos=bottom]:before{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)}[data-tooltip-pos=bottom]:after{border-top-color:#0000;border-bottom-color:var(--border-strong,#ffffff29);top:calc(100% + 3px);bottom:auto;transform:translate(-50%)translateY(-4px)}[data-tooltip-pos=bottom]:hover:before,[data-tooltip-pos=bottom]:hover:after{transform:translate(-50%)translateY(0)}[data-tooltip-pos=left]:before{bottom:50%;left:auto;right:calc(100% + 8px);transform:translate(4px,50%)}[data-tooltip-pos=right]:before{bottom:50%;left:calc(100% + 8px);transform:translate(-4px,50%)}.tooltip{z-index:var(--z-tooltip,900);background:var(--bg-elevated,#1f2733);border:1px solid var(--border-strong,#ffffff29);border-radius:var(--radius,10px);max-width:300px;box-shadow:var(--shadow,0 8px 24px #00000073);color:var(--text,#e8eaf0);pointer-events:none;opacity:0;transition:opacity var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));padding:10px 12px;font-size:12.5px;line-height:1.4;position:fixed;transform:translateY(4px)scale(.98)}.tooltip--visible{opacity:1;transform:none}.tooltip--common{border-top:3px solid var(--rarity-common,#b0b7c3)}.tooltip--uncommon{border-top:3px solid var(--rarity-uncommon,#4ade80)}.tooltip--rare{border-top:3px solid var(--rarity-rare,#4aa3ff);box-shadow:var(--shadow,0 8px 24px #00000073), 0 0 12px #4aa3ff40}.tooltip--epic{border-top:3px solid var(--rarity-epic,#b061ff);box-shadow:var(--shadow,0 8px 24px #00000073), 0 0 12px #b061ff40}.tooltip--legendary{border-top:3px solid var(--rarity-legendary,#ffb347);box-shadow:var(--shadow,0 8px 24px #00000073), 0 0 14px #ffb3474d}.tooltip--mythic{border-top:3px solid var(--rarity-mythic,#ff4d6d);box-shadow:var(--shadow,0 8px 24px #00000073), 0 0 14px #ff4d6d4d}.tooltip__title{margin:0 0 2px;font-size:14px;font-weight:700}.tooltip__title--common{color:var(--rarity-common,#b0b7c3)}.tooltip__title--uncommon{color:var(--rarity-uncommon,#4ade80)}.tooltip__title--rare{color:var(--rarity-rare,#4aa3ff)}.tooltip__title--epic{color:var(--rarity-epic,#b061ff)}.tooltip__title--legendary{color:var(--rarity-legendary,#ffb347)}.tooltip__title--mythic{color:var(--rarity-mythic,#ff4d6d)}.tooltip__subtitle{color:var(--text-muted,#9aa3b2);margin:0 0 8px;font-size:11px;font-style:italic}.tooltip__section{margin-top:8px}.tooltip__section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim,#6b7280);margin:0 0 4px;font-size:10.5px;font-weight:700}.tooltip__row{justify-content:space-between;gap:12px;padding:1px 0;display:flex}.tooltip__row--good{color:var(--success,#3dd68c)}.tooltip__row--bad{color:var(--danger,#ff5c5c)}.tooltip__row b{color:var(--text,#e8eaf0);font-weight:600}.tooltip__divider{background:var(--border,#ffffff14);border:0;height:1px;margin:8px 0}.tooltip__footer{border-top:1px dashed var(--border,#ffffff14);color:var(--text-muted,#9aa3b2);margin-top:8px;padding-top:6px;font-size:11px}.tooltip__value{color:var(--gold,#ffc83d);font-weight:600}.modal{z-index:var(--z-modal,1000);visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1)), visibility 0s linear var(--dur,.25s);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal--open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1))}.modal__backdrop{background:var(--bg-overlay,#080b10b8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.modal__dialog{background:var(--bg-surface,#161c26);border:1px solid var(--border-strong,#ffffff29);border-radius:var(--radius-lg,14px);width:100%;max-width:520px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg,0 16px 48px #0000008c);transition:transform var(--dur-slow,.4s) var(--ease-out,cubic-bezier(.16, 1, .3, 1));flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(12px)scale(.98)}.modal--open .modal__dialog{animation:ir-modal-in var(--dur-slow,.4s) var(--ease-out,cubic-bezier(.16, 1, .3, 1)) both;transform:none}.modal--sm .modal__dialog{max-width:380px}.modal--md .modal__dialog{max-width:520px}.modal--lg .modal__dialog{max-width:760px}.modal--xl .modal__dialog{max-width:960px}.modal__header{border-bottom:1px solid var(--border,#ffffff14);background:linear-gradient(180deg, var(--bg-elevated,#1f2733), var(--bg-surface,#161c26));align-items:center;gap:10px;padding:14px 16px;display:flex}.modal__title{color:var(--text,#e8eaf0);flex:auto;margin:0;font-size:16px;font-weight:700}.modal__subtitle{color:var(--text-muted,#9aa3b2);font-size:12px;font-weight:400}.modal__close{border:1px solid var(--border,#ffffff14);border-radius:var(--radius-sm,6px);background:var(--bg-sunken,#0b0f15);width:30px;height:30px;color:var(--text-muted,#9aa3b2);cursor:pointer;transition:background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), border-color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}.modal__close:hover{background:var(--bg-elevated,#1f2733);color:var(--text,#e8eaf0);border-color:var(--border-strong,#ffffff29)}.modal__body{overscroll-behavior:contain;color:var(--text,#e8eaf0);padding:16px;overflow-y:auto}.modal__footer{border-top:1px solid var(--border,#ffffff14);background:var(--bg-sunken,#0b0f15);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.tabs{flex-direction:column;gap:12px;display:flex}.tabs__list{background:var(--bg-sunken,#0b0f15);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-pill,999px);scrollbar-width:thin;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex;overflow-x:auto}.tabs__list--block{width:100%;display:flex}.tabs__list--block .tab{flex:1 1 0}.tab{appearance:none;border-radius:var(--radius-pill,999px);color:var(--text-muted,#9aa3b2);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), box-shadow var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));background:0 0;border:0;padding:7px 16px;font-size:13px;font-weight:600}.tab:hover{color:var(--text,#e8eaf0);background:var(--bg-elevated,#1f2733)}.tab:focus-visible{outline:2px solid var(--accent,#4aa3ff);outline-offset:2px}.tab--active{color:#fff;background:linear-gradient(180deg, var(--accent-strong,#6db5ff), var(--accent,#4aa3ff));box-shadow:0 2px 8px var(--accent-weak,#4aa3ff29)}.tab--active:hover{background:linear-gradient(180deg, var(--accent-strong,#6db5ff), var(--accent,#4aa3ff))}.tab__badge{border-radius:var(--radius-pill,999px);background:var(--bg-sunken,#0b0f15);min-width:18px;height:18px;color:var(--text-muted,#9aa3b2);justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-flex}.tab--active .tab__badge{color:#fff;background:#00000047}.tabs__panels{position:relative}.tabs__panel{animation:ir-fade-in var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1));display:none}.tabs__panel--active{display:block}.toast-stack{z-index:var(--z-toast,1100);pointer-events:none;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed}.toast-stack>*{pointer-events:auto}.toast-stack--br{flex-direction:column;bottom:16px;right:16px}.toast-stack--tr{flex-direction:column-reverse;top:16px;right:16px}.toast-stack--bl{flex-direction:column;align-items:flex-start;bottom:16px;left:16px}.toast-stack--tl{flex-direction:column-reverse;align-items:flex-start;top:16px;left:16px}.toast{border-radius:var(--radius,10px);background:linear-gradient(180deg, var(--bg-elevated,#1f2733), var(--bg-surface,#161c26));color:var(--text,#e8eaf0);border:1px solid var(--border,#ffffff14);border-left:4px solid var(--toast-accent,var(--accent,#4aa3ff));box-shadow:var(--shadow,0 8px 24px #00000073);animation:ir-slide-in-r .3s var(--ease,cubic-bezier(.2, .8, .2, 1)) both;transition:transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), opacity var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));align-items:flex-start;gap:10px;padding:10px 34px 10px 12px;font-size:13px;line-height:1.35;display:flex;position:relative}.toast:hover{transform:translateY(-1px)}.toast--out{animation:ir-slide-out-r .25s var(--ease,cubic-bezier(.2, .8, .2, 1)) both!important}.toast--info{--toast-accent:var(--info,#4aa3ff)}.toast--success{--toast-accent:var(--success,#3dd68c)}.toast--warning{--toast-accent:var(--warning,#f5b042)}.toast--danger{--toast-accent:var(--danger,#ff5c5c)}.toast--gold{--toast-accent:var(--gold,#ffc83d)}.toast__icon{flex:none;font-size:18px;line-height:1.2}.toast__body{flex:auto;min-width:0}.toast__title{letter-spacing:.03em;text-transform:uppercase;color:var(--toast-accent,var(--accent,#4aa3ff));margin-bottom:1px;font-size:12px;font-weight:700}.toast__msg{word-break:break-word}.toast__close{width:22px;height:22px;color:var(--text-muted,#9aa3b2);cursor:pointer;border-radius:var(--radius-sm,6px);transition:background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));background:0 0;border:0;padding:0;font-size:16px;line-height:1;position:absolute;top:4px;right:6px}.toast__close:hover{color:#fff;background:#ffffff14}.dropdown{display:inline-block;position:relative}.dropdown__trigger{cursor:pointer}.dropdown__menu{z-index:var(--z-dropdown,800);background:var(--bg-elevated,#1f2733);border:1px solid var(--border-strong,#ffffff29);border-radius:var(--radius,10px);min-width:180px;box-shadow:var(--shadow,0 8px 24px #00000073);opacity:0;visibility:hidden;transform-origin:0 0;transition:opacity var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), visibility 0s linear var(--dur-fast,.15s);padding:5px;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-6px)scale(.98)}.dropdown--open .dropdown__menu,.dropdown:focus-within .dropdown__menu{opacity:1;visibility:visible;transition:opacity var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));transform:none}.dropdown__menu--right{transform-origin:100% 0;left:auto;right:0}.dropdown__menu--up{transform-origin:0 100%;top:auto;bottom:calc(100% + 6px)}.dropdown__header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim,#6b7280);padding:6px 10px 8px;font-size:10.5px;font-weight:700}.dropdown__item{border-radius:var(--radius-sm,6px);width:100%;color:var(--text,#e8eaf0);text-align:left;cursor:pointer;transition:background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.dropdown__item:hover,.dropdown__item:focus-visible{background:var(--accent-weak,#4aa3ff29);color:#fff;outline:none}.dropdown__item--active{color:var(--accent-strong,#6db5ff)}.dropdown__item--danger{color:var(--danger,#ff5c5c)}.dropdown__item--danger:hover{color:var(--danger,#ff5c5c);background:#ff5c5c29}.dropdown__item--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.dropdown__item-icon{flex:none;font-size:15px}.dropdown__item-label{flex:auto}.dropdown__item-meta{color:var(--text-muted,#9aa3b2);font-size:11px}.dropdown__divider{background:var(--border,#ffffff14);height:1px;margin:4px 6px}.slot-grid{grid-template-columns:repeat(var(--slot-cols,4), var(--slot-size,52px));gap:var(--slot-gap,6px);justify-content:start;display:grid}.slot-grid--auto{grid-template-columns:repeat(auto-fill, minmax(var(--slot-size,52px), 1fr))}.slot{width:var(--slot-size,52px);height:var(--slot-size,52px);background:var(--bg-sunken,#0b0f15);border:1px solid var(--border-strong,#ffffff29);border-radius:var(--radius-sm,6px);cursor:pointer;-webkit-user-select:none;user-select:none;--slot-ring:transparent;--slot-glow:transparent;transition:transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), border-color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), box-shadow var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));justify-content:center;align-items:center;display:flex;position:relative}.slot:hover{background:var(--bg-elevated,#1f2733);transform:translateY(-2px)}.slot:active{transform:translateY(0)scale(.96)}.slot--empty{cursor:default;background:var(--bg-track,#00000059);border-style:dashed;border-color:var(--border,#ffffff14)}.slot--empty:hover{background:var(--bg-track,#00000059);transform:none}.slot__icon{font-size:calc(var(--slot-size,52px) * .55);filter:drop-shadow(0 1px 1px #0009);line-height:1}.slot__qty{text-align:center;min-width:14px;color:var(--text,#e8eaf0);border-radius:var(--radius-sm,6px);background:#000000b3;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;bottom:1px;right:2px}.slot__badge{background:var(--accent,#4aa3ff);color:#fff;border-radius:var(--radius-pill,999px);justify-content:center;align-items:center;width:12px;height:12px;font-size:8.5px;font-weight:700;display:flex;position:absolute;top:1px;left:2px}.slot--selected{border-color:var(--accent-strong,#6db5ff);box-shadow:0 0 0 2px var(--accent-weak,#4aa3ff29)}.slot--equipped{border-color:var(--success,#3dd68c)}.slot--locked,.slot--locked:hover{opacity:.55;cursor:not-allowed;background:var(--bg-track,#00000059);transform:none}.slot--locked:after{content:"🔒";font-size:calc(var(--slot-size,52px) * .4);opacity:.8;position:absolute}.slot--sm{--slot-size:40px}.slot--md{--slot-size:52px}.slot--lg{--slot-size:64px}.slot--common{border-color:var(--rarity-common,#b0b7c3)}.slot--uncommon{border-color:var(--rarity-uncommon,#4ade80);--slot-glow:#4ade8059}.slot--rare{border-color:var(--rarity-rare,#4aa3ff);--slot-glow:#4aa3ff66}.slot--epic{border-color:var(--rarity-epic,#b061ff);--slot-glow:#b061ff66}.slot--legendary{border-color:var(--rarity-legendary,#ffb347);--slot-glow:#ffb34773;background-image:linear-gradient(135deg,#ffb3471a,#0000 60%)}.slot--mythic{border-color:var(--rarity-mythic,#ff4d6d);--slot-glow:#ff4d6d80;background-image:linear-gradient(135deg,#ff4d6d1f,#0000 60%)}.slot--rare:hover,.slot--epic:hover,.slot--legendary:hover,.slot--mythic:hover{box-shadow:0 0 0 1px var(--slot-ring,transparent), 0 0 14px var(--slot-glow)}.slot--legendary:hover,.slot--mythic:hover{animation:ir-glow-pulse 1.6s var(--ease,cubic-bezier(.2, .8, .2, 1)) infinite}.rarity-text--common{color:var(--rarity-common,#b0b7c3)}.rarity-text--uncommon{color:var(--rarity-uncommon,#4ade80)}.rarity-text--rare{color:var(--rarity-rare,#4aa3ff)}.rarity-text--epic{color:var(--rarity-epic,#b061ff)}.rarity-text--legendary{color:var(--rarity-legendary,#ffb347)}.rarity-text--mythic{color:var(--rarity-mythic,#ff4d6d)}.context-menu{z-index:var(--z-context,1200);background:var(--bg-elevated,#1f2733);border:1px solid var(--border-strong,#ffffff29);border-radius:var(--radius,10px);min-width:180px;max-width:260px;box-shadow:var(--shadow-lg,0 16px 48px #0000008c);color:var(--text,#e8eaf0);transform-origin:0 0;opacity:0;visibility:hidden;transition:opacity var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), visibility 0s linear var(--dur-fast,.15s);padding:5px;position:fixed;transform:scale(.92)}.context-menu--open{opacity:1;visibility:visible;animation:ir-ctx-in var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1));transition:opacity var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));transform:scale(1)}.context-menu--flip-x{transform-origin:100% 0}.context-menu--flip-y{transform-origin:0 100%}.context-menu__header{border-bottom:1px solid var(--border,#ffffff14);margin-bottom:4px;padding:6px 10px 8px}.context-menu__title{font-size:13px;font-weight:700}.context-menu__sub{color:var(--text-muted,#9aa3b2);font-size:11px}.context-menu__item{border-radius:var(--radius-sm,6px);width:100%;color:var(--text,#e8eaf0);text-align:left;cursor:pointer;transition:background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.context-menu__item:hover,.context-menu__item:focus-visible{background:var(--accent-weak,#4aa3ff29);color:#fff;outline:none}.context-menu__item--danger{color:var(--danger,#ff5c5c)}.context-menu__item--danger:hover{color:var(--danger,#ff5c5c);background:#ff5c5c29}.context-menu__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.context-menu__item-icon{text-align:center;flex:none;width:18px;font-size:15px}.context-menu__item-label{flex:auto}.context-menu__shortcut{color:var(--text-dim,#6b7280);margin-left:auto;padding-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.context-menu__divider{background:var(--border,#ffffff14);height:1px;margin:4px 6px}.top-bar__action-bar{background:#63b3ed1a;border:1px solid #63b3ed40;border-radius:22px;align-items:center;gap:8px;padding:5px 14px;font-size:13px;animation:.2s ease-out action-bar-in;display:flex}.top-bar__action-bar[hidden]{display:none}@keyframes action-bar-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-bar__icon{font-size:16px;animation:2s ease-in-out infinite action-pulse}@keyframes action-pulse{0%,to{opacity:1}50%{opacity:.6}}.action-bar__label{color:var(--text,#e2e8f0);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.action-bar__stop{color:#ff6b6b;cursor:pointer;background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:11px;transition:background .15s,transform 80ms;display:flex}.action-bar__stop:hover{background:#ff6b6b4d;transform:scale(1.1)}.action-bar__stop:active{transform:scale(.9)}.skill-category{padding:8px 6px 2px;list-style:none}.skill-category__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim,#6b7280);font-size:10px;font-weight:700}.skill-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;list-style:none;transition:background .15s,border-color .15s,transform 80ms;display:flex}.skill-item:hover{background:#ffffff0f;border-color:#ffffff1a}.skill-item:active{transform:scale(.98)}.skill-item--active{background:#63b3ed1f;border-color:#63b3ed59}.skill-item--active:hover{background:#63b3ed2e}.skill-item[data-disabled=true]{opacity:.45;cursor:not-allowed}.skill-item[data-disabled=true]:hover{background:0 0;border-color:#0000}.skill-item--levelup{animation:1.2s ease-out skill-flash}@keyframes skill-flash{0%{box-shadow:0 0 #ffd70099}30%{background:#ffd7001a;box-shadow:0 0 0 6px #ffd7004d}to{box-shadow:0 0 #ffd70000}}.skill-item__icon{text-align:center;flex-shrink:0;width:22px;font-size:18px}.skill-item__name{color:var(--text,#e2e8f0);flex:auto;font-size:13px}.skill-item__level{color:var(--text-muted,#9aa3b2);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:600}.inv-slot{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform 80ms;display:flex;position:relative}.inv-slot--filled{cursor:pointer}.inv-slot--filled:hover{background:#ffffff14;border-color:#ffffff26;transform:scale(1.05)}.inv-slot--filled:active{transform:scale(.95)}.inv-slot__icon{font-size:24px}.inv-slot__qty{color:var(--text,#e2e8f0);text-shadow:0 1px 3px #000c;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;position:absolute;bottom:2px;right:4px}.context-menu{z-index:1200;border:1px solid var(--border-strong,#ffffff29);background:linear-gradient(180deg, var(--bg-elevated,#1f2733), var(--bg-surface,#161c26));min-width:190px;color:var(--text,#e8eaf0);opacity:0;transform-origin:0 0;pointer-events:none;border-radius:10px;padding:6px;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(-4px)scale(.98);box-shadow:0 12px 32px #00000073}.context-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.context-menu__item{width:100%;color:var(--text,#e8eaf0);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;display:flex}.context-menu__item:hover,.context-menu__item:focus-visible{background:var(--accent-weak,#4aa3ff29);outline:none}.context-menu__icon{font-size:16px}.context-menu__label{flex:1}.context-menu__meta{color:var(--success,#3dd68c);font-variant-numeric:tabular-nums;font-size:12px}.skill-placeholder{text-align:center;color:var(--text-muted,#9aa3b2);padding:40px 20px}.skill-placeholder h2{margin-bottom:12px;font-size:22px}.skill-placeholder__hint{margin-top:8px;font-size:13px}@media (prefers-reduced-motion:reduce){.progress-bar__fill,.progress-bar__fill:after,.progress-bar--striped .progress-bar__fill,.toast,.modal__dialog,.context-menu,.context-menu--open,.slot,.slot--legendary:hover,.slot--mythic:hover,.tooltip{transition:none!important;animation:none!important}}@media (prefers-reduced-motion:no-preference){:root,body,.top-bar,.sidebar,.game-view,.activity-log,.panel,.card,.modal,.modal__dialog,.modal__backdrop,.btn,.slot,.progress-bar,.toast,.tabs,input,select,textarea{transition:background-color var(--dur,.25s) var(--ease,ease), border-color var(--dur,.25s) var(--ease,ease), color var(--dur,.25s) var(--ease,ease)}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0d1117;--bg-surface:#161c26;--bg-elevated:#1f2733;--bg-sunken:#0b0f15;--bg-overlay:#080b10b8;--bg-track:#00000059;--text:#e8eaf0;--text-muted:#9aa3b2;--text-dim:#6b7280;--border:#ffffff14;--border-strong:#ffffff29;--accent:#4aa3ff;--accent-strong:#6db5ff;--accent-weak:#4aa3ff29;--accent-2:#7c5cff;--gold:#ffc83d;--success:#3dd68c;--warning:#f5b042;--danger:#ff5c5c;--info:#4aa3ff;--rarity-common:#b0b7c3;--rarity-uncommon:#4ade80;--rarity-rare:#4aa3ff;--rarity-epic:#b061ff;--rarity-legendary:#ffb347;--rarity-mythic:#ff4d6d;--shadow-sm:0 2px 6px #0000004d;--shadow:0 8px 24px #00000073;--shadow-lg:0 16px 48px #0000008c;--focus-ring:0 0 0 3px #4aa3ff8c}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#eef1f6;--bg-surface:#fff;--bg-elevated:#fff;--bg-sunken:#e3e8f0;--bg-overlay:#12182673;--bg-track:#0f172a1a;--text:#1f2733;--text-muted:#56607a;--text-dim:#8a93a8;--border:#0f172a1f;--border-strong:#0f172a38;--accent:#2f7de0;--accent-strong:#1c66c4;--accent-weak:#2f7de024;--accent-2:#6d4bff;--gold:#b87800;--success:#1f9d5d;--warning:#b66e00;--danger:#d23b3b;--info:#2f7de0;--rarity-common:#5b6473;--rarity-uncommon:#1f9d5d;--rarity-rare:#2f7de0;--rarity-epic:#8a3df0;--rarity-legendary:#b66e00;--rarity-mythic:#d23b5e;--shadow-sm:0 1px 3px #0f172a1f;--shadow:0 6px 18px #0f172a24;--shadow-lg:0 14px 40px #0f172a2e;--focus-ring:0 0 0 3px #2f7de073}[data-theme=high-contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#000;--bg-surface:#000;--bg-elevated:#0b0b0b;--bg-sunken:#000;--bg-overlay:#000000d9;--bg-track:#1a1a1a;--text:#fff;--text-muted:#f2f2f2;--text-dim:#d0d0d0;--border:#fff;--border-strong:#ffd400;--accent:#ffd400;--accent-strong:#ffe44d;--accent-weak:#ffd40047;--accent-2:#00e5ff;--gold:#ffd400;--success:#00ff7a;--warning:#ffb300;--danger:#ff3b3b;--info:#00e5ff;--rarity-common:#fff;--rarity-uncommon:#00ff7a;--rarity-rare:#4aa3ff;--rarity-epic:#d06bff;--rarity-legendary:#ffb347;--rarity-mythic:#ff4d6d;--shadow-sm:0 2px 4px #000;--shadow:0 4px 8px #000;--shadow-lg:0 8px 16px #000;--focus-ring:0 0 0 3px #ffd400}[data-theme=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0e1612;--bg-surface:#15211a;--bg-elevated:#1d2c23;--bg-sunken:#0a0f0c;--bg-overlay:#060e0abd;--bg-track:#00000061;--text:#e4ede2;--text-muted:#93a894;--text-dim:#647260;--border:#aadcb41a;--border-strong:#aadcb438;--accent:#4ade80;--accent-strong:#74f0a0;--accent-weak:#4ade8029;--accent-2:#d9a441;--gold:#e0b34a;--success:#4ade80;--warning:#e0b34a;--danger:#ff6b6b;--info:#5fd0c4;--rarity-common:#b7c4b6;--rarity-uncommon:#4ade80;--rarity-rare:#5fb8ff;--rarity-epic:#c98bff;--rarity-legendary:#e0b34a;--rarity-mythic:#ff6b8a;--shadow-sm:0 2px 6px #00000057;--shadow:0 8px 24px #0000007a;--shadow-lg:0 16px 48px #00000094;--focus-ring:0 0 0 3px #4ade808c}[data-theme=astral]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#110a1f;--bg-surface:#1a1030;--bg-elevated:#241640;--bg-sunken:#0c0617;--bg-overlay:#0a0516bd;--bg-track:#0006;--text:#ece6f5;--text-muted:#aa9cc6;--text-dim:#786a92;--border:#c8b4ff1a;--border-strong:#c8b4ff38;--accent:#b061ff;--accent-strong:#c886ff;--accent-weak:#b061ff29;--accent-2:#4aa3ff;--gold:#ffc83d;--success:#3dd68c;--warning:#f5b042;--danger:#ff5c7a;--info:#9d7bff;--rarity-common:#c3b9d6;--rarity-uncommon:#4ade80;--rarity-rare:#4aa3ff;--rarity-epic:#d08bff;--rarity-legendary:#ffb347;--rarity-mythic:#ff4d6d;--shadow-sm:0 2px 8px #14002866;--shadow:0 8px 26px #1200268c;--shadow-lg:0 16px 50px #100022a6;--focus-ring:0 0 0 3px #b061ff99}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill,999px);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}::selection{background:var(--accent);color:#fff}[data-theme=high-contrast] ::selection{color:#000}:focus-visible{box-shadow:var(--focus-ring);outline:none}.theme-controls{flex-direction:column;gap:12px;display:flex}.theme-controls__hint{color:var(--text-muted);margin:0;font-size:.85rem}.theme-controls__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.theme-swatch{border:1px solid var(--border);border-radius:var(--radius,10px);background:var(--bg-elevated);color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:border-color var(--dur-fast,.15s) var(--ease,ease), background-color var(--dur-fast,.15s) var(--ease,ease), transform var(--dur-fast,.15s) var(--ease,ease);align-items:center;gap:10px;padding:10px 12px;display:flex}.theme-swatch:hover{border-color:var(--border-strong);background:var(--bg-surface)}.theme-swatch:active{transform:translateY(1px)}.theme-swatch--active{border-color:var(--accent);background:var(--accent-weak)}.theme-swatch--current .theme-swatch__dot{box-shadow:0 0 0 2px var(--accent), 0 0 0 4px var(--bg-elevated)}.theme-swatch__dot{border:1px solid var(--border-strong);border-radius:50%;flex:none;width:22px;height:22px}.theme-swatch__label{flex-direction:column;min-width:0;line-height:1.2;display:flex}.theme-swatch__icon{font-size:1rem}.theme-swatch__name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.theme-controls__auto{align-self:flex-start}.theme-swatch:focus-visible{outline:none}:root{--bp-desktop:1200px;--bp-tablet:768px;--bp-mobile:480px;--sidebar-w:260px;--sidebar-w-drawer:300px;--topbar-h:56px;--mobile-nav-h:60px;--grid-gap:12px;--radius-layout:14px;--touch-min:44px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-app,#0d1117);color:var(--text,#e8eaf0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}.btn{border:1px solid var(--border,#ffffff14);border-radius:var(--radius,10px);background:var(--bg-elevated,#1f2733);min-height:36px;color:var(--text,#e8eaf0);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), border-color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-surface,#161c26);border-color:var(--border-strong,#ffffff29)}.btn:active{transform:translateY(1px)scale(.99)}.btn:focus-visible{outline:2px solid var(--accent,#4aa3ff);outline-offset:2px}.btn--ghost{border-color:var(--border,#ffffff14);min-height:34px;color:var(--text-muted,#9aa3b2);background:0 0;padding:0 10px}.btn--ghost:hover{background:var(--bg-elevated,#1f2733);color:var(--text,#e8eaf0)}.game-grid{grid-template-columns:var(--sidebar-w,260px) minmax(0, 1fr) var(--sidebar-w,260px);gap:var(--grid-gap,12px);height:100dvh;padding:var(--grid-gap,12px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topbar topbar topbar""leftbar gameview rightbar""activity activity activity";display:grid}#top-bar{grid-area:topbar}#sidebar-left{grid-area:leftbar}#game-view{grid-area:gameview}#sidebar-right{grid-area:rightbar}#activity-log{grid-area:activity}.game-grid>*{min-width:0;min-height:0}.top-bar{align-items:center;gap:var(--grid-gap,12px);min-height:var(--topbar-h,56px);background:linear-gradient(180deg, var(--bg-elevated,#1f2733), var(--bg-surface,#161c26));border:1px solid var(--border,#ffffff14);border-radius:var(--radius-layout,14px);box-shadow:var(--shadow-sm,0 2px 6px #0000004d);padding:8px 14px;display:flex}.top-bar__section{align-items:center;gap:10px;display:flex}.top-bar__character{flex:auto;min-width:0}.top-bar__currencies{flex:none}.top-bar__actions{flex:none;gap:6px}.top-bar__avatar{font-size:22px;line-height:1}.top-bar__char-info{flex-direction:column;min-width:0;line-height:1.15;display:flex}.top-bar__name{font-size:14px;font-weight:700}.top-bar__level{color:var(--text-muted,#9aa3b2);font-size:11.5px}.top-bar__stats{gap:12px;margin-left:6px;display:flex}.stat{align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.stat__icon{font-size:14px}.stat__value{font-variant-numeric:tabular-nums;font-weight:600}.currency{background:var(--bg-sunken,#0b0f15);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-pill,999px);align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.currency__icon{font-size:14px}.currency__value{font-variant-numeric:tabular-nums;color:var(--gold,#ffc83d);font-weight:700}.currency__label{color:var(--text-muted,#9aa3b2);font-size:11px}.sidebar{background:var(--bg-surface,#161c26);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-layout,14px);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar__header{border-bottom:1px solid var(--border,#ffffff14);background:var(--bg-sunken,#0b0f15);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.sidebar__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#9aa3b2);margin:0;font-size:13px;font-weight:700}.sidebar__counter{color:var(--text-dim,#6b7280);font-variant-numeric:tabular-nums;font-size:11.5px}#sidebar-left .skill-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.inventory-grid{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));align-content:start;gap:6px;padding:10px;display:grid;overflow-y:auto}.sidebar__bank-btn{flex:none;margin:10px}.game-view{background:var(--bg-surface,#161c26);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-layout,14px);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.game-view__content{overscroll-behavior:contain;flex:auto;padding:16px;overflow-y:auto}.game-view__title{margin:0 0 6px;font-size:20px}.game-view__hint{color:var(--text-muted,#9aa3b2);margin:0}.activity-log{background:var(--bg-sunken,#0b0f15);border:1px solid var(--border,#ffffff14);border-radius:var(--radius-layout,14px);flex-direction:column;min-height:0;max-height:150px;display:flex;overflow:hidden}.activity-log__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#9aa3b2);border-bottom:1px solid var(--border,#ffffff14);margin:0;padding:8px 12px;font-size:12px;font-weight:700}.activity-log__list{overscroll-behavior:contain;color:var(--text-muted,#9aa3b2);margin:0;padding:6px 12px;font-size:12.5px;list-style:none;overflow-y:auto}@media (pointer:coarse){.btn,.btn--ghost,.tab,.modal__close,.toast__close,.dropdown__item,.context-menu__item,.mobile-nav__btn,.sidebar-toggle{min-height:var(--touch-min,44px)}.btn--ghost,.modal__close,.toast__close{min-width:var(--touch-min,44px)}}@media (width<=1200px){.game-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""gameview""activity"}.sidebar-toggle{display:inline-flex}.sidebar{top:calc(var(--topbar-h,56px) + var(--grid-gap,12px) * 2);bottom:var(--grid-gap,12px);width:min(var(--sidebar-w-drawer,300px), 86vw);z-index:var(--z-sticky,850);box-shadow:var(--shadow-lg,0 16px 48px #0000008c);transition:transform var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1)), visibility 0s linear var(--dur,.25s);visibility:hidden;position:fixed}#sidebar-left{left:var(--grid-gap,12px);transform:translate(calc(-100% - 12px))}#sidebar-right{right:var(--grid-gap,12px);transform:translate(calc(100% + 12px))}body.drawer-left-open #sidebar-left,body.drawer-right-open #sidebar-right{visibility:visible;transition:transform var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1));transform:translate(0)}.drawer-backdrop{z-index:calc(var(--z-sticky,850) - 1);background:var(--bg-overlay,#080b10b8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1)), visibility 0s linear var(--dur,.25s);position:fixed;inset:0}body.drawer-left-open .drawer-backdrop,body.drawer-right-open .drawer-backdrop{opacity:1;visibility:visible;transition:opacity var(--dur,.25s) var(--ease,cubic-bezier(.2, .8, .2, 1))}.activity-log{max-height:120px}}.sidebar-toggle{align-items:center;gap:6px;font-size:13px;font-weight:600;display:none}@media (width<=768px){:root{--topbar-h:52px}.game-grid{height:calc(100dvh - var(--mobile-nav-h,60px));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"topbar""gameview";gap:0;padding:0}#activity-log{display:none}.top-bar{min-height:var(--topbar-h,52px);border-top:0;border-left:0;border-right:0;border-radius:0;padding:6px 10px}.top-bar__avatar{font-size:20px}.top-bar__name{font-size:13px}.top-bar__level{font-size:11px}.top-bar__stats{gap:8px}.stat{font-size:12px}.sidebar-toggle,#sidebar-left,#game-view,#sidebar-right{display:none}body:not([data-view]) #game-view,body[data-view=""] #game-view,body[data-view=skills] #sidebar-left,body[data-view=play] #game-view,body[data-view=bag] #sidebar-right{display:flex}#sidebar-left,#sidebar-right{visibility:visible;width:auto;box-shadow:none;border:0;border-top:1px solid var(--border,#ffffff14);border-radius:0;position:static;transform:none}body[data-view=skills] #sidebar-left,body[data-view=bag] #sidebar-right{grid-area:gameview}.drawer-backdrop{display:none}.game-view{border:0;border-radius:0}.game-view__content{padding:12px}#sidebar-left .skill-list{gap:8px;padding:10px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:12px}.mobile-nav{display:flex}}@media (width<=480px){.currency__label,.game-view__hint{display:none}.top-bar__avatar{font-size:22px}.inventory-grid{grid-template-columns:repeat(4,1fr)}.modal{padding:0}.modal__dialog{border-radius:0;max-width:100%;min-height:100dvh;max-height:100dvh}.toast-stack{max-width:calc(100vw - 16px)}.toast-stack--br,.toast-stack--tr,.toast-stack--bl,.toast-stack--tl{left:8px;right:8px}.mobile-nav__label{font-size:10px}}.mobile-nav{z-index:var(--z-sticky,850);height:var(--mobile-nav-h,60px);padding-bottom:env(safe-area-inset-bottom,0);background:linear-gradient(180deg, var(--bg-elevated,#1f2733), var(--bg-surface,#161c26));border-top:1px solid var(--border-strong,#ffffff29);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #00000059}.mobile-nav__list{height:100%;margin:0;padding:0;list-style:none;display:flex}.mobile-nav__btn{min-height:var(--touch-min,44px);color:var(--text-muted,#9aa3b2);cursor:pointer;transition:color var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1)), background var(--dur-fast,.15s) var(--ease,cubic-bezier(.2, .8, .2, 1));background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:13px;font-weight:600;display:flex}.mobile-nav__btn:hover,.mobile-nav__btn:focus-visible{color:var(--text,#e8eaf0);background:var(--bg-elevated,#1f2733);outline:none}.mobile-nav__icon{font-size:20px;line-height:1}.mobile-nav__label{letter-spacing:.02em;font-size:11px}body[data-view=skills] .mobile-nav__btn[data-view=skills],body[data-view=play] .mobile-nav__btn[data-view=play],body[data-view=bag] .mobile-nav__btn[data-view=bag]{color:var(--accent-strong,#6db5ff)}body[data-view=skills] .mobile-nav__btn[data-view=skills]:after,body[data-view=play] .mobile-nav__btn[data-view=play]:after,body[data-view=bag] .mobile-nav__btn[data-view=bag]:after{content:"";border-radius:0 0 var(--radius-pill,999px) var(--radius-pill,999px);background:var(--accent,#4aa3ff);height:2px;position:absolute;top:0;left:25%;right:25%}.mobile-nav__btn{position:relative}@media (width<=920px) and (orientation:landscape) and (height<=500px){:root{--topbar-h:44px;--mobile-nav-h:50px}.top-bar{min-height:var(--topbar-h,44px)}.game-view__content{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.sidebar,.drawer-backdrop,.mobile-nav__btn,.btn,.btn--ghost{transition:none!important}}.inv-slot.svelte-hf9hv8{aspect-ratio:1;border:1px solid var(--border,#ffffff14);border-radius:var(--radius-sm,6px);background:var(--bg-sunken,#0b0f15);min-width:0;color:var(--text,#e8eaf0);place-items:center;padding:0;display:grid;position:relative}.inv-slot--filled.svelte-hf9hv8{cursor:pointer}.inv-slot--filled.svelte-hf9hv8:hover,.inv-slot--selected.svelte-hf9hv8{border-color:var(--accent,#4aa3ff);background:var(--accent-weak,#4aa3ff29)}.inv-slot.svelte-hf9hv8:focus-visible{outline:2px solid var(--accent-strong,#6db5ff);outline-offset:2px}.inv-slot__icon.svelte-hf9hv8{font-size:24px}.inv-slot__qty.svelte-hf9hv8{color:var(--text,#e8eaf0);text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:3px}.selection-status.svelte-hf9hv8{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}