:root{--inv-slot-drop-target-color: var(--f4-accent);--inv-slot-drop-target-bg: var(--f4-accent-bg-hover);--inv-slot-drop-target-bg-empty: var(--f4-accent-bg);--inv-slot-drop-preview-border: var(--f4-accent-border-2);--inv-slot-drop-preview-bg: var(--f4-accent-bg);--inv-slot-dragging-opacity: .6}.empty-slot,.inv-grid-empty{background:var(--f4-bg-faintest);border:1px solid var(--f4-bg-hover, rgba(255, 255, 255, .04));border-radius:var(--f4-r-xs);min-width:0;min-height:0}.item-slot.slot-last-2-rows,.empty-slot.slot-last-2-rows,.inv-grid-slot.slot-last-2-rows,.inv-grid-empty.slot-last-2-rows{background:var(--f4-bg-faint);border-color:var(--f4-border-strong)}.item-slot,.inv-grid-slot{background:var(--f4-slot);border:1px solid var(--f4-border-strong);border-radius:var(--f4-r-xs);padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;transition:border-color var(--f4-t),background var(--f4-t);position:relative;box-sizing:border-box;overflow:hidden;min-width:0;min-height:0;outline:none;font-family:inherit;color:inherit;max-width:100%;max-height:100%}.item-slot:active,.inv-grid-slot:active{cursor:grabbing}.item-slot:hover,.inv-grid-slot:hover{border-color:var(--f4-accent-border-2);background:var(--f4-accent-bg-soft)}.item-slot.has-rarity,.inv-grid-slot.has-rarity,.equipment-slot.has-rarity{border-top-width:3px;border-top-style:solid;border-top-color:var(--rarity-color);transition:border-color var(--f4-t),background var(--f4-t)}.item-slot.has-rarity:hover,.inv-grid-slot.has-rarity:hover,.equipment-slot.has-rarity:hover{border-top-color:var(--rarity-color)}.item-slot.has-rarity:before,.inv-grid-slot.has-rarity:before,.equipment-slot.has-rarity:before{display:none}.equipment-slot .item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.equipment-slot.dragging .item-slot-content,.equipment-slot.dragging .item-amount{visibility:hidden}.equipment-slot .item-amount{position:absolute;top:4px;right:6px;font-size:var(--f4-fs-11);font-weight:600;font-family:var(--f4-font-mono);color:#ffffffe6}.item-slot.dimmed .item-icon-img,.inv-grid-slot.dimmed .item-icon-img{filter:grayscale(1) brightness(.4)}.item-slot.dimmed,.inv-grid-slot.dimmed{opacity:.9}.item-slot.dimmed.has-rarity,.inv-grid-slot.dimmed.has-rarity{--rarity-color: #3a4150 !important}.item-slot.dragging,.inv-grid-slot.dragging{opacity:var(--inv-slot-dragging-opacity, .6);overflow:hidden}.item-slot.dragging .item-slot-content,.inv-grid-slot.dragging .item-slot-content{min-width:0;min-height:0;overflow:hidden}.item-slot.drop-target,.inv-grid-slot.drop-target{border-color:var(--inv-slot-drop-target-color)!important;background:var(--inv-slot-drop-target-bg)!important;box-shadow:0 0 0 2px var(--inv-slot-drop-target-color);z-index:0}.empty-slot.drop-target{border-color:var(--inv-slot-drop-target-color);background:var(--inv-slot-drop-target-bg-empty)}.item-slot.drop-target>.item-slot-content,.item-slot.drop-target>.item-amount,.inv-grid-slot.drop-target>.item-slot-content,.inv-grid-slot.drop-target>.item-amount{visibility:hidden!important;opacity:0!important}.item-slot.drop-target .swap-preview .item-slot-content,.inv-grid-slot.drop-target .swap-preview .item-slot-content{visibility:visible!important;opacity:1!important}.swap-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;box-sizing:border-box;pointer-events:none;z-index:1}.swap-preview-side{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.swap-preview-left{justify-content:flex-end}.swap-preview-right{justify-content:flex-start}.swap-preview-side .item-slot-content{max-width:100%;max-height:100%;padding:2px}.swap-preview-side .item-icon-img{max-width:100%;max-height:100%}.swap-preview-icon{flex-shrink:0;font-size:clamp(14px,2vw,22px);line-height:1;color:#ffffffe6;text-shadow:0 0 2px rgba(0,0,0,.8)}.drop-preview,.inv-grid-drop-preview{position:relative;grid-area:auto;background:var(--inv-slot-drop-preview-bg);border:2px solid var(--inv-slot-drop-preview-border);border-radius:var(--f4-r-2xs);pointer-events:none;z-index:10;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;box-sizing:border-box;overflow:hidden}.drop-preview .item-slot-content,.inv-grid-drop-preview .item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.inv-grid-drop-preview .item-icon-img{width:100%;height:100%;object-fit:cover}.item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:inherit;overflow:hidden;min-width:0;min-height:0}.inv-grid-slot .item-slot-content{position:absolute;top:0;right:0;bottom:0;left:0}.item-slot-cells{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;z-index:1;border-radius:inherit}.item-cell{min-width:0;min-height:0}.item-icon-img{width:100%;height:100%;object-fit:cover;display:block;padding:0;box-sizing:border-box;position:relative;z-index:1;opacity:0;transition:opacity var(--f4-t)}.item-icon-img.item-icon-loaded{opacity:1}.item-amount{position:absolute;top:4px;right:6px;font-size:var(--f4-fs-11);font-weight:600;font-family:var(--f4-font-mono);color:var(--f4-text-bright);text-shadow:0 0 2px #000;z-index:2}.item-ttl{position:absolute;bottom:3px;left:4px;padding:1px 4px;font-size:var(--f4-fs-10);font-weight:600;font-family:var(--f4-font-mono);line-height:1.2;color:#ffd27a;background:#0000008c;border-radius:3px;z-index:2;pointer-events:none}.item-ttl-warn{color:var(--f4-red-2)}.item-quality{position:absolute;top:3px;left:4px;padding:1px 4px;font-size:var(--f4-fs-10);font-weight:600;font-family:var(--f4-font-mono);line-height:1.2;color:var(--f4-accent-text);background:#0000008c;border-radius:3px;z-index:2;pointer-events:none}.f4-tooltip-quality{margin-top:4px;font-size:var(--f4-fs-11);color:var(--f4-accent-text)}.f4-tooltip-quality-note{color:var(--f4-text-dim)}.f4-tooltip-ttl{margin-top:4px;font-size:var(--f4-fs-11);color:#ffd27a}.f4-tooltip-ttl-warn{color:var(--f4-red-2)}.item-slot-placeholder{font-size:clamp(14px,2vw,22px);color:#ffffff59;line-height:1}.inv-grid-slot .item-slot-placeholder{font-size:var(--f4-fs-16)}.item-slot-placeholder-overlay{z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.storage-drop-slot{cursor:default}.f4-tooltip,.inv-grid-tooltip{position:fixed;background:var(--f4-card);color:var(--f4-text);padding:10px 12px;border-radius:var(--f4-r, 11px);font-size:clamp(12px,1.15vw,15px);line-height:1.35;width:max-content;max-width:280px;min-width:120px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-line;z-index:var(--f4-z-tooltip);box-shadow:var(--f4-shadow, 0 10px 30px rgba(0, 0, 0, .4));border:1px solid var(--f4-border-strong);pointer-events:none;display:flex;flex-direction:column;gap:4px}.f4-tooltip-name{font-weight:700;font-size:clamp(13px,1.2vw,16px);color:var(--f4-text-bright)}.f4-tooltip-donate{color:var(--f4-gold);font-weight:600}.f4-tooltip-desc{color:var(--f4-text-3);font-size:clamp(11px,1.05vw,14px);white-space:pre-line;line-height:1.4}.f4-tooltip-footer{margin-top:6px;padding-top:6px;border-top:1px solid var(--f4-border);display:flex;align-items:center}.f4-tooltip-weight{font-size:clamp(11px,1vw,13px);font-family:var(--f4-font-mono);color:var(--f4-text-muted)}.f4-tooltip-weight-unit{color:var(--f4-text-faint);font-size:var(--f4-fs-14);margin-left:4px}.f4-tooltip-boost-note{color:var(--f4-text-faint);font-weight:400;font-size:var(--f4-fs-14)}.f4-tooltip-boost-label{color:var(--f4-text-3);font-style:italic;margin-bottom:2px}.f4-tooltip.f4-tooltip-sm{padding:8px 10px;max-width:230px;min-width:110px;font-size:var(--f4-fs-11)}.f4-tooltip.f4-tooltip-sm .f4-tooltip-name{font-size:var(--f4-fs-12)}.f4-tooltip.f4-tooltip-sm .f4-tooltip-desc,.f4-tooltip.f4-tooltip-sm .f4-tooltip-quality,.f4-tooltip.f4-tooltip-sm .f4-tooltip-ttl,.f4-tooltip.f4-tooltip-sm .f4-tooltip-weight,.f4-tooltip.f4-tooltip-sm .f4-tooltip-weight-unit,.f4-tooltip.f4-tooltip-sm .f4-tooltip-boost-note{font-size:var(--f4-fs-10)}.inv-grid-tooltip-name{font-weight:700;font-size:clamp(13px,1.2vw,16px);color:var(--f4-text-bright);margin-bottom:4px}.inv-grid-tooltip-weight{font-size:clamp(11px,1vw,13px);font-family:var(--f4-font-mono);color:var(--f4-text-muted);opacity:.9;margin-bottom:4px}.inv-grid-tooltip-desc{color:var(--f4-text-3);font-size:clamp(11px,1.05vw,14px);line-height:1.35}:root{--f4-font: "Onest", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--f4-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--f4-bg-deep: #050506;--f4-bg: #0a0a0b;--f4-bg-solid: #0a0a0b;--f4-rail: #0b0b0d;--f4-card: #121214;--f4-card-2: #141416;--f4-card-3: #0f0f12;--f4-slot: #161619;--f4-panel: linear-gradient(180deg, #141416, #0f0f12);--f4-text: #f4f4f5;--f4-text-bright: #ffffff;--f4-text-2: #cfcfd4;--f4-text-3: #b4b4ba;--f4-text-muted: #9a9aa0;--f4-text-dim: #7c7c83;--f4-text-faint: #65656c;--f4-text-faint2: #54545b;--f4-accent: #ff8a1e;--f4-accent-2: #ff7a00;--f4-accent-light: #ffa84d;--f4-accent-text: #ffb05a;--f4-accent-ink: #1a1205;--f4-accent-grad: linear-gradient(135deg, #ffa84d, #ff7a00);--f4-accent-bg: rgba(255, 138, 30, .1);--f4-accent-bg-hover: rgba(255, 138, 30, .18);--f4-accent-bg-soft: rgba(255, 138, 30, .08);--f4-accent-border: rgba(255, 138, 30, .28);--f4-accent-border-2: rgba(255, 138, 30, .4);--f4-accent-glow: rgba(255, 138, 30, .3);--f4-accent-halo: radial-gradient(ellipse at center, rgba(255, 138, 30, .07), transparent 70%);--f4-border: rgba(255, 255, 255, .06);--f4-border-2: rgba(255, 255, 255, .07);--f4-border-strong: rgba(255, 255, 255, .1);--f4-hairline: rgba(255, 255, 255, .05);--f4-bg-hover: rgba(255, 255, 255, .04);--f4-bg-hover-2: rgba(255, 255, 255, .07);--f4-bg-faint: rgba(255, 255, 255, .03);--f4-bg-faintest: rgba(255, 255, 255, .018);--f4-green: #6ee7a0;--f4-green-soft: #9af2c0;--f4-green-deep: #2f9e44;--f4-green-bg: rgba(110, 231, 160, .1);--f4-green-border: rgba(110, 231, 160, .22);--f4-blue: #46a0ff;--f4-blue-2: #7aa2ff;--f4-blue-deep: #2f6fed;--f4-red: #ff5a5a;--f4-red-2: #ff7a7a;--f4-red-bg: rgba(255, 90, 90, .1);--f4-red-border: rgba(255, 90, 90, .25);--f4-purple: #c084fc;--f4-purple-2: #8b5cf6;--f4-gold: #ffc83d;--f4-teal: #5ee0c8;--f4-r-2xs: 5px;--f4-r-xs: 7px;--f4-r-sm: 9px;--f4-r: 11px;--f4-r-md: 13px;--f4-r-lg: 16px;--f4-r-xl: 20px;--f4-r-pill: 999px;--f4-sp-2: 2px;--f4-sp-4: 4px;--f4-sp-6: 6px;--f4-sp-8: 8px;--f4-sp-10: 10px;--f4-sp-12: 12px;--f4-sp-16: 16px;--f4-sp-20: 20px;--f4-sp-24: 24px;--f4-sp-32: 32px;--f4-pad-page: 20px 24px;--f4-fs-10: 10px;--f4-fs-11: 11px;--f4-fs-12: 12px;--f4-fs-13: 13px;--f4-fs-14: 14px;--f4-fs-16: 16px;--f4-fs-18: 18px;--f4-fs-20: 20px;--f4-fs-24: 24px;--f4-fs-32: 32px;--f4-t-fast: .12s ease;--f4-t: .15s ease;--f4-t-slow: .25s ease;--f4-z-raised: 5;--f4-z-sticky: 10;--f4-z-rail: 40;--f4-z-dropdown: 300;--f4-z-tooltip: 600;--f4-z-modal: 1000;--f4-z-modal-2: 1100;--f4-z-toast: 1500;--f4-shadow-sm: 0 4px 16px rgba(0, 0, 0, .35);--f4-shadow: 0 10px 30px rgba(0, 0, 0, .4);--f4-shadow-lg: 0 40px 120px rgba(0, 0, 0, .6);--f4-shadow-accent: 0 10px 28px rgba(255, 138, 30, .3);--f4-rail-w: 74px;--f4-rail-w-open: 240px;--f4-rail-ease: .26s cubic-bezier(.4, 0, .2, 1)}body:not(.admin-panel){font-family:var(--f4-font)}.f4-scr::-webkit-scrollbar{width:9px;height:9px}.f4-scr::-webkit-scrollbar-track{background:transparent}.f4-scr::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px;border:2px solid transparent;background-clip:padding-box}.f4-scr::-webkit-scrollbar-thumb:hover{background:var(--f4-accent-glow);background-clip:padding-box}.f4-frame{display:flex;width:100%;height:100%;min-height:0;background:var(--f4-bg);color:var(--f4-text);font-family:var(--f4-font);overflow:hidden}.f4-rail-slot{width:var(--f4-rail-w);flex:none;position:relative;z-index:40}.f4-rail{position:absolute;top:0;left:0;bottom:0;width:var(--f4-rail-w);background:var(--f4-rail);border-right:1px solid var(--f4-border);display:flex;flex-direction:column;padding:16px 0;overflow:hidden;transition:width var(--f4-rail-ease);z-index:40}.f4-rail:hover{width:var(--f4-rail-w-open);box-shadow:26px 0 70px #0000008c}.f4-rail-lbl{opacity:0;transform:translate(-8px);white-space:nowrap;transition:opacity .18s ease,transform .24s cubic-bezier(.4,0,.2,1);pointer-events:none}.f4-rail:hover .f4-rail-lbl{opacity:1;transform:translate(0)}.f4-brand{display:flex;align-items:center;padding:0 16px;margin-bottom:20px;height:36px}.f4-brand>*+*{margin-left:6px}.f4-brand-mark{display:flex;width:44px;justify-content:center;flex:none}.f4-brand-logo{width:36px;height:36px;display:block}.f4-brand-text{line-height:1.05}.f4-brand-name{font-size:var(--f4-fs-14);font-weight:800;letter-spacing:.01em;display:block}.f4-nav{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.f4-nav::-webkit-scrollbar{display:none;width:0;height:0}.f4-nav-item{display:flex;align-items:center;height:46px;padding:0 16px;cursor:pointer;position:relative;color:var(--f4-text-dim);border:none;background:transparent;width:100%;text-align:left;font-family:inherit;border-radius:var(--f4-r-md);transition:color var(--f4-t),background var(--f4-t)}.f4-nav-item:hover{color:var(--f4-text);background:var(--f4-bg-hover)}.f4-nav-ic{display:flex;width:44px;justify-content:center;flex:none;position:relative}.f4-nav-lbl{font-size:var(--f4-fs-14);font-weight:600;position:relative;margin-left:6px}.f4-nav-item.active{color:var(--f4-accent);background:transparent}.f4-nav-item.active:hover{background:transparent}.f4-nav-item.active .f4-nav-bar{position:absolute;left:0;top:12px;width:3px;height:22px;border-radius:3px;background:var(--f4-accent)}.f4-nav-item.active .f4-nav-hl{position:absolute;left:13px;right:13px;top:5px;bottom:5px;border-radius:var(--f4-r-md);background:var(--f4-accent-bg)}.f4-nav-item.active .f4-nav-lbl{font-weight:700}.f4-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.f4-main-halo{position:absolute;top:-170px;right:80px;width:820px;height:360px;background:var(--f4-accent-halo);pointer-events:none;z-index:0}.f4-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--f4-border);position:relative;z-index:5}.f4-header-titles{display:flex;align-items:baseline;min-width:0}.f4-header-titles>*+*{margin-left:12px}.f4-header-title{font-size:var(--f4-fs-20);font-weight:800}.f4-header-sub{font-size:var(--f4-fs-12);color:var(--f4-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f4-header-right{display:flex;align-items:center;flex:none}.f4-header-right>*+*{margin-left:12px}.f4-balance{display:flex;align-items:center;padding:8px 12px;border-radius:var(--f4-r);background:var(--f4-accent-bg-soft);border:1px solid rgba(255,138,30,.18)}.f4-balance-val{font-family:var(--f4-font-mono);font-size:var(--f4-fs-12);font-weight:600;color:var(--f4-accent-text)}.f4-balance-cur{font-size:var(--f4-fs-11);color:#a07a4a}.f4-balance>*+*{margin-left:8px}.f4-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2c2c33,#191920);border:1px solid var(--f4-border-strong);display:flex;align-items:center;justify-content:center;font-size:var(--f4-fs-13);font-weight:700;color:var(--f4-text);overflow:hidden}.f4-avatar img{width:100%;height:100%;object-fit:cover}.f4-header-divider{width:1px;height:26px;background:var(--f4-border-strong)}.f4-header-btns{display:flex}.f4-header-btns>*+*{margin-left:6px}.f4-iconbtn{width:30px;height:30px;border-radius:var(--f4-r-xs);padding:0;box-sizing:border-box;flex:none;background:var(--f4-bg-hover);border:1px solid var(--f4-border);display:flex;align-items:center;justify-content:center;color:var(--f4-text-3);cursor:pointer;transition:color var(--f4-t),background var(--f4-t),border-color var(--f4-t)}.f4-iconbtn:hover{color:var(--f4-text);background:var(--f4-bg-hover-2)}.f4-iconbtn.danger:hover{color:var(--f4-red);background:#ff5a5a1f;border-color:#ff5a5a4d}.f4-content{flex:1;overflow:hidden;min-height:0;position:relative;display:flex;flex-direction:column}.f4-card{background:var(--f4-card);border:1px solid var(--f4-border);border-radius:var(--f4-r-lg)}.f4-panel{background:var(--f4-panel);border:1px solid var(--f4-border-2);border-radius:var(--f4-r-xl);position:relative;overflow:hidden}.f4-panel-halo{position:absolute;top:-100px;right:-60px;width:320px;height:320px;background:radial-gradient(circle,var(--f4-accent-bg),transparent 70%);pointer-events:none}.f4-section-title{font-size:var(--f4-fs-14);font-weight:800;letter-spacing:.02em;color:var(--f4-text)}.f4-eyebrow{font-size:var(--f4-fs-11);font-weight:800;letter-spacing:.08em;color:var(--f4-text-dim);text-transform:uppercase}.f4-row{display:flex;align-items:center;padding:12px;border-radius:var(--f4-r-md);cursor:pointer;border:1px solid transparent;position:relative;background:transparent;transition:background var(--f4-t)}.f4-row:hover{background:var(--f4-bg-faint)}.f4-row.active{background:var(--f4-accent-bg);border-color:var(--f4-accent-border)}.f4-row.active:hover{background:var(--f4-accent-bg)}.f4-row-bar{position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--f4-accent)}.f4-row>:not(.f4-row-bar)+*{margin-left:12px}.f4-statbox{background:var(--f4-bg-faint);border:1px solid var(--f4-border);border-radius:var(--f4-r-lg);padding:16px}.f4-statbox-label{font-size:var(--f4-fs-10);font-weight:600;letter-spacing:.07em;color:var(--f4-text-faint)}.f4-statbox-val{font-size:var(--f4-fs-20);font-weight:800;font-family:var(--f4-font-mono);color:var(--f4-text-bright);margin-top:6px}.f4-chip{display:flex;align-items:center;padding:10px 16px;border-radius:var(--f4-r);cursor:pointer;font-size:var(--f4-fs-13);font-weight:600;background:var(--f4-bg-hover);border:1px solid var(--f4-border-2);color:var(--f4-text-3);transition:background var(--f4-t)}.f4-chip:hover{background:var(--f4-bg-hover-2)}.f4-chip.active{background:var(--f4-accent);border-color:transparent;color:var(--f4-accent-ink);font-weight:700}.f4-chip>*+*{margin-left:8px}.f4-chip-count{font-family:var(--f4-font-mono);font-size:var(--f4-fs-11);color:var(--f4-text-faint)}.f4-chip.active .f4-chip-count{color:var(--f4-accent-ink);opacity:.7}.f4-segmented{display:inline-flex;padding:4px;border-radius:var(--f4-r);background:var(--f4-bg-faint);border:1px solid var(--f4-border)}.f4-segmented>*+*{margin-left:4px}.f4-segmented-opt{padding:8px 16px;border-radius:var(--f4-r-sm);cursor:pointer;font-size:var(--f4-fs-12);font-weight:600;color:var(--f4-text-muted);border:none;background:transparent;font-family:inherit}.f4-segmented-opt.active{background:var(--f4-accent);color:var(--f4-accent-ink);font-weight:700}.f4-btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--f4-r-md);cursor:pointer;font-size:var(--f4-fs-14);font-weight:800;font-family:inherit;border:1px solid transparent;transition:filter var(--f4-t),background var(--f4-t),border-color var(--f4-t)}.f4-btn>*+*{margin-left:8px}.f4-btn-primary{background:var(--f4-accent-grad);color:var(--f4-accent-ink);box-shadow:var(--f4-shadow-accent)}.f4-btn-primary:hover{filter:brightness(1.06)}.f4-btn-soft{background:var(--f4-accent-bg);border-color:var(--f4-accent-border);color:var(--f4-accent);font-weight:700}.f4-btn-soft:hover{background:var(--f4-accent-bg-hover)}.f4-btn-ghost{background:var(--f4-bg-hover);border-color:var(--f4-border-strong);color:var(--f4-text-2);font-weight:700}.f4-btn-ghost:hover{background:var(--f4-bg-hover-2)}.f4-btn-danger{background:var(--f4-red-bg);border-color:var(--f4-red-border);color:var(--f4-red-2);font-weight:700}.f4-btn-danger:hover{background:#ff5a5a24}.f4-btn-success{background:var(--f4-green-bg);border-color:var(--f4-green-border);color:var(--f4-green);font-weight:700}.f4-btn-success:hover{background:#6ee7a02e}.f4-btn-sm{padding:8px 12px;font-size:var(--f4-fs-13);border-radius:var(--f4-r-sm)}.f4-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.f4-toggle{width:44px;height:25px;border-radius:var(--f4-r-md);position:relative;cursor:pointer;border:none;padding:0;background:var(--f4-bg-hover-2);transition:background var(--f4-t);flex:none}.f4-toggle.on{background:var(--f4-accent)}.f4-toggle-knob{position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#8a8a90;transition:left var(--f4-t),background var(--f4-t)}.f4-toggle.on .f4-toggle-knob{left:22px;background:var(--f4-accent-ink)}.f4-progress{height:10px;border-radius:var(--f4-r-2xs);background:var(--f4-bg-hover-2);overflow:hidden}.f4-progress-fill{height:100%;border-radius:var(--f4-r-2xs);background:var(--f4-accent-grad)}.f4-progress.thin{height:6px;border-radius:var(--f4-r-2xs)}.f4-progress.thin .f4-progress-fill{border-radius:var(--f4-r-2xs)}.f4-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:var(--f4-text-faint2);gap:12px;text-align:center}body:not(.admin-panel) .f4-input{background:var(--f4-card-3);border:1px solid var(--f4-border-2);border-radius:var(--f4-r-sm);color:var(--f4-text);padding:10px 12px;font-family:inherit;font-size:var(--f4-fs-14);outline:none;width:100%;box-sizing:border-box;transition:border-color var(--f4-t),box-shadow var(--f4-t)}body:not(.admin-panel) .f4-input:hover{border-color:var(--f4-border-strong)}body:not(.admin-panel) .f4-input:focus{border-color:var(--f4-accent-border-2);box-shadow:0 0 0 3px var(--f4-accent-bg)}body:not(.admin-panel) .f4-input::placeholder{color:var(--f4-text-faint)}body:not(.admin-panel) .f4-input[type=number]{-moz-appearance:textfield;appearance:textfield}body:not(.admin-panel) .f4-input[type=number]::-webkit-outer-spin-button,body:not(.admin-panel) .f4-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body:not(.admin-panel) .f4-input.open{border-color:var(--f4-accent-border-2)}body:not(.admin-panel) .f4-select-chip{max-width:180px;padding:4px 8px;border-radius:var(--f4-r-xs);border:1px solid var(--f4-border-strong);background:var(--f4-card-3);color:var(--f4-text);font-family:inherit;font-size:var(--f4-fs-11);font-weight:600;outline:none;box-sizing:border-box;transition:border-color var(--f4-t),background var(--f4-t)}body:not(.admin-panel) .f4-select-chip:not(:disabled):hover,body:not(.admin-panel) .f4-select-chip.open{border-color:var(--f4-accent-border-2)}body:not(.admin-panel) .f4-select-chip:disabled{opacity:.5;cursor:not-allowed}.f4-hovcard{transition:transform var(--f4-t),border-color var(--f4-t)}.f4-hovcard:hover{transform:translateY(-2px);border-color:var(--f4-accent-border-2)}.f4-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--f4-z-modal);padding:20px;box-sizing:border-box}.f4-modal-backdrop.nested{z-index:var(--f4-z-modal-2)}.f4-modal{background:var(--f4-card);border:1px solid var(--f4-border-2);border-radius:var(--f4-r-md);box-shadow:var(--f4-shadow-lg);overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;min-width:320px;max-width:100%}.f4-modal--sm{width:420px}.f4-modal--md{width:560px}.f4-modal--lg{width:760px}.f4-modal--full{width:100%;height:100%}.f4-modal-head{display:flex;align-items:center;flex:none;padding:16px 20px;border-bottom:1px solid var(--f4-border-2)}.f4-modal-title{flex:1;min-width:0;font-size:var(--f4-fs-16);font-weight:800;color:var(--f4-text-bright)}.f4-modal-x{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:12px;border-radius:var(--f4-r-xs);color:var(--f4-text-faint);cursor:pointer;transition:color var(--f4-t),background var(--f4-t)}.f4-modal-x:hover{color:var(--f4-text);background:var(--f4-bg-hover-2)}.f4-modal-body{padding:16px 20px;overflow-y:auto;min-height:0}.f4-modal-actions{display:flex;align-items:center;justify-content:flex-end;flex:none;padding:12px 20px;background:var(--f4-bg-faint);border-top:1px solid var(--f4-border)}.f4-modal-actions>*+*{margin-left:10px}@keyframes f4-spin{to{transform:rotate(360deg)}}.f4-spinner{flex:none;border-radius:50%;border:2px solid var(--f4-border-strong);border-top-color:var(--f4-accent);animation:f4-spin .8s linear infinite}.f4-empty.compact{padding:24px 20px}.f4-empty-title{font-size:var(--f4-fs-14);font-weight:700;color:var(--f4-text-2)}.f4-empty-title.error{color:var(--f4-red-2)}.f4-empty-desc{font-size:var(--f4-fs-12);color:var(--f4-text-faint);max-width:360px;line-height:1.45}.f4-search{display:flex;align-items:center;padding:8px 12px;border-radius:var(--f4-r);background:var(--f4-bg-faint);border:1px solid var(--f4-border-2);color:var(--f4-text-faint);box-sizing:border-box;transition:border-color var(--f4-t)}.f4-search:focus-within{border-color:var(--f4-accent-border-2)}.f4-search>*+*{margin-left:8px}.f4-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--f4-text);font-family:inherit;font-size:var(--f4-fs-13);padding:0}.f4-search input::placeholder{color:var(--f4-text-faint)}.f4-search-x{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--f4-text-faint);cursor:pointer;transition:color var(--f4-t),background var(--f4-t)}.f4-search-x:hover{color:var(--f4-text);background:var(--f4-bg-hover-2)}.f4-segmented--sm .f4-segmented-opt{padding:4px 10px;font-size:var(--f4-fs-12)}.f4-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--f4-card-3);border-radius:var(--f4-r-2xs);border:1px solid var(--f4-border-strong);outline:none;-webkit-tap-highlight-color:transparent}.f4-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--f4-accent);border:none;cursor:pointer;box-shadow:0 0 6px var(--f4-accent-glow)}.f4-itemicon{position:relative;flex:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:var(--f4-r-sm);background:var(--f4-slot);border:1px solid var(--f4-border);overflow:hidden}.f4-itemicon img{width:84%;height:84%;object-fit:contain;display:block}.f4-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.f4-section-head>*+*{margin-left:12px}.f4-toolbar{display:flex;align-items:center}.f4-toolbar>*+*{margin-left:10px}.f4-root{display:flex;flex-direction:column;height:100vh;min-height:100vh;width:100%;background:var(--f4-bg);overflow:hidden}.f4-content .tab-panel{display:none;flex:1;min-height:0;overflow:auto;flex-direction:column}.f4-content .tab-panel.active{display:flex}.f4-content .tab-panel.active>*{flex:1;min-height:0}.f4-content .professions-window,.f4-content .inventory-window,.f4-content .shop-window,.f4-content .credits-window,.f4-content .settings-window,.f4-content .npcshop-window{width:100%;height:100%;position:relative;top:auto;left:auto;box-sizing:border-box}.f4-hgap-4>*+*{margin-left:4px}.f4-hgap-6>*+*{margin-left:6px}.f4-hgap-8>*+*{margin-left:8px}.f4-hgap-10>*+*{margin-left:10px}.f4-hgap-12>*+*{margin-left:12px}.f4-hgap-16>*+*{margin-left:16px}.f4-hgap-20>*+*{margin-left:20px}.f4-hgap-24>*+*{margin-left:24px}.f4-wgap-6{row-gap:6px}.f4-wgap-6>*{margin-right:6px}.f4-wgap-8{row-gap:8px}.f4-wgap-8>*{margin-right:8px}.f4-wgap-10{row-gap:10px}.f4-wgap-10>*{margin-right:10px}.f4-wgap-12{row-gap:12px}.f4-wgap-12>*{margin-right:12px}.f4-wgap-16{row-gap:16px}.f4-wgap-16>*{margin-right:16px}.f4-vgap-2>*+*{margin-top:2px}.f4-vgap-4>*+*{margin-top:4px}.f4-vgap-6>*+*{margin-top:6px}.f4-vgap-8>*+*{margin-top:8px}.f4-vgap-10>*+*{margin-top:10px}.f4-vgap-12>*+*{margin-top:12px}.f4-vgap-16>*+*{margin-top:16px}.f4-vgap-20>*+*{margin-top:20px}body:not(.admin-panel) .btn:focus-visible{box-shadow:0 0 0 2px var(--f4-accent-glow)}body:not(.admin-panel) .btn>svg:not(:last-child){margin-right:4px}@font-face{font-family:Finlandica;src:url(/fonts/Finlandica.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest-cyrillic.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;src:url(/fonts/onest-cyrillic-ext.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest;src:url(/fonts/onest-latin-ext.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest;src:url(/fonts/onest-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(/fonts/jbmono-cyrillic.woff2) format("woff2");font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;src:url(/fonts/jbmono-latin-ext.woff2) format("woff2");font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;src:url(/fonts/jbmono-latin.woff2) format("woff2");font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Finlandica,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#111317;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}body:not(.admin-panel) a{color:var(--f4-accent-text)}html,body{margin:0;padding:0;width:100%;min-height:100vh;background:#111317;overflow:hidden;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body.admin-panel{--adm-bg-base: #0a0b10;--adm-bg-surface: #0e0f16;--adm-bg-card: #14151d;--adm-bg-card-2: #181a23;--adm-bg-elevated: #1b1d27;--adm-bg-input: #0b0c12;--adm-bg-hover: rgba(255, 255, 255, .04);--adm-bg-active: rgba(255, 255, 255, .06);--adm-bg-row: rgba(255, 255, 255, .018);--adm-border: rgba(255, 255, 255, .08);--adm-border-strong: rgba(255, 255, 255, .14);--adm-border-input: rgba(255, 255, 255, .12);--adm-border-focus: #ff8a1e;--adm-hairline: rgba(255, 255, 255, .05);--adm-accent: #ff8a1e;--adm-accent-hover: #ffa040;--adm-accent-soft: #ffb05a;--adm-accent-contrast: #1a1205;--adm-accent-bg: rgba(255, 138, 30, .12);--adm-accent-bg-hover: rgba(255, 138, 30, .2);--adm-accent-border: rgba(255, 138, 30, .34);--adm-accent-glow: rgba(255, 138, 30, .28);--adm-accent-grad: linear-gradient(135deg, #ffa84d 0%, #ff7a00 100%);--adm-text: #eceef4;--adm-text-muted: #9aa1b4;--adm-text-subtle: #5d6477;--adm-text-faint: #3c4252;--adm-success: #4ade80;--adm-success-bg: rgba(34, 197, 94, .12);--adm-success-border: rgba(34, 197, 94, .3);--adm-warn: #fbbf24;--adm-warn-bg: rgba(251, 191, 36, .12);--adm-warn-border: rgba(251, 191, 36, .3);--adm-info: #38bdf8;--adm-info-bg: rgba(56, 189, 248, .12);--adm-info-border: rgba(56, 189, 248, .3);--adm-danger: #f87171;--adm-danger-bg: rgba(239, 68, 68, .12);--adm-danger-border: rgba(239, 68, 68, .34);--adm-tier-owner: var(--adm-warn);--adm-tier-4: var(--adm-accent);--adm-tier-3: var(--adm-accent-soft);--adm-tier-2: var(--adm-text-muted);--adm-tier-1: var(--adm-text-subtle);--adm-radius-sm: 6px;--adm-radius: 10px;--adm-radius-lg: 14px;--adm-radius-xl: 18px;--adm-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--adm-shadow: 0 4px 16px rgba(0, 0, 0, .35);--adm-shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--adm-shadow-pop: 0 12px 32px rgba(0, 0, 0, .55);--adm-gap-1: 4px;--adm-gap-2: 8px;--adm-gap-3: 12px;--adm-gap-4: 16px;--adm-gap-5: 24px;--adm-gap-6: 32px;--adm-page-pad-y: 12px;--adm-page-pad-x: 16px;--adm-page-pad-b: 24px;--adm-page-gap: 12px;--adm-head-pad: 10px 16px;--adm-fs-xs: 11px;--adm-fs-sm: 12px;--adm-fs-md: 13px;--adm-fs-lg: 15px;--adm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--adm-font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;color:var(--adm-text);font-family:var(--adm-font)}body.admin-panel input:not([type]),body.admin-panel input[type=text],body.admin-panel input[type=number],body.admin-panel input[type=email],body.admin-panel input[type=password],body.admin-panel input[type=search],body.admin-panel input[type=url],body.admin-panel input[type=datetime-local],body.admin-panel select,body.admin-panel textarea{background:var(--adm-bg-input);border:1px solid var(--adm-border-input);border-radius:var(--adm-radius-sm);color:var(--adm-text);font-family:inherit;font-size:var(--adm-fs-md);line-height:18px;padding:5px 9px;transition:border-color .15s,box-shadow .15s,background .15s;box-sizing:border-box;width:100%}body.admin-panel input:not([type]):hover,body.admin-panel input[type=text]:hover,body.admin-panel input[type=number]:hover,body.admin-panel input[type=email]:hover,body.admin-panel input[type=password]:hover,body.admin-panel input[type=search]:hover,body.admin-panel input[type=url]:hover,body.admin-panel input[type=datetime-local]:hover,body.admin-panel select:hover,body.admin-panel textarea:hover{border-color:var(--adm-border-strong)}body.admin-panel input:not([type]):focus,body.admin-panel input[type=text]:focus,body.admin-panel input[type=number]:focus,body.admin-panel input[type=email]:focus,body.admin-panel input[type=password]:focus,body.admin-panel input[type=search]:focus,body.admin-panel input[type=url]:focus,body.admin-panel input[type=datetime-local]:focus,body.admin-panel select:focus,body.admin-panel textarea:focus{border-color:var(--adm-border-focus);box-shadow:0 0 0 2px var(--adm-accent-glow);outline:none}body.admin-panel input::placeholder,body.admin-panel textarea::placeholder{color:var(--adm-text-subtle)}body.admin-panel input[type=search]::-webkit-search-decoration,body.admin-panel input[type=search]::-webkit-search-cancel-button,body.admin-panel input[type=search]::-webkit-search-results-button,body.admin-panel input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}body.admin-panel select option{background:var(--adm-bg-card);color:var(--adm-text)}body.admin-panel input[type=checkbox]{width:auto;accent-color:var(--adm-accent)}body.admin-panel label{font-size:.82rem;color:var(--adm-text-muted);font-weight:500}body.admin-panel #app{max-width:none;text-align:left}body.admin-panel *{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}body:not(.admin-panel):not(.menu-f2) *{scrollbar-width:none!important}body:not(.admin-panel):not(.menu-f2) *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body:not(.admin-panel):not(.menu-f2) .storage-scroll{scrollbar-width:thin!important}body:not(.admin-panel):not(.menu-f2) .storage-scroll::-webkit-scrollbar{width:9px!important;height:9px!important;display:block!important}body:not(.admin-panel):not(.menu-f2) .storage-scroll::-webkit-scrollbar-track{background:transparent}body:not(.admin-panel):not(.menu-f2) .storage-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px;border:2px solid transparent;background-clip:padding-box}body:not(.admin-panel):not(.menu-f2) .storage-scroll::-webkit-scrollbar-thumb:hover{background:var(--f4-accent-glow);background-clip:padding-box}body.menu-f2 *::-webkit-scrollbar{width:9px;height:9px}body.menu-f2 *::-webkit-scrollbar-track{background:transparent}body.menu-f2 *::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px;border:2px solid transparent;background-clip:padding-box}body.menu-f2 *::-webkit-scrollbar-thumb:hover{background:var(--f4-accent-glow);background-clip:padding-box}body.menu-f2 *{scrollbar-width:thin}body{min-width:320px}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}#app{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0;text-align:center}body.menu-f2 #app{max-width:none;width:100%}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,[tabindex]:focus,[tabindex]:focus-visible{outline:none}body:not(.admin-panel),body:not(.admin-panel) *{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}body:not(.admin-panel) :focus,body:not(.admin-panel) :focus-visible,body:not(.admin-panel) :focus-within,body:not(.admin-panel) :active{outline:none!important;outline-color:transparent!important;-webkit-focus-ring-color:transparent!important}body.admin-panel .adm-table{width:100%;border-collapse:collapse;font-size:.875rem;color:var(--adm-text)}body.admin-panel .adm-table thead tr{background:var(--adm-bg-card-2);border-bottom:1px solid var(--adm-border)}body.admin-panel .adm-table th{padding:7px 12px;text-align:left;font-size:.7rem;font-weight:600;color:var(--adm-text-subtle);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}body.admin-panel .adm-table td{padding:7px 12px;border-bottom:1px solid var(--adm-hairline);vertical-align:middle}body.admin-panel .adm-table tbody tr:last-child td{border-bottom:none}body.admin-panel .adm-table tbody tr{transition:background .12s}body.admin-panel .adm-table tbody tr:hover td{background:var(--adm-bg-hover)}body.admin-panel .adm-table-wrap{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:var(--adm-radius);overflow:hidden;box-shadow:var(--adm-shadow-sm)}body.admin-panel .adm-table-scroll{overflow-x:auto}body.admin-panel .toast-container{gap:8px}body.admin-panel .toast{padding:10px 14px 10px 12px;border-radius:8px;font-size:.875rem;max-width:360px;min-width:200px}body.admin-panel .toast-dot{width:7px;height:7px;margin-right:10px}body.admin-panel .toast-close{font-size:.75rem;padding:0 0 0 4px;margin-left:10px}body.admin-panel ::-webkit-scrollbar{width:6px;height:6px}body.admin-panel ::-webkit-scrollbar-track{background:transparent}body.admin-panel ::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}body.admin-panel ::-webkit-scrollbar-thumb:hover{background:#ffffff38}