.btn-base{padding:var(--spacing-md) var(--spacing-lg);background:rgba(var(--color-primary-rgb),.2);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-none);cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-normal);text-shadow:var(--shadow-text);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-base:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.3);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-base:active:not(:disabled){transform:translateY(0)}.btn-base:disabled{opacity:.5;cursor:not-allowed}.tw-icon{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;line-height:1;vertical-align:middle;color:currentColor;flex-shrink:0}.tw-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;line-height:1}.card-base{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-none);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card-base:hover{border-color:var(--color-border-hover);background:#000000b3}.modal-base{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);animation:fadeIn var(--transition-slow) ease-out}.modal-content{position:relative;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-none);padding:0;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideIn var(--transition-slow) ease-out;font-family:var(--font-family);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.scrollbar-base::-webkit-scrollbar{width:8px}.scrollbar-base::-webkit-scrollbar-track{background:#0000004d;border-radius:var(--radius-none)}.scrollbar-base::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-none)}.scrollbar-base::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-rgb),.5)}.input-base{width:100%;padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-none);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-normal)}.input-base:focus{border-color:var(--color-border-hover)}.input-base:disabled{opacity:.5;cursor:not-allowed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.section-title{font-size:var(--font-size-lg);font-weight:400;color:var(--color-text-primary);margin:0;text-shadow:var(--shadow-text)}.section-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0;line-height:1.5}.empty-state{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl);font-style:italic}body{font-family:var(--tw-font-family);font-size:14px;line-height:1.55;color:var(--color-text-primary)}.tw-text-display{font-size:var(--tw-font-size-display);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding-left:20px;text-shadow:0 0 12px rgba(0,0,0,.9)}.tw-text-section-title{font-size:1.1rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tw-text-strong);opacity:.95;text-shadow:var(--tw-shadow-strong)}.tw-text-category{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tw-text-normal);opacity:.9;text-shadow:var(--tw-shadow-soft);margin-top:12px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:4px}.tw-text-body{font-size:var(--tw-font-size-body);font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--tw-text-normal);text-shadow:var(--tw-shadow-soft);line-height:1.55}.tw-text-stat-label{font-size:var(--tw-font-size-small);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);opacity:.85}.tw-text-stat-value{font-size:var(--tw-font-size-body);font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--tw-text-strong);text-shadow:var(--tw-shadow-strong);line-height:1.55}.tw-text-micro{font-size:var(--tw-font-size-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--tw-text-soft);opacity:.75;text-shadow:var(--tw-shadow-soft);line-height:1.55}.tw-text-button-primary{font-size:var(--tw-font-size-small);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-primary);text-shadow:0 0 6px rgba(0,0,0,.8)}.tw-text-tab{font-size:var(--tw-font-size-small);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary);opacity:.55}.tw-text-tab-active{font-weight:600;color:var(--color-accent-primary);text-shadow:0 0 8px rgba(var(--color-accent-primary-rgb),.8);opacity:1}.tw-text-item-name{font-size:var(--tw-font-size-body);font-weight:400;letter-spacing:.03em;text-transform:none;color:var(--tw-text-normal);text-shadow:var(--tw-shadow-soft);opacity:.95;line-height:1.55}.tw-text-rarity-common{color:#acb4bee0;font-size:.72rem;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.8)}.tw-text-rarity-uncommon{color:#5cd68c;text-shadow:0 0 6px rgba(92,214,140,.5)}.tw-text-rarity-rare{color:#3ba9ff;text-shadow:0 0 6px rgba(59,169,255,.5)}.tw-text-rarity-epic{color:#c376ff;text-shadow:0 0 6px rgba(195,118,255,.5)}.tw-text-rarity-legendary{color:#e8ac3d;text-shadow:0 0 8px rgba(232,172,61,.5)}.logo-text,.logo-text.tw-text-display{font-size:var(--tw-font-size-display);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.9)}.nav-text{font-size:var(--tw-font-size-small);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-primary);opacity:.85}.column-title,h3.section-title,.section-title{font-size:1.1rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tw-text-strong);opacity:.95;text-shadow:var(--tw-shadow-strong)}.column-count,.currency-label{font-size:var(--tw-font-size-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary);opacity:.8;text-shadow:0 0 3px rgba(0,0,0,.8)}.currency-value{font-size:var(--tw-font-size-micro);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-primary);text-shadow:0 0 6px rgba(0,0,0,.85)}.stat-label{font-size:var(--tw-font-size-small);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);opacity:.85}.stat-value{font-size:var(--tw-font-size-body);font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--tw-text-strong);text-shadow:var(--tw-shadow-strong);line-height:1.55}.graft-panel{display:flex;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:#5ef0c408;border-left:3px solid rgba(94,240,196,.3);border-right:3px solid rgba(94,240,196,.3);border-radius:var(--radius-sm, 2px);transition:all .2s ease}.item-name{font-size:var(--tw-font-size-body);font-weight:400;letter-spacing:.03em;text-transform:none;color:var(--tw-text-normal);text-shadow:var(--tw-shadow-soft);opacity:.95;line-height:1.55}.item-name.rarity-common{color:var(--color-rarity-common)}.item-name.rarity-uncommon{color:var(--color-rarity-uncommon);text-shadow:0 0 5px rgba(60,168,150,.55)}.item-name.rarity-rare{color:var(--color-rarity-rare);text-shadow:0 0 6px rgba(60,127,165,.6)}.item-name.rarity-epic{color:var(--color-rarity-epic);text-shadow:0 0 7px rgba(112,88,164,.7)}.item-name.rarity-legendary{color:var(--color-rarity-legendary);text-shadow:0 0 8px rgba(179,140,79,.8)}.item-rarity,.item-rarity-badge{font-size:var(--tw-font-size-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase}.item-rarity.rarity-common,.item-rarity-badge.rarity-common,.item-rarity.tw-text-rarity-common,.item-rarity-badge.tw-text-rarity-common{color:#acb4bee0;font-size:.72rem;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.8)}.item-rarity.rarity-uncommon,.item-rarity-badge.rarity-uncommon,.item-rarity.tw-text-rarity-uncommon,.item-rarity-badge.tw-text-rarity-uncommon{color:#5cd68c;text-shadow:0 0 6px rgba(92,214,140,.5)}.item-rarity.rarity-rare,.item-rarity-badge.rarity-rare,.item-rarity.tw-text-rarity-rare,.item-rarity-badge.tw-text-rarity-rare{color:#3ba9ff;text-shadow:0 0 6px rgba(59,169,255,.5)}.item-rarity.rarity-epic,.item-rarity-badge.rarity-epic,.item-rarity.tw-text-rarity-epic,.item-rarity-badge.tw-text-rarity-epic{color:#c376ff;text-shadow:0 0 6px rgba(195,118,255,.5)}.item-rarity.rarity-legendary,.item-rarity-badge.rarity-legendary,.item-rarity.tw-text-rarity-legendary,.item-rarity-badge.tw-text-rarity-legendary{color:#e8ac3d;text-shadow:0 0 8px rgba(232,172,61,.5)}.item-type-name{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tw-text-normal);opacity:.9;text-shadow:var(--tw-shadow-soft);margin-top:12px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:4px;line-height:1.55}.play-button-text,.btn-text{font-size:var(--tw-font-size-small);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-primary);text-shadow:0 0 6px rgba(0,0,0,.8);line-height:1.55}.job-queue-title{font-size:1.1rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tw-text-strong);opacity:.95;text-shadow:var(--tw-shadow-strong);line-height:1.55}.job-queue-empty,.portal-text,.portal-category{color:var(--tw-text-soft);text-shadow:var(--tw-shadow-soft);opacity:.9;font-size:.82rem;letter-spacing:.12em;line-height:1.55}.panel-bg{background:#05060873}.panel-bg-glass{background:#05060859;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-bg-vignette{background:radial-gradient(ellipse at center,rgba(94,240,196,.02) 0%,transparent 70%);position:relative}.panel-bg-vignette:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:0}.panel-border-right{border-right:1px solid var(--color-border-subtle, rgba(94, 240, 196, .15))}.panel-border-left{border-left:1px solid var(--color-border-subtle, rgba(94, 240, 196, .15))}.panel-flex-column{display:flex;flex-direction:column}.panel-full-size{width:100%;height:100%}.panel-overflow-auto{overflow-y:auto;overflow-x:hidden}.util-display-none{display:none!important}.util-display-block{display:block!important}.util-display-flex{display:flex!important}.util-display-inline{display:inline!important}.util-display-inline-block{display:inline-block!important}.util-display-grid{display:grid!important}.util-visible{visibility:visible!important;opacity:1!important}.util-hidden{visibility:hidden!important}.util-opacity-0{opacity:0!important}.util-opacity-1{opacity:1!important}.util-width-full{width:100%!important}.util-height-full{height:100%!important}.util-position-relative{position:relative!important}.util-position-absolute{position:absolute!important}.util-position-fixed{position:fixed!important}.combat-overlay-visible{display:flex!important;visibility:visible!important;opacity:1!important}.combat-overlay-hidden{display:none!important}.health-bar-fill{transition:width .3s ease}.health-bar-fill[style*=--health-width]{width:var(--health-width)}#gameCanvas{width:auto!important;height:auto!important;max-width:100%;max-height:100%}.damage-number-heal{color:#51cf66!important}.damage-number-critical{color:#ff6b6b!important}.damage-number-normal{color:#f44!important}.damage-number-positioned{position:absolute;transform:translate(-50%,-50%)}.damage-number-positioned[style*=--damage-left]{left:var(--damage-left)}.damage-number-positioned[style*=--damage-top]{top:var(--damage-top)}.dungeon-hud-hidden{display:none!important}.dungeon-hud-visible{display:block!important}.right-column-flex{display:flex!important}.right-column-hidden{display:none!important}.item-select,.item-type-select{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;cursor:pointer;margin-right:4px}.item-select-checkbox,.item-type-select-checkbox{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:2;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none}.item-select-visual{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border-secondary, rgba(106, 136, 136, .3));border-radius:var(--radius-sm, 3px);background:var(--color-bg-secondary, rgba(28, 29, 34, .8));transition:all var(--transition-fast, .16s ease);pointer-events:none;position:relative;z-index:1;overflow:hidden}.item-select:hover .item-select-visual,.item-type-select:hover .item-select-visual{border-color:var(--color-border-primary, rgba(106, 136, 136, .5));background:#ffffff14}.item-select-checkbox:focus-visible+.item-select-visual,.item-type-select-checkbox:focus-visible+.item-select-visual{box-shadow:0 0 0 2px rgba(var(--color-accent-primary-rgb, 42, 163, 154),.4);outline:none}.item-select-visual:after{content:"";position:absolute;left:4px;right:4px;top:calc(50% - 1px);height:2px;border-radius:1px;background:var(--color-bg-app, #0f1012);opacity:0;transition:opacity .12s ease-out}.item-select-visual svg{width:100%;height:100%;opacity:0;transform:scale(.9);transition:opacity .12s ease-out,transform .12s ease-out;color:var(--color-bg-app, #0f1012)}.item-select-checkbox:checked+.item-select-visual,.item-type-select-checkbox:checked+.item-select-visual{background:var(--color-accent-primary, #2aa39a);border-color:var(--color-accent-primary, #2aa39a)}.item-select-checkbox:checked+.item-select-visual svg,.item-type-select-checkbox:checked+.item-select-visual svg{opacity:1;transform:scale(1)}.item-select-checkbox:indeterminate+.item-select-visual,.item-type-select-checkbox:indeterminate+.item-select-visual{background:rgba(var(--color-accent-primary-rgb, 42, 163, 154),.25);border-color:var(--color-accent-primary, #2aa39a)}.item-select-checkbox:indeterminate+.item-select-visual:after,.item-type-select-checkbox:indeterminate+.item-select-visual:after{opacity:1}.item-select-checkbox:disabled+.item-select-visual,.item-type-select-checkbox:disabled+.item-select-visual{opacity:.35;cursor:not-allowed;border-color:var(--color-border-primary, rgba(106, 136, 136, .3));background:#ffffff0d}.pane{width:100%;display:flex;flex-direction:column;padding:0 var(--spacing-md, 16px);box-sizing:border-box}.pane-header{display:flex;align-items:center;gap:var(--spacing-sm, 8px);height:56px;min-height:56px;box-sizing:border-box}.pane-header-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.7;color:var(--color-text-secondary, rgba(225, 225, 225, .8));font-size:24px;line-height:1}.pane-header.active .pane-header-icon{opacity:1;color:var(--color-accent-primary, #5ef0c4)}.pane-header-title{flex:1;font-size:var(--font-size-header, 20px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary, rgba(225, 225, 225, .8));margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-header-meta{font-size:var(--font-size-small, 14px);color:var(--color-text-muted, rgba(225, 225, 225, .6));margin-left:auto;white-space:nowrap;flex-shrink:0}.pane-header-divider{height:1px;background:var(--color-border-faint, rgba(255, 255, 255, .05));margin:var(--spacing-sm, 8px) 0;border:none}.pane-subheader{font-size:var(--font-size-body, 16px);color:var(--color-text-muted, rgba(225, 225, 225, .6));margin:var(--spacing-sm, 8px) 0 var(--spacing-md, 16px) 0;line-height:var(--line-height-base, 1.5)}.pane-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);min-height:36px;margin-bottom:var(--spacing-md, 16px);flex-wrap:wrap}.pane-controls-left{display:flex;align-items:center;gap:var(--spacing-sm, 8px);flex-wrap:wrap}.pane-controls-right{display:flex;align-items:center;gap:var(--spacing-sm, 8px);flex-wrap:wrap;margin-left:auto}.pane-body{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);flex:1;min-height:0}.pane-section{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.pane-section-title{font-size:var(--font-size-small, 14px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, rgba(225, 225, 225, .6));margin:0 0 var(--spacing-sm, 8px) 0}.pane-key-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm, 8px);align-items:center}.pane-key-value-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm, 8px);align-items:center;min-height:28px}.pane-key{font-size:var(--font-size-small, 14px);color:var(--color-text-muted, rgba(225, 225, 225, .6));text-align:left}.pane-value{font-size:var(--font-size-body, 16px);color:var(--color-text-primary, #e5e5e5);text-align:right;font-variant-numeric:tabular-nums}.pane-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md, 16px)}.pane-card{background:var(--color-bg-panel, #131416);border:1px solid var(--color-border-subtle, rgba(94, 240, 196, .15));border-radius:var(--radius-md, 6px);padding:var(--spacing-md, 16px);box-shadow:var(--elevation-1, 0 0 6px rgba(0, 0, 0, .4));display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.pane-card-header{font-size:var(--font-size-small, 14px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, rgba(225, 225, 225, .6));margin:0}.pane-card-body{font-size:var(--font-size-body, 16px);color:var(--color-text-primary, #e5e5e5);flex:1}.pane-card-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-sm, 8px);padding-top:var(--spacing-sm, 8px);border-top:1px solid var(--color-border-faint, rgba(255, 255, 255, .05))}.pane-table{width:100%;border-collapse:collapse}.pane-table thead{border-bottom:1px solid var(--color-border-faint, rgba(255, 255, 255, .05))}.pane-table th{font-size:var(--font-size-small, 14px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, rgba(225, 225, 225, .6));text-align:left;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}.pane-table tbody tr{height:32px;border-bottom:1px solid var(--color-border-faint, rgba(255, 255, 255, .05))}.pane-table tbody tr:last-child{border-bottom:none}.pane-table td{font-size:var(--font-size-body, 16px);color:var(--color-text-primary, #e5e5e5);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);font-variant-numeric:tabular-nums}.pane-footer{border-top:1px solid var(--color-border-faint, rgba(255, 255, 255, .05));padding:var(--spacing-sm, 8px) 0;margin-top:var(--spacing-md, 16px);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm, 8px)}.pane-btn{height:32px;padding:0 var(--spacing-md, 16px);font-size:var(--font-size-small, 14px);font-weight:600;border-radius:var(--radius-md, 6px);border:1px solid;cursor:pointer;transition:all var(--anim-fast, .12s ease);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);font-family:var(--font-family, "JetBrains Mono", monospace)}.pane-btn:focus-visible{outline:1px solid var(--color-accent-primary, #5ef0c4);outline-offset:2px}.pane-btn-primary{background:var(--color-accent-primary, #5ef0c4);border-color:var(--color-accent-primary, #5ef0c4);color:var(--color-bg-app, #0f1012)}.pane-btn-primary:hover{filter:brightness(1.05)}.pane-btn-secondary{background:transparent;border-color:var(--color-border-subtle, rgba(94, 240, 196, .15));color:var(--color-text-primary, #e5e5e5)}.pane-btn-secondary:hover{filter:brightness(1.03);border-color:var(--color-accent-primary, #5ef0c4)}.pane-btn-danger{background:var(--color-status-err, #f76c6c);border-color:var(--color-status-err, #f76c6c);color:var(--color-bg-app, #0f1012)}.pane-btn-danger:hover{filter:brightness(1.05)}.pane-input{height:36px;padding:0 var(--spacing-md, 16px);font-size:var(--font-size-body, 16px);background:var(--color-bg-panel, #131416);border:1px solid var(--color-border-subtle, rgba(94, 240, 196, .15));border-radius:var(--radius-md, 6px);color:var(--color-text-primary, #e5e5e5);font-family:var(--font-family, "JetBrains Mono", monospace);transition:all var(--anim-fast, .12s ease)}.pane-input:focus{outline:none;border-color:var(--color-accent-primary, #5ef0c4);box-shadow:0 0 0 1px var(--color-accent-primary, #5ef0c4)}.pane-input:focus-visible{outline:1px solid var(--color-accent-primary, #5ef0c4);outline-offset:2px}.pane-empty,.pane-loading,.pane-error{text-align:center;padding:var(--spacing-xl, 32px);color:var(--color-text-muted, rgba(225, 225, 225, .6));font-size:var(--font-size-body, 16px)}@media (max-width: 640px){.pane{padding:0 var(--spacing-sm, 8px)}.pane-header-meta{max-width:100px;overflow:hidden;text-overflow:ellipsis}.pane-card-grid,.pane-key-value-grid,.pane-key-value-row{grid-template-columns:1fr}.pane-value{text-align:left}.pane-controls{flex-direction:column;align-items:stretch}.pane-controls-right{margin-left:0;justify-content:flex-end}}.pane-number,.pane-value,.pane-table td,.pane-header-meta{font-variant-numeric:tabular-nums}:root{--color-bg-app: #050608;--color-bg-panel: #0b0e12;--color-bg-highlight: #0e1116;--color-bg-primary: var(--color-bg-highlight);--color-bg-secondary: var(--color-bg-panel);--color-bg-tertiary: rgba(11, 14, 18, .85);--color-bg-overlay: rgba(5, 6, 8, .96);--color-text-primary: #fff;--color-text-secondary: #fff;--color-text-tertiary: rgba(231, 239, 250, .95);--color-text-muted: rgb(255, 255, 255);--color-text-inverse: #000000;--color-active-border:#e5e598;--color-accent-primary: #2aa39a;--color-accent-primary-rgb: 42, 163, 154;--color-accent-hover: #319e96;--color-accent-forge: #2c995e;--color-accent-forge-rgb: 44, 153, 94;--color-accent-disenchant: #a24c73;--color-accent-disenchant-rgb: 162, 76, 115;--color-accent-dungeon: #3c7fa5;--color-accent-dungeon-rgb: 60, 127, 165;--color-status-ok: #3ca896;--color-status-ok-rgb: 60, 168, 150;--color-status-warn: #c0a152;--color-status-warn-rgb: 192, 161, 82;--color-status-err: #b85e5e;--color-status-err-rgb: 184, 94, 94;--color-border-primary: #222;--color-border-secondary: rgba(42, 163, 154, .14);--color-border-subtle: rgba(150, 160, 170, .1);--color-border-faint: rgba(255, 255, 255, .035);--color-border-hover: rgba(42, 163, 154, .6);--color-border-focus: rgba(42, 163, 154, .8);--color-rarity-common: rgba(155, 160, 165, .9);--color-rarity-uncommon: #3ca896;--color-rarity-rare: #3c7fa5;--color-rarity-epic: #7058a4;--color-rarity-legendary: #b38c4f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 40px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--tw-font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-family: var(--tw-font-family);--font-family-display: var(--tw-font-family);--tw-font-size-display: 1.6rem;--tw-font-size-title: 1.2rem;--tw-font-size-sub: 1rem;--tw-font-size-body: .9rem;--tw-font-size-small: .8rem;--tw-font-size-micro: .7rem;--font-size-display: 18px;--font-size-header: 20px;--font-size-body: 16px;--font-size-sm: 14px;--font-size-small: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 22px;--font-size-xxxl: 24px;--font-size-xxxxl: 26px;--font-size-xxxxxl: 28px;--font-size-xxxxxxl: 30px;--font-size-xxxxxxxl: 32px;--line-height-base: 1.55;--tw-text-strong: rgba(255, 255, 255, .96);--tw-text-normal: rgba(255, 255, 255, .9);--tw-text-soft: rgba(220, 225, 230, .75);--tw-shadow-strong: 0 0 10px rgba(0, 0, 0, .9);--tw-shadow-soft: 0 0 4px rgba(0, 0, 0, .6);--elevation-0: none;--elevation-1: 0 2px 6px rgba(0, 0, 0, .55);--elevation-2: 0 4px 12px rgba(0, 0, 0, .6);--elevation-3: 0 8px 20px rgba(0, 0, 0, .65);--shadow-text: 0 0 6px rgba(42, 163, 154, .15);--transition-fast: .16s ease;--transition-normal: .24s ease;--transition-slow: .36s ease;--anim-fast: .16s ease;--anim-medium: .25s ease;--z-base: 1;--z-overlay: 1000;--z-modal: 3000;--z-tooltip: 10000;--max-width-game-view: 90vw;--body-offset-topnav: 50px}@media (max-height: 1100px){:root{--spacing-xl: 16px;--spacing-lg: 12px;--spacing-md: 8px;--spacing-sm: 4px;--spacing-xs: 2px;--max-width-game-view: 97vw;--body-offset-topnav: 25px}}.tw-panel-aaa{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#05060873;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 18px #0000008c,inset 0 1px 2px #ffffff0d,0 4px 12px #00000073}.tw-panel-aaa:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom,#050608d9,#05060800),linear-gradient(to top,#050608b3,#05060800),linear-gradient(to right,#050608b3,#05060800),linear-gradient(to left,#050608b3,#05060800)}.tw-panel-aaa:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom,#ffffff0f,#fff0)}.tw-panel-aaa>*{position:relative;z-index:1}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(106,136,136,.3) rgba(0,0,0,.3)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#0000004d;border-radius:0}*::-webkit-scrollbar-thumb{background:#6a88884d;border-radius:0;border:1px solid rgba(106,136,136,.1)}*::-webkit-scrollbar-thumb:hover{background:#6a888880;box-shadow:0 0 4px #6a88884d}*::-webkit-scrollbar-corner{background:#0000004d}body{background:var(--color-bg-app, #0f1012);margin:0;color:var(--color-text-primary, #e5e5e5);font-family:var( --tw-font-family, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace );font-size:14px;line-height:1.45;display:flex;flex-direction:column;height:100vh;overflow:hidden;box-sizing:border-box;max-width:100vw}.main-content{flex:1;display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,2.2fr) minmax(0,.5fr);grid-template-rows:1fr;gap:var(--spacing-lg, 24px);padding:var(--spacing-md, 16px);min-height:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;z-index:3;max-width:2400px;margin:0 auto}.left-column{grid-column:1;grid-row:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0;max-width:100%;padding:var(--spacing-md, 16px);position:relative;box-sizing:border-box}.right-column{grid-column:3;grid-row:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0;max-width:100%;padding:var(--spacing-md, 16px);position:relative;box-sizing:border-box}.right-column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--color-border-faint, rgba(255, 255, 255, .05));pointer-events:none}.middle-column{grid-column:2;grid-row:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;max-width:100%;box-sizing:border-box}.game-view-container{height:100%;width:100%;position:relative;box-sizing:border-box;overflow:hidden;z-index:3;justify-content:center;margin-top:20px}.job-queue-ui{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.narrative-logger{width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex:3;min-height:0;overflow-x:hidden}@media (max-width: 1279px){.main-content{grid-template-columns:minmax(0,1.12fr) minmax(0,2.08fr) minmax(0,.8fr);gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px);max-width:100%}}@media (max-width: 959px){.main-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px);max-width:100vw}.left-column{grid-column:1;grid-row:1;max-height:200px;overflow-y:auto;max-width:100%}.middle-column{grid-column:1;grid-row:2;max-width:100%}.right-column{grid-column:1;grid-row:3;max-height:150px;overflow-y:auto;flex-direction:row;gap:var(--spacing-sm, 8px);max-width:100%}}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;background-image:url(https://time-woven.b-cdn.net/bg1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.app-vignette-overlay{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-base);background:radial-gradient(ellipse at center,#05060800,#05060866 12%,#050608bf 54%,#050608d9)}main{display:flex;flex-direction:column;height:100%;overflow:hidden;width:var(--max-width-game-view);margin:0 auto}.bottom-section{position:fixed;bottom:0;left:0;right:0;height:200px;min-height:24px;max-height:calc(100vh - 100px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #00000080;z-index:1000;display:flex;flex-direction:column;transition:height .2s ease;overflow:hidden}.bottom-section.dragging{transition:none!important}.bottom-section.collapsed .global-action-menu{display:none}.top-section{width:100%;height:calc(100vh - 32px);padding-bottom:200px;transition:padding-bottom .2s ease;display:flex;justify-content:center}.global-action-menu-handle{min-height:40px;background:#000;border-bottom:1px solid rgba(255,255,255,.1);cursor:ns-resize;display:flex;flex-direction:column;flex-shrink:0;-webkit-user-select:none;user-select:none;position:relative;z-index:1001;pointer-events:auto}.global-action-menu-handle .enter-chamber-button-container{pointer-events:auto;cursor:default}.global-action-menu-handle .enter-chamber-button-container *{pointer-events:auto;cursor:pointer}.global-action-menu-handle .enter-chamber-button-container button{cursor:pointer}.global-action-menu-handle .enter-chamber-button-container button:disabled{cursor:not-allowed}.global-action-menu-handle-drag-area{height:66px;display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0}.global-action-menu-handle-toggle{width:32px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;background:#6a88881a;border:1px solid rgba(106,136,136,.3);transition:all .2s ease;flex-shrink:0;pointer-events:auto;position:relative;z-index:1002}.global-action-menu-handle-toggle:hover{background:#6a888833;border-color:#6a888880}.global-action-menu-handle-toggle-icon{width:16px;height:16px;transition:transform .2s ease;fill:#6a8888cc}.global-action-menu-handle.collapsed .global-action-menu-handle-toggle-icon{transform:rotate(180deg)}.global-action-menu-handle:hover{background:#00000080}.global-action-menu-handle-drag-area:before{content:"";width:40px;height:4px;background:#6a888880;border-radius:2px;transition:background .2s ease;pointer-events:none;flex-shrink:0}.global-action-menu-handle:hover .global-action-menu-handle-drag-area:before{background:#6a8888cc}.global-action-menu-handle.dragging{background:#6a888833}.global-action-menu-handle.dragging .global-action-menu-handle-drag-area:before{background:#6a8888}.global-action-menu{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);flex:1;min-height:0;box-sizing:border-box;overflow:hidden;background:transparent}.global-action-menu-left{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);min-width:0;overflow:hidden}.global-action-menu-left .narrative-logger{flex:1;min-height:0;overflow-y:auto}.global-action-menu-right{display:flex;flex-direction:column;min-width:0;overflow:hidden}.global-action-menu-right .job-queue-ui{flex:1;min-height:0}.enter-floor-container{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px);flex-shrink:0}.enter-floor-label{font-size:13px;font-weight:500;color:var(--color-text-secondary, #8ca);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.enter-floor-input{width:70px;padding:6px 10px;background:#0000004d;border:1px solid var(--color-border-primary, rgba(106, 136, 136, .5));border-radius:2px;color:var(--color-text-primary, #e5e5e5);font-family:var(--tw-font-family, "JetBrains Mono", monospace);font-size:13px;font-weight:300;text-align:center}.enter-floor-input:focus{outline:none;border-color:var(--color-accent-primary, rgba(106, 136, 136, .8))}.enter-floor-btn{padding:6px 16px;background:rgba(var(--color-accent-dungeon-rgb, 88, 166, 255),.1);color:var(--color-accent-dungeon, #58a6ff);border:1px solid rgba(var(--color-accent-dungeon-rgb, 88, 166, 255),.4);border-radius:2px;cursor:pointer;font-weight:600;font-size:13px;font-family:var(--tw-font-family, "JetBrains Mono", monospace);transition:all var(--transition-normal, .2s);letter-spacing:.3px;white-space:nowrap}.enter-floor-btn:hover{background:rgba(var(--color-accent-dungeon-rgb, 88, 166, 255),.15);border-color:rgba(var(--color-accent-dungeon-rgb, 88, 166, 255),.6)}.enter-floor-btn:active{background:rgba(var(--color-accent-dungeon-rgb, 88, 166, 255),.2)}.router-transitioning{overflow:hidden}:root{--router-animation-duration: .3s}.router-animation-fade.router-exiting{animation:routerFadeOut var(--router-animation-duration) ease-out forwards}.router-animation-fade.router-entering{animation:routerFadeIn var(--router-animation-duration) ease-in forwards}@keyframes routerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes routerFadeIn{0%{opacity:0}to{opacity:1}}.router-animation-slide-left.router-exiting{animation:routerSlideOutLeft var(--router-animation-duration) ease-out forwards}.router-animation-slide-left.router-entering{animation:routerSlideInLeft var(--router-animation-duration) ease-in forwards}@keyframes routerSlideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes routerSlideInLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.router-animation-slide-right.router-exiting{animation:routerSlideOutRight var(--router-animation-duration) ease-out forwards}.router-animation-slide-right.router-entering{animation:routerSlideInRight var(--router-animation-duration) ease-in forwards}@keyframes routerSlideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes routerSlideInRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.router-animation-slide-up.router-exiting{animation:routerSlideOutUp var(--router-animation-duration) ease-out forwards}.router-animation-slide-up.router-entering{animation:routerSlideInUp var(--router-animation-duration) ease-in forwards}@keyframes routerSlideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes routerSlideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.router-animation-slide-down.router-exiting{animation:routerSlideOutDown var(--router-animation-duration) ease-out forwards}.router-animation-slide-down.router-entering{animation:routerSlideInDown var(--router-animation-duration) ease-in forwards}@keyframes routerSlideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes routerSlideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.router-animation-scale.router-exiting{animation:routerScaleOut var(--router-animation-duration) ease-out forwards}.router-animation-scale.router-entering{animation:routerScaleIn var(--router-animation-duration) ease-in forwards}@keyframes routerScaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes routerScaleIn{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.router-exiting,.router-entering{will-change:transform,opacity;pointer-events:none}.lobby-view,#gameCanvas,.combat-overlay{position:relative}.router-transitioning .router-exiting,.router-transitioning .router-entering{display:block!important;visibility:visible!important}.router-entering{opacity:0}
