#lobby{display:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#0d1520,#050508 70%);color:#e8e6d8;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-y:auto;z-index:1000}.lobby-container{max-width:580px;margin:0 auto;padding:0 24px 60px;display:flex;flex-direction:column;gap:16px}.lobby-header{text-align:center;padding:48px 0 24px}.lobby-title{font-family:Pirata One,Georgia,serif;font-size:60px;font-weight:400;line-height:1;letter-spacing:1px;color:#c8a96e;text-shadow:0 0 60px rgba(200,169,110,.35),0 2px 4px rgba(0,0,0,.8);margin-bottom:8px}.lobby-subtitle{color:#5a5850;font-size:13px;letter-spacing:3px;text-transform:uppercase}.lobby-card{background:#0f0f16;border:1px solid #22223a;border-radius:10px;padding:20px 24px}.lobby-card+.lobby-card{margin-top:0}.name-row{display:flex;gap:12px;align-items:center}.name-label{color:#5a5850;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.name-input{flex:1;background:#07070d;border:1px solid #22223a;border-radius:7px;padding:10px 14px;color:#e8e6d8;font-size:15px;outline:none;transition:border-color .15s;min-width:0}.name-input:focus{border-color:#c8a96e}.btn-primary{width:100%;background:linear-gradient(180deg,#d4b87e,#b8943a);color:#0a0806;border:none;border-radius:8px;padding:16px 24px;font-size:15px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:filter .15s,transform .1s;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 2px 12px #c8a96e33}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);filter:brightness(.95)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-sub{font-size:11px;font-weight:400;opacity:.65;letter-spacing:1px;text-transform:none}.btn-secondary{background:transparent;color:#c8a96e;border:1px solid #c8a96e55;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-secondary:hover{background:#c8a96e14;border-color:#c8a96e}.btn-ghost{background:transparent;border:1px solid #22223a;border-radius:7px;color:#7a7870;padding:9px 16px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.btn-ghost:hover{color:#e8e6d8;border-color:#44445a}.btn-danger{background:transparent;color:#e05555;border:1px solid #e0555533;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#e0555514}.divider{text-align:center;color:#2a2a3a;font-size:12px;letter-spacing:2px;margin:14px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:#1e1e2e}.divider:before{left:0}.divider:after{right:0}.join-row{display:flex;gap:8px}.join-input{flex:1;background:#07070d;border:1px solid #22223a;border-radius:7px;padding:10px 14px;color:#e8e6d8;font-size:13px;outline:none;transition:border-color .15s;min-width:0}.join-input:focus{border-color:#c8a96e}.join-input.error{border-color:#e05555}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#5a5850;font-weight:600}.refresh-btn{background:transparent;border:1px solid #22223a;color:#5a5850;border-radius:5px;width:26px;height:26px;font-size:14px;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;padding:0}.refresh-btn:hover{color:#c8a96e;border-color:#c8a96e55}.refresh-btn.spinning{animation:spin .6s linear}@keyframes spin{to{transform:rotate(360deg)}}.rooms-list{display:flex;flex-direction:column;gap:8px;min-height:72px}.room-item{background:#07070d;border:1px solid #1e1e2e;border-radius:7px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s}.room-item:hover{border-color:#2e2e4a}.room-item-info{flex:1}.room-item-name{font-size:14px;color:#e8e6d8;margin-bottom:3px}.room-item-status{font-size:12px;color:#5a5850}.room-item-right{display:flex;align-items:center;gap:12px}.dots-row{display:flex;gap:3px;align-items:center}.dot{width:9px;height:9px;border-radius:50%}.dot-filled{background:#55c878}.dot-empty{background:#1e1e2e}.badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5a5850;padding:3px 8px;border:1px solid #22223a;border-radius:4px}.status-text{color:#7a7870;font-size:13px;text-align:center;padding:20px 0}.party-nav{display:flex;align-items:center;gap:16px;padding:24px 0 8px;justify-content:space-between}.party-back{background:transparent;border:none;color:#5a5850;font-size:13px;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;transition:color .15s}.party-back:hover{color:#e8e6d8}.party-title{color:#c8a96e;font-size:18px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.invite-row{display:flex;gap:8px;align-items:center}.invite-link-input{flex:1;background:#07070d;border:1px solid #1e1e2e;border-radius:7px;padding:9px 12px;color:#5a5850;font-size:12px;outline:none;font-family:SF Mono,Fira Code,monospace;min-width:0}.copy-btn{background:transparent;border:1px solid #22223a;color:#c8a96e;border-radius:7px;padding:9px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;letter-spacing:.5px}.copy-btn:hover{background:#c8a96e14}.copy-btn.copied{color:#55c878;border-color:#55c87833}.invite-btn{background:transparent;border:1px solid #22223a;color:#c8a96e;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:background .15s,border-color .15s;white-space:nowrap}.invite-btn:hover{background:#c8a96e14;border-color:#c8a96e55}.invite-btn.copied{color:#55c878;border-color:#55c87833}.member-list{display:flex;flex-direction:column;gap:8px}.member-item{background:#07070d;border:1px solid #1e1e2e;border-radius:7px;padding:11px 16px;display:flex;align-items:center;gap:12px;transition:border-color .15s}.member-item.is-you{border-color:#2a2a4a}.member-avatar{width:34px;height:34px;border-radius:50%;background:#1a1a2a;border:1px solid #2a2a3a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#c8a96e;flex-shrink:0}.member-name{flex:1;font-size:15px;color:#e8e6d8}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;font-weight:600}.tag-leader{color:#c8a96e;border:1px solid #c8a96e44}.tag-you{color:#5a5850;border:1px solid #2a2a3a}.dungeon-info-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#07070d;border:1px solid #1e1e2e;border-radius:7px;margin-bottom:14px}.dungeon-icon{font-size:28px}.dungeon-name{font-size:15px;color:#e8e6d8;font-weight:600;margin-bottom:3px}.dungeon-desc{font-size:12px;color:#5a5850}.enter-btn{width:100%;background:linear-gradient(180deg,#d4b87e,#b8943a);color:#0a0806;border:none;border-radius:8px;padding:18px;font-size:16px;font-weight:800;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 16px #c8a96e26}.enter-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #c8a96e4d}.enter-btn:active:not(:disabled){transform:translateY(0)}.enter-btn:disabled{opacity:.35;cursor:not-allowed}.enter-btn.starting{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.waiting-hint{text-align:center;color:#5a5850;font-size:12px;margin-top:10px;letter-spacing:.5px}.currency-badge{font-size:12px;font-weight:700;color:#c8a96e;letter-spacing:.5px}.stash-list{display:flex;flex-direction:column;gap:6px;min-height:48px}.stash-item{background:#07070d;border:1px solid #1e1e2e;border-radius:6px;padding:9px 14px;font-size:14px;color:#e8e6d8}.item-slot{font-size:12px;color:#5a5850;font-style:italic}.map-row,.difficulty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-label{font-size:12px;color:#5a5850;text-transform:uppercase;letter-spacing:1px;font-weight:600}.difficulty-options{display:flex;gap:6px}.diff-btn{background:transparent;border:1px solid #22223a;color:#5a5850;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;letter-spacing:.5px}.diff-btn:hover{color:#c8a96e;border-color:#c8a96e44}.diff-btn.active{background:#c8a96e26;border-color:#c8a96e;color:#c8a96e}.pool-ability-btn{background:#07070d;border:1px solid #22223a;border-radius:6px;padding:10px 12px;color:#e8e6d8;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s;letter-spacing:.5px;position:relative;display:block;text-align:left;width:100%}.pool-ability-btn:hover{background:#c8a96e14;border-color:#c8a96e44}.pool-ability-btn.in-slot{border-color:#c8a96e55;background:#c8a96e0f}.pool-ability-btn.in-slot:hover{background:#c8a96e1f;border-color:#c8a96e99}.pool-ability-name{display:block;font-size:13px;color:#e8e6d8;font-weight:600;margin-bottom:4px}.pool-ability-meta{display:flex;gap:6px;align-items:center}.pool-ability-dmg{font-size:11px;color:#7a7870}.pool-ability-tag{font-size:10px;color:#c8a96e;background:#c8a96e1a;border:1px solid #c8a96e33;border-radius:3px;padding:1px 5px;letter-spacing:.5px;text-transform:uppercase}.pool-ability-cd{font-size:11px;color:#5a5850;margin-left:auto}.slot-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:#c8a96e;color:#07070d;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.ability-pool{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.selection-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.selection-slot{background:#07070d;border:1px solid #22223a;border-radius:7px;padding:10px 8px 8px;cursor:pointer;position:relative;min-height:64px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,box-shadow .15s}.selection-slot:hover{border-color:#44445a}.selection-slot.active{border-color:#c8a96e;box-shadow:0 0 0 1px #c8a96e44,0 0 10px #c8a96e33}.slot-number{font-size:10px;color:#5a5850;font-weight:600;letter-spacing:1px}.selection-slot.active .slot-number{color:#c8a96e}.selection-slot.empty .slot-content{color:#2a2a4a;font-size:11px;font-style:italic;text-align:center;padding-top:8px}.slot-ability-name{display:block;font-size:12px;color:#e8e6d8;font-weight:600;line-height:1.3}.slot-ability-cd{display:block;font-size:11px;color:#5a5850;margin-top:2px}.slot-remove-btn{position:absolute;top:5px;right:5px;width:16px;height:16px;background:transparent;border:none;color:#5a5850;font-size:10px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;transition:color .1s,background .1s}.slot-remove-btn:hover{color:#e05555;background:#e055551a}.selection-status{font-size:12px;color:#5a5850;letter-spacing:.5px;transition:color .3s}.selection-status.saved{color:#55c878}.loadout-count{font-size:12px;color:#5a5850;letter-spacing:.5px}.loadout-count.complete{color:#55c878}.tag-ready{color:#55c878;border:1px solid #55c87844}.ready-btn{width:100%;background:transparent;border:1px solid #44445a;color:#7a7870;border-radius:8px;padding:14px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s;margin-bottom:10px}.ready-btn:hover{border-color:#55c878;color:#55c878}.ready-btn.ready-active{background:#55c8781a;border-color:#55c878;color:#55c878}.difficulty-readonly{font-size:13px;font-weight:600;color:#c8a96e;letter-spacing:.5px}.preset-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.equipment-section{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.equipment-section:last-child{margin-bottom:0}.equipment-section-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#3a3a50;font-weight:600;margin-bottom:4px}.equip-slot{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:#07070d;border:1px solid #1a1a2a;border-left:3px solid transparent;font-size:13px;transition:border-color .15s}.equip-slot.equipped{border-left-color:#c8a96e55}.equip-slot-label{color:#3a3a50;font-size:11px;text-transform:uppercase;letter-spacing:1px;width:72px;flex-shrink:0}.equip-slot-item{color:#c8a96e;font-weight:600;flex:1}.equip-slot-stats{color:#5a5850;font-size:11px;flex-shrink:0}.equip-slot-empty{color:#2a2a3a;font-style:italic;font-size:13px;flex:1}.unequip-btn{background:transparent;border:none;color:#3a3a50;font-size:16px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0;transition:color .15s}.unequip-btn:hover{color:#e05555}.available-list{display:flex;flex-direction:column;gap:6px}.available-item{background:#07070d;border:1px solid #1a1a2a;border-radius:6px;padding:9px 14px;cursor:pointer;transition:border-color .15s}.available-item:hover{border-color:#c8a96e55}.available-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.available-item-stats{color:#5a5850;font-size:11px;margin-top:3px}.role-tank{color:#5b8def;border:1px solid #5b8def55}.role-healer{color:#5fd68a;border:1px solid #5fd68a55}.role-dps{color:#e8664a;border:1px solid #e8664a55}.tag-tree{border:1px solid transparent}.pool-ability-desc{display:block;margin-top:5px;font-size:10.5px;color:#6a6860;line-height:1.3}.char-row{display:flex;gap:14px;align-items:center}.char-swatch{width:52px;height:52px;border-radius:12px;flex-shrink:0;background:radial-gradient(circle at 35% 30%,var(--tree-accent, #c8a96e) 0%,var(--tree-color, #3d6fb5) 60%,#050508 130%);box-shadow:0 0 18px color-mix(in srgb,var(--tree-accent, #c8a96e) 40%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#0a0806}.char-info{flex:1;min-width:0}.char-title{font-size:16px;font-weight:700;color:#e8e6d8}.char-sub{font-size:12px;color:#7a7870;margin-top:2px}.xp-bar{margin-top:8px;height:10px;border-radius:5px;background:#07070d;border:1px solid #22223a;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#6a3cff,#b48cff);transition:width .6s ease}.xp-text{font-size:11px;color:#7a7870;margin-top:4px}.char-actions{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.talents-btn{background:linear-gradient(180deg,#d4b87e,#b8943a);color:#0a0806;border:none;border-radius:8px;padding:10px 18px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;cursor:pointer}.talents-btn:hover{filter:brightness(1.1)}.talents-btn.has-points{animation:talent-pulse 1.4s ease-in-out infinite}.points-badge{font-size:12px;color:#ffd24d}.build-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.build-chip{font-size:11px;padding:3px 8px;border-radius:5px;background:#07070d;border:1px solid #22223a;color:#c8c6b8}.build-chip .key{color:#c8a96e;margin-right:5px;font-weight:700}#character-card .name-row{margin-bottom:14px}.stat-block{margin-top:16px;padding-top:12px;border-top:1px solid #1a1a2c}.stat-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.stat-head-note{font-size:11px;color:#5a5850}.stat-row{display:grid;grid-template-columns:76px 34px 1fr auto;gap:10px;align-items:center;padding:5px 0;font-size:13px}.stat-name{color:#c8c6b8}.stat-total{color:#e8e6d8;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.stat-effect{font-size:11px;color:#6a6860;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-alloc{display:flex;align-items:center;gap:6px}.stat-spent{min-width:18px;text-align:center;color:#c8a96e;font-weight:700;font-variant-numeric:tabular-nums}.stat-btn{width:26px;height:26px;border-radius:6px;border:1px solid #2e2e48;background:#0d0d18;color:#e8e6d8;font-size:15px;line-height:1;cursor:pointer}.stat-btn:hover:not(:disabled){border-color:#c8a96e;color:#ffd24d}.stat-btn:disabled{opacity:.3;cursor:default}.ladder{display:flex;flex-direction:column;gap:6px;margin:10px 0 14px}.ladder-step{display:flex;gap:12px;align-items:center;text-align:left;width:100%;background:#07070d;border:1px solid #22223a;border-radius:8px;padding:10px 12px;color:#e8e6d8;cursor:pointer;transition:border-color .15s,background .15s}.ladder-step:disabled{cursor:default}.ladder-step:hover:not(:disabled){border-color:#c8a96e55}.ladder-step.active{border-color:#c8a96e;background:#c8a96e12;box-shadow:0 0 0 1px #c8a96e33}.ladder-index{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#0a0806;background:var(--tier-color, #c8a96e)}.ladder-main{flex:1;min-width:0}.ladder-name{font-size:14px;font-weight:600}.ladder-boss{font-size:11px;color:#9a8f7a;margin-top:2px}.ladder-mech{font-size:11px;color:#5a5850;margin-top:1px}.ladder-req{text-align:right;font-size:11px;color:#7a7870;white-space:nowrap}.ladder-req .under{color:#e8a04a}.ladder-warning{font-size:12px;color:#e8a04a;margin-bottom:10px}.talent-screen{position:fixed;inset:0;z-index:1100;overflow:auto;background:radial-gradient(ellipse at 50% 0%,#161226,#050508 75%);padding:18px 24px 40px;opacity:0;transform:scale(.985);transition:opacity .2s,transform .2s}.talent-screen.open{opacity:1;transform:none}.talent-topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:1240px;margin:0 auto}.talent-title{font-size:24px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:#c8a96e}.talent-summary{flex:1;color:#9a988a;font-size:14px}.talent-summary .points-left{color:#ffd24d;font-weight:700}.talent-actions{display:flex;gap:8px}.talent-btn{background:transparent;color:#c8a96e;border:1px solid #c8a96e55;border-radius:7px;padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer}.talent-btn:hover{background:#c8a96e14}.talent-btn.primary{background:linear-gradient(180deg,#d4b87e,#b8943a);color:#0a0806;border:none}.talent-help{max-width:1240px;margin:6px auto 14px;font-size:12px;color:#5a5850}.talent-tabs{display:flex;flex-wrap:wrap;gap:8px;max-width:1240px;margin:0 auto 14px}.talent-tab{flex:1 1 150px;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;font:inherit;cursor:pointer;padding:8px 12px;border-radius:10px;color:#8a887a;background:#0b0b12;border:1px solid #22223a;border-bottom:3px solid color-mix(in srgb,var(--tree-color) 70%,#22223a);transition:background .15s,border-color .15s,color .15s}.talent-tab:hover{background:color-mix(in srgb,var(--tree-color) 14%,#0b0b12)}.talent-tab-name{font-size:15px;font-weight:800;letter-spacing:.5px;color:color-mix(in srgb,var(--tree-accent) 70%,#6a6858)}.talent-tab-role{grid-row:2;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#5a5850}.talent-tab-points{grid-row:1 / span 2;grid-column:2;font-size:22px;font-weight:800;color:#3a3a4a;font-variant-numeric:tabular-nums}.talent-tab.spent .talent-tab-points{color:#e8e6d8}.talent-tab.active{background:linear-gradient(180deg,color-mix(in srgb,var(--tree-color) 32%,#0b0b12),#0b0b12);border-color:color-mix(in srgb,var(--tree-accent) 55%,transparent);border-bottom-color:var(--tree-accent);box-shadow:0 0 18px color-mix(in srgb,var(--tree-accent) 16%,transparent)}.talent-tab.active .talent-tab-name{color:var(--tree-accent)}.talent-tab.active .talent-tab-role{color:#8a887a}.talent-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;max-width:1240px;margin:0 auto}.talent-body>.talent-tree{flex:999 1 560px;min-width:0;max-width:760px}.talent-side{flex:1 1 320px;min-width:0}.talent-side:empty{display:none}.talent-tree{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--tree-color) 22%,#0b0b12),#0b0b12 45%);border:1px solid #22223a;border-radius:12px;padding:14px 12px 18px;transition:border-color .3s,box-shadow .3s}.talent-tree.dominant{border-color:color-mix(in srgb,var(--tree-accent) 60%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--tree-accent) 18%,transparent)}.talent-tree-head{display:flex;align-items:center;gap:8px}.talent-tree-name{font-size:17px;font-weight:800;letter-spacing:1px;color:var(--tree-accent)}.talent-tree-role{font-size:10px;padding:2px 6px;border-radius:4px}.talent-tree-points{margin-left:auto;font-size:18px;font-weight:800;color:#e8e6d8;min-width:24px;text-align:right}.talent-tree-theme{font-size:11px;color:#6a6858;margin:2px 0 10px}.talent-trunk{position:absolute;left:50%;top:74px;bottom:34px;width:3px;transform:translate(-50%);background:linear-gradient(180deg,color-mix(in srgb,var(--tree-accent) 50%,transparent),#22223a);border-radius:2px;opacity:.5}.talent-tier{position:relative;padding-top:22px}.talent-tier:first-of-type{padding-top:4px}.talent-branch{position:absolute;left:12%;right:12%;top:54px;height:2px;background:#22223a;border-radius:1px;transition:background .4s,box-shadow .4s}.talent-branch.lit{background:var(--tree-accent);box-shadow:0 0 8px var(--tree-accent)}.talent-tier[data-tier="0"] .talent-branch{background:color-mix(in srgb,var(--tree-accent) 45%,#22223a)}.talent-gate{position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#6a6858;background:#0b0b12;padding:1px 8px;border-radius:8px;border:1px solid #22223a;white-space:nowrap;z-index:1}.talent-gate.open{color:var(--tree-accent);border-color:color-mix(in srgb,var(--tree-accent) 45%,transparent)}.talent-row{position:relative;display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:4px}.talent-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:78px}.talent-node{position:relative;width:44px;height:44px;cursor:pointer;border:2px solid #33334a;background:#101018;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,filter .2s,transform .12s}.talent-node.active{border-radius:50%}.talent-node.passive{border-radius:12px}.talent-node:hover{transform:translateY(-2px)}.talent-icon{font-size:19px;line-height:1;filter:saturate(.9)}.talent-node.locked{filter:grayscale(1) brightness(.45);cursor:not-allowed}.talent-node.forgone{filter:grayscale(.85) brightness(.5);cursor:not-allowed}.talent-cell:has(.forgone) .talent-node-name{opacity:.45}.talent-node.available{border-color:color-mix(in srgb,var(--tree-accent) 70%,#33334a)}.talent-node.available:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 14px 2px color-mix(in srgb,var(--tree-accent, #c8a96e) 55%,transparent);opacity:0;animation:talent-breathe 1.6s ease-in-out infinite}.talent-node.maxed:after{display:none}.talent-node.learned{background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--tree-accent) 55%,var(--tree-color)) 0%,var(--tree-color) 75%);border-color:var(--tree-accent)}.talent-node.maxed{box-shadow:0 0 14px color-mix(in srgb,var(--tree-accent) 70%,transparent);animation:none}.talent-node.pop{animation:talent-pop .45s cubic-bezier(.2,1.6,.4,1)}.talent-node.shake{animation:talent-shake .3s}.talent-rank{position:absolute;bottom:-6px;right:-8px;font-size:10px;font-weight:800;color:#0a0806;background:var(--tree-accent);border-radius:6px;padding:0 4px;line-height:14px;min-width:12px;text-align:center}.talent-rank:empty{display:none}.talent-node.locked .talent-rank{background:#33334a;color:#888}.talent-node-name{font-size:10px;color:#8a887a;text-align:center;line-height:1.15;max-width:min(96px,100%);overflow-wrap:anywhere}@media(max-width:640px){.talent-screen{padding:12px 12px 32px}.talent-title{font-size:19px;letter-spacing:3px}.talent-topbar{gap:8px 14px}.talent-tabs{gap:6px}.talent-tab{flex-basis:100px;padding:6px 8px;column-gap:4px}.talent-tab-name{font-size:13px;letter-spacing:0}.talent-tab-points{font-size:18px}.talent-tree{padding:12px 6px 16px}}.talent-tier.choice .talent-branch,.talent-tier.capstone .talent-branch{display:none}.talent-row-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--tree-accent) 75%,#6a6858)}.talent-row.choice{margin:0 4%;padding:16px 4px 2px;border:1px dashed color-mix(in srgb,var(--tree-accent) 40%,#22223a);border-radius:10px;background:color-mix(in srgb,var(--tree-accent) 5%,#0b0b12)}.talent-row.choice>.talent-row-label{position:absolute;top:3px;left:0;right:0;text-align:center}.talent-row.choice .talent-cell{min-height:72px}.talent-row.capstone{display:block}.talent-capstone{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--tree-accent) 45%,#22223a);background:linear-gradient(135deg,color-mix(in srgb,var(--tree-color) 35%,#0b0b12),#0b0b12 80%)}.talent-node.capstone{flex:0 0 auto;width:56px;height:56px;border-radius:16px;outline:1px solid color-mix(in srgb,var(--tree-accent) 30%,transparent);outline-offset:3px}.talent-node.capstone .talent-icon{font-size:25px}.talent-cap-text{display:flex;flex-direction:column;gap:2px;min-width:0}.talent-capstone .talent-node-name{text-align:left;max-width:none;font-size:13px;font-weight:700;color:var(--tree-accent)}.talent-cap-desc{font-size:10px;line-height:1.3;color:#8a887a;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.talent-hybrids{margin:0;padding:14px 16px 16px;border-radius:12px;background:#0c0c13;border:1px solid #23233a}.talent-hybrids-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.talent-hybrids-title{font-size:15px;font-weight:800;letter-spacing:1px;color:#c8a96e;text-transform:uppercase}.talent-hybrids-sub{font-size:12px;color:#8a887a;flex:1;min-width:min(240px,100%)}.talent-hybrids-count{font-size:12px;color:#e8e6d8;font-weight:700}.talent-hybrid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:10px}.talent-hybrid{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font:inherit;color:#e8e6d8;position:relative;background:linear-gradient(#11111a,#11111a) padding-box,linear-gradient(120deg,var(--c1),var(--c2)) border-box;border:1.5px solid transparent;opacity:.72;transition:opacity .15s,transform .15s}.talent-hybrid:hover,.talent-hybrid.qualified,.talent-hybrid.learned{opacity:1}.talent-hybrid.available{animation:talent-hybrid-pulse 1.6s ease-in-out infinite}.talent-hybrid.learned{background:linear-gradient(120deg,color-mix(in srgb,var(--c1) 30%,#11111a),color-mix(in srgb,var(--c2) 30%,#11111a)) padding-box,linear-gradient(120deg,var(--a1),var(--a2)) border-box}.talent-hybrid.pop{animation:talent-pop .35s ease-out}.talent-hybrid.shake{animation:talent-shake .3s}@keyframes talent-hybrid-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 12px 1px var(--a1)}}.hy-icon{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%);border:2px solid #2a2a44}.talent-hybrid.locked .hy-icon{filter:grayscale(.7) brightness(.7)}.talent-hybrid.learned .hy-icon{border-color:var(--a1)}.hy-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.hy-head{display:flex;flex-direction:column}.hy-title{font-size:11px;color:#8a887a;letter-spacing:1.5px;text-transform:uppercase}.hy-name{font-size:14px;font-weight:700;color:#e8e6d8}.hy-trees{display:flex;flex-direction:column;gap:3px}.hy-tree{display:grid;grid-template-columns:64px 1fr 32px;align-items:center;gap:6px;font-size:11px;color:#8a887a}.hy-meter{height:5px;border-radius:3px;background:#22222f;overflow:hidden}.hy-fill{display:block;height:100%;width:0;background:var(--a);transition:width .2s}.hy-count{text-align:right;font-variant-numeric:tabular-nums}.hy-state{font-size:11px;color:#8a887a}.talent-hybrid.qualified .hy-state{color:#55c878}.talent-hybrid.learned .hy-state{color:#c8a96e;font-weight:700}.talent-hybrid.learned .hy-state:before{content:"✓ "}.talent-bar-preview{max-width:1240px;margin:18px auto 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.talent-bar-label{font-size:11px;color:#5a5850;letter-spacing:2px;text-transform:uppercase}.talent-bar-slots{display:flex;gap:6px;flex-wrap:wrap}.talent-bar-slot{font-size:12px;padding:6px 10px;border-radius:6px;background:#0f0f16;border:1px solid #2a2a44;color:#e8e6d8}.talent-bar-key{color:#c8a96e;font-weight:800;margin-right:6px}.talent-bar-empty{font-size:12px;color:#6a6858}.talent-tooltip{position:absolute;z-index:5;width:250px;pointer-events:none;background:#0b0b12f2;border:1px solid #3a3a5a;border-radius:8px;padding:10px 12px;box-shadow:0 8px 24px #0009}.tt-name{font-size:14px;font-weight:700;color:#e8e6d8}.tt-meta{font-size:11px;color:#8a887a;margin:2px 0 6px}.tt-desc{font-size:12px;color:#c8c6b8;line-height:1.35}.tt-scale{font-size:11px;color:#9fb8d8;margin-top:4px}.tt-req{font-size:11px;color:#e05555;margin-top:6px}.tt-hint{font-size:11px;color:#55c878;margin-top:6px}@keyframes talent-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--tree-accent, #c8a96e) 0%,transparent)}50%{box-shadow:0 0 14px 2px color-mix(in srgb,var(--tree-accent, #c8a96e) 55%,transparent)}}@keyframes talent-breathe{0%,to{opacity:0}50%{opacity:1}}@keyframes talent-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes talent-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.acct-login{max-width:400px}.acct-form{display:flex;flex-direction:column;gap:10px}.acct-form .name-input{width:100%;flex:none}.acct-label{color:#7a7870;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.acct-error{min-height:18px;margin:0;color:#ff6b5b;font-size:13px}.acct-hint{margin:0;color:#5a5850;font-size:12px}.acct-switch{background:none;border:none;color:#c8a96e;cursor:pointer;font-size:13px;padding:4px;align-self:center}.acct-switch:hover{text-decoration:underline}.acct-corner{position:fixed;top:14px;right:18px;display:flex;align-items:center;gap:10px;color:#7a7870;font-size:13px;z-index:1}.acct-admin{color:#ffb347;border:1px solid #ffb34766;border-radius:3px;padding:1px 6px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.acct-guest{color:#9fc7ff;border:1px solid #9fc7ff55;border-radius:3px;padding:1px 6px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.acct-notice{background:#55c87814;border:1px solid #55c87855;color:#9fe3b4;border-radius:7px;padding:10px 14px;font-size:13px}.acct-embed-note{background:#c8a96e14;border-color:#c8a96e55;color:#e3d2a8}.acct-embed-note a,.acct-hint a{color:#c8a96e}.acct-link-code{margin:12px 0;text-align:center;font:700 28px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:4px;color:#e8e6d8;-webkit-user-select:all;user-select:all}.acct-code-input{text-transform:uppercase;letter-spacing:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.acct-wide{max-width:900px}.acct-columns{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:stretch}@media(max-width:760px){.acct-columns{grid-template-columns:1fr}}.acct-slots{display:flex;flex-direction:column;gap:8px}.acct-slot{display:flex;align-items:center;gap:12px;background:#0b0b12;border:1px solid #22223a;border-radius:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;color:inherit;font:inherit;width:100%}.acct-slot:hover{border-color:#3a3a58}.acct-slot.selected{border-color:#c8a96e;background:#c8a96e0f}.acct-slot.empty{color:#5a5850;justify-content:center;border-style:dashed;min-height:58px}.acct-slot.empty:hover{color:#c8a96e}.acct-tree-icon{width:34px;height:34px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--tree-accent),var(--tree-color) 70%);border:2px solid var(--tree-accent)}.acct-slot-name{font-size:15px;color:#e8e6d8;font-weight:600}.acct-slot-sub{font-size:12px;color:#7a7870;margin-top:2px}.acct-stage{display:flex;flex-direction:column;gap:12px}.acct-preview{position:relative;height:340px;border-radius:10px;background:radial-gradient(ellipse at 50% 70%,#181826,#0b0b12 70%);border:1px solid #22223a;overflow:hidden}.acct-preview-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.acct-preview-caption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:13px;color:#b8b6a8;pointer-events:none}.acct-actions{display:flex;gap:10px;align-items:stretch}.acct-actions .btn-primary{flex:1}.acct-columns-custom{grid-template-columns:360px 1fr}.acct-create .acct-form{display:flex;flex-direction:column}.acct-preview-tall{height:100%;min-height:460px}.acct-customizer{display:flex;flex-direction:column;gap:10px;margin:12px 0 6px;padding-right:6px;max-height:46vh;overflow-y:auto;scrollbar-width:thin}.acct-customizer-head{display:flex;align-items:center;justify-content:space-between}.acct-customizer-head .acct-label{margin:0}.acct-random{font-size:12px;padding:4px 10px}.acct-group{background:#0b0b12;border:1px solid #22223a;border-radius:8px;padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.acct-group-title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c8a96e}.acct-row{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px}.acct-row[hidden]{display:none}.acct-row-label{font-size:12px;color:#7a7870}.acct-chips{display:flex;flex-wrap:wrap;gap:6px}.acct-chip{background:#12121c;border:1px solid #22223a;border-radius:999px;padding:4px 11px;color:#b8b6a8;cursor:pointer;font:inherit;font-size:12.5px}.acct-chip:hover{border-color:#3a3a58;color:#e8e6d8}.acct-chip.selected{border-color:#c8a96e;color:#e8e6d8;background:#c8a96e1a}.acct-customizer button:focus-visible{outline:2px solid #f0dca0;outline-offset:2px}.acct-stepper{display:grid;grid-template-columns:30px 1fr 30px;align-items:stretch;gap:4px}.acct-step{background:#12121c;border:1px solid #22223a;border-radius:6px;color:#b8b6a8;cursor:pointer;font:inherit;font-size:18px;line-height:1}.acct-step:hover{border-color:#3a3a58;color:#e8e6d8}.acct-step-value{display:flex;align-items:center;justify-content:center;background:#12121c;border:1px solid #22223a;border-radius:6px;min-height:30px;font-size:13px;color:#e8e6d8}.acct-swatch-row{display:flex;flex-wrap:wrap;gap:6px}.acct-dot{width:24px;height:24px;border-radius:50%;border:2px solid #22223a;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--dot) 70%,white),var(--dot) 60%);cursor:pointer;padding:0}.acct-dot:hover{border-color:#5a5a78}.acct-dot.selected{border-color:#f0dca0;box-shadow:0 0 0 2px #0b0b12,0 0 0 3px #c8a96e}.acct-preview-tools{position:absolute;top:10px;right:10px;display:flex;gap:4px;background:#0b0b12cc;border:1px solid #22223a;border-radius:999px;padding:3px;z-index:1}.acct-tool{background:transparent;border:0;border-radius:999px;color:#7a7870;cursor:pointer;font:inherit;font-size:12px;padding:3px 11px}.acct-tool:hover{color:#e8e6d8}.acct-tool.selected{background:#22223a;color:#e8e6d8}@media(max-width:760px){.acct-columns-custom{grid-template-columns:1fr}.acct-preview-tall{min-height:320px}.acct-customizer{max-height:none}}.acct-dialog-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.acct-dialog{width:min(420px,92vw);display:flex;flex-direction:column;gap:12px}.acct-front{position:relative;z-index:1;max-width:400px;padding-top:12vh;padding-bottom:24px}.acct-front-panel{display:flex;flex-direction:column;gap:10px;padding:4px 26px 16px;background:#080a168c;border:1px solid rgba(200,169,110,.2);border-radius:12px;box-shadow:0 8px 30px #00000059}.acct-front .lobby-header{padding:18px 0 2px}.acct-front .lobby-title{font-size:54px;margin-bottom:4px;color:#e2bf72;text-shadow:0 0 30px rgba(255,200,120,.3),0 2px 4px rgba(0,0,0,.9)}.acct-pitch{margin:6px 0 0;color:#f1ebdc;font-family:Alegreya,Georgia,serif;font-weight:500;font-size:17px;line-height:1.35}.acct-play{margin-top:6px;padding:10px 20px;font-family:Alegreya,Georgia,serif;font-size:22px;letter-spacing:.5px;text-transform:none;box-shadow:0 0 24px #ffc46e47,0 4px 12px #00000080}.acct-front .acct-hint{color:#ddd6c6;font-size:13px}.acct-front .acct-error:empty{display:none}.acct-front-links{display:flex;justify-content:center;align-items:center;gap:4px;color:#8a8270}.acct-front .acct-switch{color:#f0d49a;font-size:14px}.meadow{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#0a1224}.meadow svg{display:block;width:100%;height:100%}.meadow-land{position:absolute;inset:0}.meadow-clouds{position:absolute;left:-10%;right:-10%;top:8%;height:34%;animation:meadow-clouds 90s ease-in-out infinite alternate;will-change:transform}.meadow-grass{position:absolute;left:-2%;right:-2%;bottom:0;transform-origin:50% 100%;will-change:transform}.meadow-grass-back{height:16vh;animation:meadow-sway 5.5s ease-in-out infinite alternate}.meadow-grass-front{height:24vh;bottom:-4vh;animation:meadow-sway 4.2s ease-in-out -1.7s infinite alternate}.meadow-fly{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fffbe0 0,#ffe27a 22%,rgba(255,210,100,.35) 45%,transparent 70%);opacity:0;animation:meadow-fly 8s ease-in-out infinite;will-change:transform,opacity}.meadow-wisp{position:absolute;left:0;top:0;animation:meadow-wisp 46s ease-in-out -14s infinite;will-change:transform}.meadow-wisp span{display:block;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#ffffff 0,#fff3c2 16%,rgba(255,226,122,.55) 34%,rgba(255,200,90,.12) 56%,transparent 70%);animation:meadow-bob 2.6s ease-in-out infinite alternate}.meadow-shade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 42%,rgba(5,6,14,.38),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 45%,transparent 55%,rgba(4,4,10,.6) 100%)}@keyframes meadow-clouds{0%{transform:translate(-4%)}to{transform:translate(4%)}}@keyframes meadow-sway{0%{transform:skew(-2.5deg)}to{transform:skew(2deg)}}@keyframes meadow-fly{0%,to{opacity:0;transform:translate(0)}30%{opacity:1}50%{opacity:.85;transform:translate(var(--dx),var(--dy))}70%{opacity:1}}@keyframes meadow-wisp{0%{transform:translate(-8vw,70vh)}25%{transform:translate(28vw,58vh)}50%{transform:translate(64vw,66vh)}75%{transform:translate(102vw,52vh)}to{transform:translate(108vw,52vh)}}@keyframes meadow-bob{0%{transform:translateY(-6px) scale(.94)}to{transform:translateY(6px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.meadow *{animation:none!important}.meadow-fly{opacity:.8}.meadow-wisp{transform:translate(70vw,60vh)}}@media(max-width:640px){.acct-front{padding:8vh 16px 24px}.acct-front-panel{padding:2px 16px 14px}.acct-front .lobby-title{font-size:44px}.acct-pitch{font-size:16px}}:root{--gold-text: #ffd100;--frame-bg: linear-gradient(180deg, rgba(24, 20, 16, .97) 0%, rgba(12, 10, 9, .97) 100%);--frame-border: #6b5a3a;--frame-trim: #c8a96e;--char-w: 360px;--ui-serif: "Cinzel", "Palatino Linotype", "Book Antiqua", Georgia, serif;--ui-sans: "Trebuchet MS", system-ui, -apple-system, "Segoe UI", sans-serif;--band-short: #ff3b2f;--band-medium: #ffa630;--band-long: #c77dff}#game-ui{position:fixed;inset:0;pointer-events:none;z-index:900;font-family:var(--ui-sans);color:#e8e6d8;-webkit-user-select:none;user-select:none}#game-ui>*{pointer-events:auto}#game-ui .passthrough{pointer-events:none}.wow-frame{position:absolute;background:var(--frame-bg);border:2px solid var(--frame-border);border-radius:6px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #c8a96e2e,0 10px 40px #000000b3;padding:10px 12px 12px;animation:frame-in .14s ease-out}@keyframes frame-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.wow-frame-title{display:flex;align-items:center;gap:10px;margin:-2px -2px 10px;padding-bottom:8px;border-bottom:1px solid rgba(200,169,110,.25)}.wow-frame-title h3{flex:1;margin:0;font-family:var(--ui-serif);font-size:15px;letter-spacing:1.5px;color:var(--gold-text);text-shadow:0 1px 2px #000}.wow-frame-title .sub{font-size:11px;color:#9a988a}.wow-close{width:22px;height:22px;border-radius:50%;border:1px solid #7a2a1a;cursor:pointer;background:radial-gradient(circle at 40% 35%,#c0392b,#5a120a);color:#ffd8c8;font-size:12px;line-height:18px;text-align:center;padding:0;box-shadow:0 0 0 1px #000}.wow-close:hover{filter:brightness(1.25)}.wow-btn{background:linear-gradient(180deg,#8a1c12,#5a0f08);color:var(--gold-text);border:1px solid #c8a96e88;border-radius:4px;padding:6px 14px;cursor:pointer;font-family:var(--ui-serif);font-size:12px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 1px #000;box-shadow:inset 0 1px #ffffff26,0 0 0 1px #000}.wow-btn:hover:not(:disabled){filter:brightness(1.25)}.wow-btn:active:not(:disabled){transform:translateY(1px)}.wow-btn:disabled{filter:grayscale(.9) brightness(.6);cursor:not-allowed}.wow-btn.big{padding:10px 22px;font-size:14px}.wow-btn.green{background:linear-gradient(180deg,#2c7a1c,#164a0c)}.wow-tabs{display:flex;gap:4px;margin-bottom:10px}.wow-tab{flex:1;padding:6px 8px;cursor:pointer;text-align:center;font-family:var(--ui-serif);font-size:12px;color:#b8b09a;background:#1a1612;border:1px solid #3a3226;border-radius:4px 4px 0 0}.wow-tab.active{color:var(--gold-text);background:#2a2218;border-color:var(--frame-border)}.muted{color:#8a8678;font-size:12px}.gold-text{color:var(--gold-text)}.coins{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#fff;text-shadow:0 1px 1px #000}.coin{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b0,#ffd34a 35%,#b8860b 80%,#6b4a00);box-shadow:0 0 0 1px #3a2800,inset 0 -1px 1px #00000059}.coins.short{color:#ff6b5b}.item-slot{position:relative;width:40px;height:40px;border-radius:4px;flex:none;background:radial-gradient(circle at 50% 40%,#2b2620,#0e0c0a);border:2px solid #3a342c;box-shadow:inset 0 0 6px #000,0 0 0 1px #000;cursor:pointer}.item-slot.empty{cursor:default}.item-slot img{width:100%;height:100%;display:block;border-radius:2px;pointer-events:none}.item-slot .empty-icon{opacity:.22;filter:grayscale(1)}.item-slot:not(.empty):hover{filter:brightness(1.25)}.item-slot.rq-plain{border-color:#77736a}.item-slot.rq{border-color:var(--rc);box-shadow:inset 0 0 10px color-mix(in srgb,var(--rc) 45%,transparent),0 0 0 1px #000}.item-slot.rq-shine{border-color:var(--rc);box-shadow:inset 0 0 12px color-mix(in srgb,var(--rc) 55%,transparent),0 0 10px color-mix(in srgb,var(--rc) 40%,transparent),0 0 0 1px #000;animation:rarity-shimmer 2.2s ease-in-out infinite}@keyframes rarity-shimmer{50%{box-shadow:inset 0 0 16px color-mix(in srgb,var(--rc) 80%,transparent),0 0 17px color-mix(in srgb,var(--rc) 65%,transparent),0 0 0 1px #000}}.item-slot .stack{position:absolute;right:3px;bottom:0;font-size:11px;font-weight:800;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000;pointer-events:none}.item-slot .upg{position:absolute;right:2px;bottom:0;font-size:11px;font-weight:800;color:#7fff7f;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000;pointer-events:none}.item-slot .eq{position:absolute;left:2px;top:1px;font-size:9px;font-weight:800;color:var(--gold-text);text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none}.item-slot.selected{outline:2px solid #fff;outline-offset:1px}.item-slot.new:after{content:"";position:absolute;inset:-2px;border-radius:4px;pointer-events:none;box-shadow:0 0 10px 3px #ffe678cc;animation:new-item 1.2s ease-in-out 3}@keyframes new-item{50%{opacity:.2}}.item-slot.drag-over{outline:2px dashed var(--gold-text);outline-offset:1px}.item-slot.kb-at{outline:2px solid #fff;outline-offset:1px;box-shadow:inset 0 0 6px #000,0 0 8px 2px #ffffff73}.item-slot.kb-held{outline:2px dashed var(--gold-text);outline-offset:1px;filter:brightness(1.3);transform:translateY(-2px)}.item-slot.kb-at.kb-held{outline-style:solid;outline-color:var(--gold-text)}.item-slot.flash{animation:slot-flash .6s ease-out}@keyframes slot-flash{0%{filter:brightness(3)}to{filter:none}}.wow-tooltips{position:fixed;z-index:2000;pointer-events:none;display:flex;gap:6px;align-items:flex-start}.wow-tip{width:260px;padding:8px 10px;font-size:12.5px;line-height:1.45;color:#fff;background:linear-gradient(180deg,#080c1ef5,#040610f5);border:1px solid #9a9aa8;border-radius:5px;box-shadow:0 0 0 1px #000,0 6px 18px #0009;font-family:var(--ui-sans)}.wow-tip.compare{opacity:.92}.wow-tip .tip-head{color:#9d9d9d;font-size:11px;margin-bottom:2px}.wow-tip .tip-name{font-size:14px;font-weight:700;line-height:1.25}.wow-tip .tip-quality{font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.85}.wow-tip .tip-ilvl{color:var(--gold-text)}.wow-tip .tip-row{display:flex;justify-content:space-between}.wow-tip .tip-green{color:#1eff00}.wow-tip .tip-red{color:#ff3b3b}.wow-tip .tip-upgrade{color:#7fff7f}.wow-tip .tip-set{color:#ffd100}.wow-tip .tip-set-on{color:#7fff7f}.wow-tip .tip-set-off{color:gray}.wow-tip .tip-lore{color:var(--gold-text);font-style:italic;margin-top:4px}.wow-tip .tip-hint{color:#1eff00;margin-top:4px}.wow-tip .tip-gap{height:6px}.wow-tip .tip-price{margin-top:4px}.wow-tip.simple{width:auto;max-width:280px}.pickup-feed{position:absolute;left:14px;bottom:86px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}.pickup-row{display:flex;align-items:center;gap:6px;padding:2px 10px 2px 3px;border-radius:4px;background:linear-gradient(90deg,#000000b3,#0000);font:600 14px var(--ui-sans);text-shadow:0 1px 2px #000;animation:pickup-in .18s ease-out,pickup-out .6s ease-in calc(var(--row-ms) - .6s) forwards}.pickup-row img,.pickup-coin{width:24px;height:24px;border-radius:3px;flex:none}.pickup-coin{background:radial-gradient(circle at 40% 35%,#fff2a8,#e8b93c 45%,#8a5a10);border-radius:50%;width:16px;height:16px;margin:4px}.pickup-row b{color:#e8e2cc;font-weight:700}@keyframes pickup-in{0%{opacity:0;transform:translate(-12px)}}@keyframes pickup-out{to{opacity:0}}.ui-dock{position:absolute;left:14px;bottom:14px;display:flex;align-items:flex-end;gap:6px;padding:6px 8px;border-radius:8px;background:linear-gradient(180deg,#1e1812eb,#0a0806eb);border:1px solid var(--frame-border);box-shadow:0 0 0 1px #000,0 4px 14px #0009}.dock-btn{position:relative;width:44px;height:44px;border-radius:6px;cursor:pointer;padding:0;border:2px solid #5a4a30;background:radial-gradient(circle at 50% 35%,#3a3026,#120e0a);box-shadow:inset 0 0 6px #000,0 0 0 1px #000}.dock-btn:hover{border-color:var(--frame-trim);filter:brightness(1.2)}.dock-btn.active{border-color:var(--gold-text);box-shadow:inset 0 0 10px #ffd10059,0 0 0 1px #000}.dock-btn svg{width:32px;height:32px;display:block;margin:4px auto 0}.dock-btn .key{position:absolute;right:2px;top:0;font-size:10px;font-weight:800;color:#ddd;text-shadow:0 0 2px #000,0 0 2px #000}.dock-btn.big{width:54px;height:54px}.dock-btn.big svg{width:40px;height:40px}.dock-btn .badge{position:absolute;left:-4px;top:-6px;min-width:18px;height:18px;border-radius:9px;padding:0 4px;background:#c0392b;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 1px #000;animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(0)}}.dock-gold{padding:0 6px 6px;font-size:13px}.dock-bagfill{font-size:10px;color:#9a988a;text-align:center;margin-top:1px}.bag-window{left:14px;bottom:86px;width:auto}.bag-window.beside-char{left:calc(14px + var(--char-w) + 56px)}@media(max-width:860px){.bag-window.beside-char .bag-grid{grid-template-columns:repeat(6,40px)}}.bag-grid{display:grid;grid-template-columns:repeat(8,40px);gap:4px}.bag-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px}.bag-hint{font-size:11px;color:#8a8678;margin-top:6px;max-width:348px}.bag-hint.vendor{color:var(--gold-text)}.char-window{--char-top: 90px;left:14px;top:var(--char-top);width:var(--char-w);display:flex;flex-direction:column;max-height:calc(100vh - var(--char-top) - 94px)}.char-window>.wow-frame-title{flex:none}.char-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.inspect-window{left:calc(14px + var(--char-w) + 56px);max-width:calc(100vw - 28px)}.inspect-window .inspect-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.dressing-room{right:14px;top:90px;width:340px;max-width:calc(100vw - 28px)}.dressing-body{display:grid;grid-template-columns:44px 1fr 44px;gap:8px}.dressing-col{display:flex;flex-direction:column;gap:8px;justify-content:center}.dressing-stage{position:relative;height:330px;border-radius:4px;cursor:grab;background:radial-gradient(ellipse at 50% 70%,#3a3028,#15110d 70%);box-shadow:inset 0 0 14px #000}.dressing-stage:active{cursor:grabbing}.dressing-stage canvas{width:100%;height:100%;display:block;outline:none}.dressing-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:12px}.dressing-weapons{display:flex;justify-content:center;gap:8px;margin-top:8px}.dressing-hint{font-size:11px;color:#8a8678;text-align:center;margin-top:6px}.dressing-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.npc-window.exhibit-window{width:360px}.exhibit-line{font-size:12px;color:#c8bca0;font-style:italic;margin:-4px 0 8px}.exhibit-rows{display:flex;flex-direction:column;gap:6px}.exhibit-row{display:flex;align-items:center;gap:10px;padding:3px;border-radius:4px;cursor:pointer}.exhibit-row:hover{background:#ffd10014}.exhibit-row .exhibit-slot{font-size:11px;color:#9a988a}.exhibit-window .wow-btn{display:block;width:100%;margin-top:10px}.npc-window.slot-window{width:440px}.slot-face{position:relative;border-radius:6px;overflow:hidden;-webkit-user-select:none;user-select:none}.slot-machine-art{display:block;width:100%;height:auto}.slot-reel{position:absolute;overflow:hidden;background:#050304;border-radius:3px;box-shadow:inset 0 10px 14px #000000e6,inset 0 -10px 14px #000000e6}.slot-ribbon{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;will-change:transform}.slot-cell{flex:1;display:grid;place-items:center;min-height:0}.slot-cell img{height:92%;width:auto;max-width:96%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}.slot-window.spinning .slot-cell img{filter:blur(1.5px) brightness(1.15)}.slot-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.slot-lines polyline{fill:none;stroke:#ffd36a;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 0 6px #ff7a1a)}.slot-lines polyline.win{opacity:.9;animation:slot-line .9s ease-in-out infinite alternate}@keyframes slot-line{0%{opacity:.45}to{opacity:1}}.slot-lever{position:absolute;left:88%;top:14%;width:12%;height:52%;background:none;border:none;cursor:pointer;border-radius:40%}.slot-lever:hover:not(:disabled){background:radial-gradient(closest-side,rgba(255,120,40,.35),transparent)}.slot-lever:disabled{cursor:default}.slot-message{min-height:2.6em;margin:8px 0;text-align:center;font-size:13px;color:#e8dcb8}.slot-jackpot{color:#ff9a3c;font-family:var(--ui-serif);letter-spacing:1px}.slot-controls{display:flex;gap:8px;align-items:stretch}.slot-bets{display:flex;gap:6px;flex:1}.slot-bet{flex:1}.slot-bet.active{border-color:#ffd100;box-shadow:0 0 0 1px #ffd100 inset}.slot-spin{flex:1;font-weight:700;color:#ffcf8a}.slot-purse{margin-top:8px;font-size:12.5px;color:#c8c0a8;text-align:center}.slot-paytable{margin-top:8px;font-size:12.5px;color:#c8c0a8}.slot-paytable summary{cursor:pointer;color:var(--gold-text)}.slot-pay{display:flex;align-items:center;gap:8px;padding:2px 0}.slot-pay img{width:26px;height:26px;border-radius:4px;object-fit:cover}.slot-pay span{flex:1}.slot-pay i{color:#ff9a3c;font-style:normal}.slot-fine{margin-top:8px;font-size:10.5px;color:#8a8576;font-style:italic;text-align:center}@media(pointer:coarse){.slot-spin,.slot-bet{min-height:40px}}.paperdoll{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;align-items:stretch}.paperdoll-col{display:flex;flex-direction:column;gap:8px}.paperdoll-center{border-radius:6px;position:relative;min-height:152px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,var(--tree-glow, #3a2a50) 0%,#0b0a0e 75%);border:1px solid #2a2418;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px}.paperdoll-figure{position:absolute;inset:10px 0 34px;display:flex;justify-content:center;opacity:.9}.paperdoll-figure svg{height:100%}.paperdoll-ilvl{position:relative;font-size:12px;color:#c8c0a8;text-shadow:0 1px 2px #000}.paperdoll-ilvl b{color:var(--gold-text);font-size:16px}.paperdoll-bottom{display:flex;justify-content:center;gap:8px;margin-top:8px}.char-stats{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;font-size:12.5px}.char-stats .row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);padding:2px 0}.char-stats .label{color:var(--gold-text)}.char-stats .bonus{color:#1eff00}.char-sub{font-size:12px;color:#c8c0a8;margin-top:2px}.char-look-model{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:12.5px}.char-look-model .label{color:var(--gold-text)}.char-look-model select{flex:1;background:#0d0b09;border:1px solid var(--frame-border);color:#fff;border-radius:3px;padding:4px 6px;font-size:12px}.char-side-tabs{position:absolute;left:100%;top:18px;display:flex;flex-direction:column;gap:6px;margin-left:2px}.char-side-tab{width:42px;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font-size:17px;color:#b8b09a;background:linear-gradient(90deg,#15120e,#1f1a14);border:2px solid #3a3226;border-left:none;border-radius:0 6px 6px 0;box-shadow:2px 2px 8px #0009}.char-side-tab span{font-family:var(--ui-serif);font-size:9.5px;letter-spacing:.5px;text-transform:uppercase}.char-side-tab:hover{color:#fff}.char-side-tab.active{color:var(--gold-text);background:var(--frame-bg);border-color:var(--frame-border);width:46px}.fish-collection{display:flex;flex-direction:column;gap:5px;max-height:400px;overflow-y:auto;padding-right:2px}.fish-collection>.muted{font-size:12px;margin-bottom:3px}.fish-card{display:flex;gap:8px;align-items:flex-start;padding:5px 8px;border-radius:4px;background:#00000040;border:1px solid #2a2418}.fish-card img{width:36px;height:36px;flex:none;border-radius:4px;box-shadow:0 0 0 1px #000}.fish-card .name{font-family:var(--ui-serif);font-size:13px;font-weight:700}.fish-card .count{font-size:11px;color:var(--gold-text)}.fish-card .blurb{font-size:11px;color:#9a988a;font-style:italic;margin-top:1px}.fish-card.unknown{opacity:.6}.fish-card.unknown .name{color:#6a6658}.prog-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;margin:2px 0 8px}.prog-summary>div{background:#0000004d;border:1px solid #2a2418;border-radius:4px;padding:6px 2px}.prog-summary b{display:block;font-family:var(--ui-serif);font-size:18px;color:var(--gold-text)}.prog-summary span{font-size:10.5px;color:#9a988a;text-transform:uppercase;letter-spacing:.5px}.prog-bar{height:6px;border-radius:3px;background:#1a1612;box-shadow:inset 0 0 0 1px #000;overflow:hidden;margin-bottom:8px}.prog-bar i{display:block;height:100%;background:linear-gradient(90deg,#c8a24a,#ffd36a)}.prog-list{display:flex;flex-direction:column;gap:5px;max-height:330px;overflow-y:auto;padding-right:2px}.prog-row{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:4px;background:#00000040;border:1px solid #2a2418;opacity:.7}.prog-row.cleared{opacity:1;border-color:#ffa03c4d;background:linear-gradient(90deg,#ff8c2814,#0003)}.prog-row.next{opacity:1;border-color:var(--gold-text);box-shadow:0 0 8px #ffd1002e}.prog-rune{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--ui-serif, serif);color:#c8c0a8;background:#1a1612;border:1px solid #3a3226}.prog-row.cleared .prog-rune{color:#fff;background:radial-gradient(circle,#ff8a2a -20%,#2a1206 80%);border-color:#ffb347}.prog-body{flex:1;min-width:0}.prog-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:13px}.prog-status{font-size:11px;white-space:nowrap}.prog-status.done{color:#1eff00}.prog-status.next{color:var(--gold-text)}.prog-status.todo{color:#6a6252}.prog-track{display:flex;align-items:center;gap:3px;margin:4px 0 2px}.prog-track i{width:14px;height:6px;border-radius:2px;background:#1a1612;box-shadow:inset 0 0 0 1px #3a3226}.prog-track i.open{background:#ff8c2859;box-shadow:inset 0 0 0 1px #ffb347}.prog-track i.done{background:#ffb347;box-shadow:0 0 4px #ff8c2899}.prog-unlock{margin-left:6px;font-size:11px;color:#ffb347;font-weight:700}.prog-goal{font-size:11.5px;color:#9a988a}.chat-box{position:absolute;right:14px;bottom:14px;width:380px;display:flex;flex-direction:column;gap:4px;transition:width .15s ease-out}.chat-box:hover,.chat-box.focused{width:480px}.chat-tabs{display:flex;gap:2px;opacity:.55;transition:opacity .15s}.chat-box:hover .chat-tabs,.chat-box.focused .chat-tabs{opacity:1}.chat-tab{padding:2px 10px;font:11px var(--ui-sans);color:#b8b4a4;cursor:pointer;background:#0000008c;border:1px solid rgba(107,90,58,.6);border-radius:4px 4px 0 0}.chat-tab.active{color:var(--gold-text);border-color:var(--frame-trim)}.chat-tab.unread:not(.active):after{content:" •";color:var(--gold-text)}.chat-log{max-height:170px;min-height:0;overflow-y:auto;transition:max-height .15s ease-out;padding:6px 8px;font-size:13px;line-height:1.35;background:linear-gradient(180deg,#0000,#00000073 30%);border-radius:6px;text-shadow:0 1px 1px #000,0 0 2px #000;scrollbar-width:thin;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px);mask-image:linear-gradient(180deg,transparent 0,#000 22px)}.chat-box:not(.focused) .chat-log{pointer-events:auto}.chat-box:hover .chat-log,.chat-box.focused .chat-log{max-height:420px;background:#0000008c;-webkit-mask-image:none;mask-image:none}.chat-log.combat{font-size:12px}.combat-line .ts{color:#6f6c62;font-size:10.5px}.combat-line.out{color:#f0e6c0}.combat-line.in{color:#ff8a80}.combat-line.ally{color:#c9a0a0}.combat-line.heal{color:#7fe07f}.combat-line.death{color:#ff4040;font-weight:700}.combat-line.kill{color:#ffd100}.combat-line.info{color:#6ef}.chat-line{word-wrap:break-word;animation:chat-in .2s ease-out}@keyframes chat-in{0%{opacity:0;transform:translate(-6px)}}.chat-line.say,.chat-line.say .who{color:#fff}.chat-line.system{color:var(--gold-text)}.chat-line.loot{color:#00c600}.chat-line.npc{color:#fffcb0}.chat-line.emote{color:#ff8040}.chat-line.party{color:#aaf}.chat-line .who{cursor:default}.chat-link{cursor:pointer;font-weight:600}.chat-link:hover{text-decoration:underline}.chat-input{display:none;width:100%;padding:6px 8px;border-radius:4px;outline:none;background:#000000bf;border:1px solid var(--frame-border);color:#fff;font-size:13px;font-family:var(--ui-sans)}.chat-box.focused .chat-input{display:block}.chat-hint{font-size:11px;color:#6e6a5e;padding-left:8px}.chat-box.focused .chat-hint{display:none}.party-frames{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;gap:6px}.pframe{position:relative;display:flex;align-items:center;gap:8px;width:230px;padding:5px 10px 5px 5px;border-radius:30px 8px 8px 30px;background:linear-gradient(90deg,#14100ceb,#0a0806cc);border:1px solid #4a3e2a;box-shadow:0 0 0 1px #000}.pframe.me{border-color:var(--frame-trim)}.pframe-portrait{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--ui-serif);font-weight:800;font-size:17px;border:2px solid var(--tree-color, #888);background:radial-gradient(circle at 40% 35%,var(--tree-accent, #aaa) -40%,#111 80%);color:#fff;text-shadow:0 1px 2px #000}.pframe-lvl{position:absolute;left:30px;bottom:2px;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:800;display:grid;place-items:center;background:#1a1206;color:var(--gold-text);border:1px solid #8a6a2a}.pframe-body{flex:1;min-width:0}.pframe-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pframe-sub{font-size:11px;color:#9a988a}.pframe.loading{opacity:.6}.pframe.loading .pframe-sub:after{content:" · loading…";color:#f0c070}.pframe-crown{position:absolute;left:14px;top:-9px;font-size:13px;filter:drop-shadow(0 1px 1px #000)}.pframe-ready{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13px;flex:none}.pframe-ready.ready{background:#1e6a12;color:#b8ffa8;box-shadow:0 0 8px #3f3}.pframe-ready.declined{background:#6a1212;color:#ffb8b8;box-shadow:0 0 8px #f33}.pframe-ready.pending{background:#5a4a10;color:#ffe;animation:pending-pulse .9s ease-in-out infinite}@keyframes pending-pulse{50%{opacity:.4}}.party-controls{position:absolute;right:14px;top:14px;display:flex;gap:8px;align-items:center}.party-controls .town-name{font-family:var(--ui-serif);color:var(--gold-text);font-size:13px;letter-spacing:2px;margin-right:6px;text-shadow:0 1px 2px #000}.zone-text{animation:zone-fade 4.2s ease-in-out forwards}.zone-text .zone-name{font-family:var(--ui-serif);font-size:clamp(30px,8vw,46px);font-weight:700;letter-spacing:4px;color:var(--gold-text);text-shadow:0 0 18px rgba(0,0,0,.9),0 2px 4px #000}.zone-text .zone-sub{font-family:var(--ui-serif);font-size:18px;color:#fff;text-shadow:0 2px 4px #000;margin-top:4px}@keyframes zone-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.interact-prompt{position:absolute;left:50%;bottom:150px;transform:translate(-50%);pointer-events:none;padding:6px 14px;border-radius:4px;background:#000000a6;border:1px solid #6b5a3a;font-size:14px;color:#fff;text-shadow:0 1px 1px #000;white-space:nowrap}.interact-prompt.over{bottom:auto;transform:translate(-50%,-100%)}.interact-prompt.dim{color:#9a968a;border-color:#4a4438;background:#00000073}.interact-prompt.dim kbd{color:#8a8270;border-color:#4a4438}.interact-prompt kbd{display:inline-block;min-width:20px;padding:0 5px;margin-right:6px;border-radius:3px;text-align:center;background:#2a2218;border:1px solid var(--frame-trim);color:var(--gold-text);font-family:var(--ui-sans);font-weight:800}.npc-window{left:50%;top:50%;transform:translate(-50%,-54%);width:560px;max-width:calc(100vw - 28px);max-height:calc(100vh - 140px);overflow-y:auto}@keyframes npc-in{0%{opacity:0}}.npc-window{animation:npc-in .15s ease-out}.npc-greeting{font-style:italic;color:#e8dcb8;font-size:13px;padding:8px 10px;margin-bottom:10px;border-radius:4px;background:linear-gradient(180deg,#3a2e1e,#2a2014);border:1px solid #5a4a30}.npc-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;border:2px solid var(--frame-trim);background:#1a140c;flex:none}.vendor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.vendor-item{display:flex;gap:8px;align-items:center;padding:5px;border-radius:4px;cursor:pointer;background:#ffffff08;border:1px solid #2a2418}.vendor-item:hover{background:#ffd10012;border-color:#5a4a30}.vendor-item .name{font-size:12.5px;font-weight:700;line-height:1.2}.vendor-item .price{font-size:12px;margin-top:2px}.vendor-item.unaffordable .price .coins{color:#ff6b5b}.upgrade-pick{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;padding:8px;border-radius:4px;background:#00000059;border:1px solid #2a2418}.upgrade-bench{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;padding:10px;border-radius:6px;background:#0000004d;border:1px solid #3a3020}.upgrade-bench .item-slot{width:64px;height:64px}.anvil-fx{animation:anvil-hit .5s ease-out}@keyframes anvil-hit{0%{transform:scale(1)}20%{transform:scale(1.18) rotate(-4deg);filter:brightness(2.2)}to{transform:none}}.upgrade-table{width:100%;border-collapse:collapse;font-size:12.5px}.upgrade-table td{padding:2px 4px}.upgrade-table td.cur{color:#ddd;text-align:right}.upgrade-table td.arrow{color:#8a8678;text-align:center;width:20px}.upgrade-table td.next{color:#1eff00;font-weight:700}.upgrade-pips{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.upgrade-pips i{width:9px;height:9px;transform:rotate(45deg);border:1px solid #7a6a40;background:#1a140c;display:inline-block}.upgrade-pips i.on{background:#7fff7f;border-color:#bfffbf;box-shadow:0 0 4px #7fff7f}.sell-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.trainer-stats .stat-row{display:grid;grid-template-columns:100px 46px 1fr auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.trainer-stats .stat-name{color:var(--gold-text)}.trainer-stats .stat-total{font-weight:800;text-align:right}.trainer-stats .stat-effect{color:#9a988a;font-size:12px}.trainer-stats .stat-alloc{display:flex;align-items:center;gap:6px}.round-btn{width:24px;height:24px;border-radius:50%;border:1px solid #c8a96e88;cursor:pointer;padding:0;background:radial-gradient(circle at 40% 35%,#5a4628,#1a1208);color:var(--gold-text);font-weight:800;font-size:14px;line-height:20px}.round-btn:disabled{opacity:.3;cursor:not-allowed}.round-btn:hover:not(:disabled){filter:brightness(1.3)}.points-pill{display:inline-block;padding:2px 10px;border-radius:10px;background:#2a5a12;color:#c8ffb0;font-size:12px;font-weight:700}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.chip{padding:3px 9px;border-radius:12px;font-size:12px;background:#1e1a14;border:1px solid #3a3226}.chip .key{color:var(--gold-text);font-weight:800;margin-right:4px}.build-list{margin:8px 0;display:flex;flex-direction:column;gap:6px}.build-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;background:#1e1a14;border:1px solid #3a3226;border-radius:4px}.build-row.current{border-color:#8a6a2a}.build-name{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.build-actions{display:flex;gap:4px;flex-wrap:wrap}.build-save{display:flex;gap:6px;flex-wrap:wrap}.build-save input{flex:1 1 160px;min-width:0;font:inherit;color:#eee;background:#120e0a;border:1px solid #4a3620;border-radius:3px;padding:5px 8px}@media(pointer:coarse){.build-save input{font-size:16px}}.pet-grid{margin:8px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:6px}.pet-card{padding:6px 8px;background:#1e1a14;border:1px solid #3a3226;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0}.pet-card:hover{border-color:#6a5432}.pet-card.selected{border-color:var(--gold-text);box-shadow:0 0 0 1px var(--gold-text) inset}.pet-card-head{display:flex;align-items:center;gap:6px}.pet-card-head .muted{margin-left:auto;font-size:11px}.pet-icon{font-size:20px;line-height:1}.pet-role{font-size:12px;color:#cfc4ad;min-height:2.6em}.pet-bar{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:6px;font-size:11px;color:#a89c84}.pet-bar i{display:block;height:6px;background:#120e0a;border-radius:3px;overflow:hidden}.pet-bar b{display:block;height:100%;background:linear-gradient(90deg,#8a6a2a,#e0b24a)}.pet-special{font-size:11px;color:#a89c84}.pet-special b{color:#e6d6b0}.pet-colours{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}.pet-swatch{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12px;color:#eee;background:#1e1a14;border:1px solid #3a3226;border-radius:12px;padding:3px 9px 3px 4px;cursor:pointer}.pet-swatch i{width:16px;height:16px;border-radius:50%;border:1px solid #000}.pet-swatch.selected{border-color:var(--gold-text)}.portal-window{width:470px}.portal-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.portal-rune{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--ui-serif);font-size:22px;font-weight:800;color:#fff;text-shadow:0 0 6px #000;background:radial-gradient(circle,var(--con) -30%,#0b0a12 75%);border:2px solid var(--con);box-shadow:0 0 16px var(--con)}.portal-name{font-family:var(--ui-serif);font-size:19px;color:var(--gold-text)}.portal-tagline{font-size:12px;color:#9a988a;font-style:italic}.con-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-weight:800;font-size:12px;color:#000;background:var(--con)}.portal-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13px;margin:10px 0}.portal-facts .k{color:#9a988a;font-size:11px;text-transform:uppercase;letter-spacing:1px}.portal-facts .under{color:#ff6b5b;font-weight:700}.skulls{color:#ddd;letter-spacing:1px}.odds{margin:8px 0 12px}.odds-row{display:grid;grid-template-columns:82px 1fr 46px;gap:8px;align-items:center;font-size:12px;margin:3px 0}.odds-bar{height:8px;border-radius:4px;background:#1a1612;overflow:hidden;box-shadow:inset 0 0 0 1px #000}.odds-bar i{display:block;height:100%;border-radius:4px}.portal-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.portal-mech{font-size:12.5px;padding:6px 8px;border-left:3px solid #ff8040;background:#ff804012;margin-bottom:6px}.portal-gate{font-size:13px;padding:7px 9px;margin-bottom:6px;border-radius:4px;color:#e8e2d0;background:#00000059;border:1px dashed #6a6478}.portal-window.locked .portal-head{filter:grayscale(.85) brightness(.7)}.portal-window.locked .portal-facts,.portal-window.locked .odds{opacity:.55}.raid-window{width:640px}.raid-window .portal-name{color:#ffb070}.raid-window .portal-rune{background:radial-gradient(circle,#ff6a1a -30%,#1a0804 75%)}.raid-progress{font-size:12px;margin:-2px 0 8px}.raid-attune{font-size:12px;margin:0 0 10px;padding:8px 10px;border:1px solid #5a3a1c;border-radius:4px;background:#3c190559}.raid-attune ul{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.raid-attune li{display:flex;justify-content:space-between;gap:8px;min-width:0}.raid-attune li.done{color:#9fdc7a}@media(max-width:700px){.raid-attune ul{grid-template-columns:1fr}}.raid-wings{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px}.raid-wing{display:grid;grid-template-columns:22px 1fr 18px;gap:6px;align-items:center;text-align:left;font:inherit;color:#ddd;padding:4px 6px;border-radius:4px;cursor:pointer;background:#0000004d;border:1px solid #3a2418}.raid-wing:hover{border-color:#8a4a22;background:#ff6a1a14}.raid-wing.picked{border-color:#ff8a3a;background:#ff6a1a29;box-shadow:0 0 8px #ff6a1a59}.raid-wing.shut{color:#8a847a}.raid-wing.shut .raid-wing-n{background:#2a2622;color:#8a847a}.raid-wing.cleared .raid-wing-n{background:#2f5a2a}.raid-wing-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:#7a2e10;color:#fff}.raid-wing-name{font-family:var(--ui-serif);font-size:13px;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raid-wing-name small{display:block;font-family:var(--ui-sans, inherit);font-size:10.5px;color:#9a988a;margin-top:1px}.raid-wing-mark{font-size:12px;text-align:right}.raid-wing.cleared .raid-wing-mark{color:#6fd36a}.raid-detail-head{font-size:13px;margin-bottom:6px}.raid-tier{color:#ff8a1f;font-weight:800}.raid-window.locked .raid-detail .portal-facts,.raid-window.locked .raid-detail .odds{opacity:.55}.raid-window.locked .portal-head{filter:none}.wow-btn.raid-btn{box-shadow:0 0 12px #ff6a1a80}@media(max-width:700px){.raid-wings{grid-template-columns:1fr}}.key-text{color:#ffb347;font-weight:700}.pframe-key{font-size:10.5px;color:#ffb347;margin-top:1px}.portal-keys{margin:6px 0 12px;font-size:12.5px}.portal-keys>.k{color:#9a988a;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.portal-records{margin:0 0 12px;font-size:12.5px}.portal-records>.k{color:#9a988a;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.portal-records ol{list-style:none;margin:0;padding:0}.portal-records li{display:flex;gap:8px;align-items:baseline;padding:2px 0}.portal-records li.mine{color:#ffd08a}.portal-records .rec-place{width:1.2em;color:#9a988a;text-align:right}.portal-records .rec-time{min-width:3.4em;font-variant-numeric:tabular-nums}.portal-records .rec-party{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-row{display:flex;gap:10px;align-items:center;padding:6px 8px;margin:4px 0;border-radius:4px;background:linear-gradient(90deg,#ff8c281f,#ff8c2805);border:1px solid rgba(255,160,60,.35)}.key-badge{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--ui-serif);font-weight:800;font-size:15px;color:#fff;text-shadow:0 0 4px #000;background:radial-gradient(circle,#ff8a2a -20%,#2a1206 80%);border:2px solid #ffb347;box-shadow:0 0 12px #ff8c2899}.affix-chips{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0}.affix-chip{font-size:11px;padding:1px 7px;border-radius:9px;color:var(--affix);border:1px solid var(--affix);background:#00000059;cursor:help}.key-btn{border-color:#ffb347!important;color:#ffd08a!important}.key-locked{padding:6px 8px;border-radius:4px;background:#0000004d;border:1px dashed #5a4a36}.key-ladder{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px}.key-pip{min-width:34px;height:26px;padding:0 6px;border-radius:13px;font:700 12px var(--ui-serif, serif);cursor:pointer;background:#1a1612;color:#6a6252;border:1px solid #3a3226}.key-pip.mine{color:#ffd08a;border-color:#ffb347;background:#ff8c282e}.key-pip.party{color:#ffd08a;border-color:#ffb347;border-style:dashed;background:#ff8c280f}.key-pip.locked{cursor:default;opacity:.6}.key-pip.locked:before{content:"🔒";font-size:9px;margin-right:2px}.key-pip.picked{color:#fff;background:radial-gradient(circle,#ff8a2a -20%,#5a2208 90%);box-shadow:0 0 10px #ff8c28b3}.key-pip:disabled:not(.picked){cursor:default}.key-hint{font-size:12px;margin-bottom:6px}.ready-check{left:50%;top:22%;transform:translate(-50%);width:360px;text-align:center;z-index:5}.ready-check .rc-icon{font-size:34px;margin-bottom:4px}.ready-check p{font-size:14px;margin:0 0 12px}.ready-check .rc-buttons{display:flex;gap:10px;justify-content:center}.rc-timer{height:4px;margin-top:12px;border-radius:2px;background:#1a1612;overflow:hidden}.rc-timer i{display:block;height:100%;background:var(--gold-text);transform-origin:left}.loot-window{left:calc(50% + 120px);top:50%;transform:translateY(-50%);width:300px}.loot-rows{display:flex;flex-direction:column;gap:6px}.loot-row{display:flex;align-items:center;gap:10px;padding:4px;border-radius:4px;cursor:pointer;background:#ffffff08;border:1px solid #2a2418;animation:loot-in .3s ease-out backwards}.loot-row:hover{background:#ffffff12}.loot-row .name{font-size:13.5px;font-weight:700;line-height:1.2}.loot-row .q{font-size:11px;opacity:.8}@keyframes loot-in{0%{opacity:0;transform:translate(-12px)}}.loot-actions{display:flex;justify-content:flex-end;margin-top:10px}.epic-banner{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;animation:zone-fade 3.6s ease-in-out forwards}.epic-banner .t{font-family:var(--ui-serif);font-size:34px;font-weight:700;letter-spacing:3px;text-shadow:0 0 20px currentColor,0 2px 4px #000}.epic-banner .s{font-size:16px;color:#fff;text-shadow:0 2px 4px #000;margin-top:4px}.ui-error{position:absolute;left:0;right:0;top:16%;text-align:center;pointer-events:none;font-size:17px;font-weight:700;color:#ff2020;text-shadow:0 1px 2px #000,0 0 6px #000;animation:zone-fade 2.2s ease-out forwards}.ui-error.ui-notice{color:#ffe9a8}.wow-btn.small{padding:3px 8px;font-size:11px}.wow-btn kbd{font:10px var(--ui-sans);opacity:.7;margin-left:4px;border:1px solid currentColor;border-radius:3px;padding:0 3px}.pframe.offline{opacity:.55;filter:grayscale(.7)}.pframe-status{font-weight:700}.pframe-status.offline{color:#9a9a9a}.pframe-status.dungeon{color:#c39bff}.pframe{cursor:pointer}.pframe.selected{border-color:#ffd100;box-shadow:0 0 0 1px #000,0 0 10px #ffd10073}.target-frame{position:absolute;left:262px;top:14px;width:250px;align-items:flex-start;cursor:context-menu}.target-frame[hidden],.target-frame [hidden]{display:none!important}.target-frame[data-kind=ally],.target-frame[data-kind=self]{border-color:#4c6}.target-frame[data-kind=party]{border-color:#5fd7ff}.target-frame[data-kind=enemy]{border-color:#8a3a2a}.target-frame[data-kind=npc]{border-color:#c8a94e;cursor:default}.target-frame[data-kind=npc] .pframe-name{color:#ffe9a8}.target-frame[data-kind=boss]{border-color:#ff7a2a;box-shadow:0 0 0 1px #000,0 0 10px #ff7a2a66}.target-frame.attacking{border-color:#f54;box-shadow:0 0 0 1px #000,0 0 10px #ff3c288c}.target-frame .pframe-name{color:#fff}.target-frame .pframe-lvl{top:27px;bottom:auto}.target-frame[data-kind=enemy] .pframe-name,.target-frame[data-kind=boss] .pframe-name{color:#fda}.tf-attack{position:absolute;right:8px;top:4px;color:#f54;font-size:14px;text-shadow:0 1px 2px #000}.tf-boss{color:#ff7a2a;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tf-bar{position:relative;height:14px;margin-top:4px;background:#222;border:1px solid #000;border-radius:2px;overflow:hidden}.tf-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#2c4}.tf-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000}.tf-bar .hp-trail{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff3c4}.tf-bar.hp-hit{border-color:#fff;box-shadow:0 0 5px #ffffffb3}.tf-cast{height:11px}.tf-cast i{background:linear-gradient(90deg,#c87000,#ffb030)}.tf-cast span{font-size:9.5px;color:#ffe2b0}.tf-statuses{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.tf-status{min-width:18px;height:16px;padding:0 2px;display:grid;grid-auto-flow:column;place-items:center;gap:1px;font-size:10px;border:1px solid var(--c);color:var(--c);background:#1c1c1c;border-radius:2px}.tf-status b{font-size:8.5px;color:#fff}.party-controls.in-run{right:150px;top:10px}.rc-dungeon{display:flex;gap:8px;justify-content:center;align-items:center;font-size:16px;margin:-4px 0 6px}.rc-list{display:flex;flex-direction:column;gap:3px;margin:10px 0 12px;text-align:left}.rc-row{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;background:#0000004d;border-radius:3px;font-size:13px}.rc-row.away{opacity:.5}.rc-mark{font-weight:900}.rc-mark.ready{color:#3f3}.rc-mark.declined{color:#f44}.rc-mark.pending{animation:pending-pulse .9s ease-in-out infinite}.rc-mark.away{font-weight:400;font-size:11px;color:#9a988a}.rc-countdown{font-size:18px;margin-bottom:10px;font-family:var(--ui-serif)}.rc-count{display:inline-block;min-width:1em;color:#fff;font-size:26px;text-shadow:0 0 12px var(--gold-text)}.portal-confirm{flex-basis:100%;text-align:right;color:#ffb347;font-size:13px;margin-bottom:4px}.toast-stack{position:absolute;left:50%;top:70px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:6;pointer-events:none}.toast-stack>*{pointer-events:auto}.social-toast{position:relative;width:320px;text-align:center}.social-toast p{margin:0 0 10px;font-size:14px}.social-toast .rc-buttons{display:flex;gap:10px;justify-content:center}.context-menu{position:fixed;z-index:1500;width:auto;min-width:160px;padding:6px;display:flex;flex-direction:column;gap:2px}.cm-title{font-weight:700;color:var(--gold-text);padding:2px 8px 6px;border-bottom:1px solid rgba(200,169,110,.25);margin-bottom:4px}.cm-item{all:unset;display:flex;justify-content:space-between;gap:16px;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:13px}.cm-item:hover:not(:disabled){background:#ffd1001f;color:#fff}.cm-item:disabled{opacity:.4;cursor:default}.cm-item.cancel{color:#9a988a}.cm-hint{color:#9a988a;font-size:11px;font-weight:700}.players-panel{right:14px;top:60px;width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 220px);display:flex;flex-direction:column}.players-search{width:100%;box-sizing:border-box;margin-bottom:8px;padding:6px 8px;background:#0d0b09;border:1px solid var(--frame-border);color:#fff;border-radius:3px}.players-list{overflow-y:auto;display:flex;flex-direction:column;gap:3px}.player-row{display:grid;grid-template-columns:26px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:4px 6px;background:#0000004d;border-radius:3px}.player-row.me{border:1px solid var(--frame-border)}.pl-lvl{grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2a2218;font-size:11px;font-weight:700}.pl-name{font-weight:700;font-size:13px}.pl-party{font-size:10px;color:#5fd7ff;border:1px solid #5fd7ff;border-radius:3px;padding:0 3px;margin-left:4px}.pl-sub{grid-column:2;font-size:11px;color:#9a988a}.pl-actions{grid-column:3;grid-row:1 / span 2;display:flex;gap:4px}.friends-panel{top:96px}.friends-add{display:flex;gap:6px;margin-bottom:8px}.friends-add .players-search{margin-bottom:0;flex:1}.friends-foot{margin-top:6px;font-size:11px}.player-row.offline{opacity:.6}.friend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;background:#666}.friend-dot.online{background:#3f3}.friend-dot.dungeon{background:#ffb347}.friend-dot.zone{background:#5fd7ff}.chat-line.whisper{color:#ff8ee8}.chat-line.whisper .who{cursor:pointer}.chat-line.whisper .who:hover{text-decoration:underline}.menu-btn{position:relative}.menu-btn.has-mail{color:#fff;box-shadow:0 0 8px #ffd10080}.menu-badge{position:absolute;right:-6px;top:-7px;min-width:16px;height:16px;border-radius:8px;padding:0 4px;background:#c0392b;color:#fff;font:800 10px/16px var(--ui-sans);text-align:center;box-shadow:0 0 0 1px #000}.menu-badge[hidden]{display:none}.mail-panel{right:14px;top:60px;width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 160px);display:flex;flex-direction:column}.mail-tabs{display:flex;gap:6px;margin-bottom:8px}.mail-tabs .active{border-color:var(--gold-text);color:#fff}.mail-inbox{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.mail-empty{padding:12px 4px}.mail-letter{padding:6px 8px;background:#0000004d;border:1px solid #2a2418;border-radius:4px;display:flex;flex-direction:column;gap:4px}.mail-letter.gift{border-color:#ffd10073}.mail-from{display:flex;gap:6px;align-items:baseline;font-size:13px}.mail-when{margin-left:auto;font-size:11px}.mail-text{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#e8e2c8}.mail-items{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.mail-items .item-slot,.mail-bag .item-slot{width:36px;height:36px}.mail-actions{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:6px}.mail-send{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.mail-send label{display:flex;align-items:center;gap:6px;font-size:13px}.mail-send input,.mail-send textarea,.feedback-form input[name=about],.feedback-form textarea{background:#0d0b09;border:1px solid var(--frame-border);color:#fff;border-radius:3px;padding:5px 7px;font:inherit;font-size:13px;-webkit-user-select:text;user-select:text}.mail-send input[name=to]{flex:1}.mail-send input[name=gold]{width:110px}.mail-send textarea,.feedback-form textarea{resize:vertical;box-sizing:border-box;width:100%}.mail-pick-head{font-size:11px}.mail-bag{display:flex;flex-wrap:wrap;gap:4px;max-height:170px;overflow-y:auto}.mail-bag .item-slot{cursor:pointer}.mail-bag .item-slot.picked{outline:2px solid #3f3;outline-offset:-2px;box-shadow:0 0 8px #1eff0066}.mail-send-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.tip-bound{color:#ff8ee8}.feedback-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1600}.feedback-form{position:relative;width:min(460px,calc(100vw - 28px));display:flex;flex-direction:column;gap:8px}.feedback-cats{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.feedback-about{display:flex;align-items:center;gap:6px;font-size:13px}.feedback-about[hidden]{display:none}.feedback-about input{flex:1}.feedback-shot{display:flex;align-items:center;gap:8px;font-size:13px}.feedback-shot[hidden]{display:none}.feedback-shot img{width:160px;max-width:45%;height:auto;border:1px solid rgba(255,255,255,.2)}.feedback-note{font-size:11px;margin:0}.feedback-error{color:#ff6b5b;font-size:12px;margin:0;min-height:1em}.feedback-actions{display:flex;justify-content:flex-end;gap:8px}@media(pointer:coarse){.feedback-form input,.feedback-form textarea,.mail-send input,.mail-send textarea{font-size:16px}}.auction-window{width:640px}.tab-badge{display:inline-block;min-width:14px;padding:0 4px;margin-left:4px;border-radius:7px;background:#1e8a12;color:#fff;font-size:10px;text-align:center}.ah-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ah-filters input,.ah-filters select,.ah-price-row input,.trade-gold input{background:#0d0b09;border:1px solid var(--frame-border);color:#fff;border-radius:3px;padding:4px 6px;font-size:12px}.ah-filters input[data-filter=text]{flex:1;min-width:140px}.ah-filters input[type=number]{width:64px}.ah-list{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto}.ah-row{display:flex;align-items:center;gap:10px;padding:4px 6px;background:#0000004d;border:1px solid #2a2418;border-radius:4px}.ah-row .item-slot{width:36px;height:36px;flex:none}.ah-row.unseen{border-color:#1e8a12;box-shadow:0 0 6px #1eff0033}.ah-name{flex:1;min-width:0;font-size:13px}.ah-price{min-width:90px;text-align:right}.ah-kind{font-size:18px;width:22px;text-align:center}.ah-pager{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.ah-price-row{display:flex;align-items:center;gap:6px;margin:8px 0 4px}.ah-price-row input{width:110px}.ah-sell-summary{font-size:12px;color:#c8c0a8}.trade-window{left:50%;top:50%;transform:translate(-50%,-54%);width:520px;max-width:calc(100vw - 28px)}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trade-col{padding:8px;border:1px solid #2a2418;border-radius:4px;background:#0000004d;display:flex;flex-direction:column;gap:4px;transition:background .2s,border-color .2s}.trade-col.confirmed{border-color:#3f3;background:#1e8c1438;box-shadow:inset 0 0 12px #1eff002e}.trade-head{font-weight:700;color:var(--gold-text);margin-bottom:4px}.trade-slot{display:flex;align-items:center;gap:8px;min-height:40px}.trade-slot .item-slot{width:36px;height:36px;flex:none}.trade-item-name{font-size:12px}.trade-gold{margin-top:6px;display:flex;align-items:center;gap:6px;font-size:13px}.trade-gold input{width:100px}@media(max-width:760px){.chat-box{width:calc(100vw - 28px);bottom:90px}.char-window{--char-top: 70px}.inspect-window{left:14px}.party-frames .pframe{width:180px}.target-frame{left:14px;top:auto;bottom:200px;width:200px}}.run-hud .run-self{position:absolute;left:14px;top:14px;pointer-events:auto}.run-hud .run-self .tf-hp{height:16px;margin-top:3px}.no-gpu-notice{left:0;right:0;top:96px;margin:0 auto;width:min(440px,calc(100vw - 28px));box-sizing:border-box;z-index:40;font-size:13.5px;line-height:1.45;color:#e8e0cc}.no-gpu-notice p{margin:0 0 8px}.no-gpu-notice .no-gpu-steps{color:var(--gold-text)}.no-gpu-notice .no-gpu-buttons{display:flex;justify-content:flex-end;margin-top:4px}.ping-icon{position:absolute;left:calc(100% + 6px);top:4px;width:26px;height:22px;display:grid;place-items:center;border-radius:5px;background:#0e0a08d1;border:1px solid #8a6a2a;box-shadow:0 0 0 1px #000;cursor:help}.ping-icon[hidden]{display:none}.ping-icon rect{fill:#ffffff2e}.ping-icon rect:nth-child(-n+2){fill:#f0b030}.ping-icon.severe{border-color:#b0502a}.ping-icon.severe rect:nth-child(-n+2){fill:#ffffff2e}.ping-icon.severe rect:first-child{fill:#ff7a3a}.run-topright{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.run-attempts{font-family:var(--ui-serif);font-size:15px;color:#fff;text-shadow:0 1px 2px #000;letter-spacing:1px}.run-attempts.low{color:#ff5a5a}.run-attempts[hidden],.run-key[hidden],.run-enrage[hidden],.run-levelflash[hidden],.spectator-overlay[hidden],.results-screen[hidden],.cast-bar[hidden],.run-key-penalty[hidden]{display:none!important}.run-leave{pointer-events:auto;cursor:pointer;background:#2a0f0f;color:#a55;border:1px solid #553333;border-radius:4px;font-family:var(--ui-sans);font-size:11px;padding:3px 10px}.run-leave:hover{background:#4a1a1a;color:#f77}.run-key{text-align:right;margin-top:6px;text-shadow:0 0 4px #000,0 1px 2px #000}.run-key-title{font-family:var(--ui-serif);font-size:13px;font-weight:700;color:#ffb347;letter-spacing:1px}.run-key-clock{font-size:26px;font-weight:800;color:#7dff7a;line-height:1.1}.run-key-penalty{font-size:12px;color:#ff8a8a}.run-key-affixes{font-size:12px;color:#ddd}.run-enrage{font-family:var(--ui-serif);font-size:18px;font-weight:800;letter-spacing:1px;text-shadow:0 0 6px #000,0 1px 2px #000;margin-top:4px}.run-announce{position:absolute;left:16px;right:16px;top:150px;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:8px;text-align:center;pointer-events:none}.run-banner{white-space:pre-line;font-family:var(--ui-serif);font-size:clamp(17px,4.5vw,26px);line-height:1.25;min-height:1.25em;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #000,0 2px 3px #000;text-wrap:balance}.run-banner[hidden]{display:block;visibility:hidden}.run-banner.big{font-size:clamp(22px,6vw,34px)}@keyframes run-banner{0%{opacity:1}70%{opacity:1}to{opacity:0}}.run-xp{position:absolute;left:50%;bottom:92px;width:560px;height:12px;transform:translate(-50%);background:#14121acc;border:1px solid #3a3350;border-radius:3px;overflow:hidden}.run-xp i{position:absolute;left:0;top:0;bottom:0;width:0;background:#8a5cff;transition:width .4s ease-out}.run-xp span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#e8dcff;text-shadow:0 0 2px #000,0 1px 1px #000}.run-xpgain{position:absolute;left:calc(50% + 320px);bottom:90px;transform:translate(-50%);pointer-events:none;font-size:15px;font-weight:700;color:#c9a8ff;text-shadow:0 0 3px #000,0 1px 2px #000;animation:xp-gain 1.3s ease-out forwards}@keyframes xp-gain{0%{opacity:1;margin-bottom:0}to{opacity:0;margin-bottom:40px}}.run-levelflash{position:absolute;inset:0;pointer-events:none;border:18px solid #ffd24d}.run-levelflash.on{animation:level-flash 1.4s ease-out forwards}@keyframes level-flash{0%{opacity:1}to{opacity:0}}.party-frames.in-run{top:calc(var(--run-self-bottom, 84px) + 8px)}.party-frames.in-run .pframe{cursor:pointer}.party-frames.in-run .tf-hp{height:13px;margin-top:3px}.party-away:empty{display:none}.party-away{display:flex;flex-direction:column;gap:6px}.action-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 6px 6px 8px;border-radius:8px;background:linear-gradient(180deg,#1e1812e6,#0a0806eb);border:1px solid var(--frame-border);box-shadow:0 0 0 1px #000,0 4px 14px #0009}.ab-slots{display:flex;gap:4px}.ab-slot{position:relative;width:52px;height:52px;border-radius:5px;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--icon-bg, #2b2620) 85%,#fff) 0%,var(--icon-bg, #2b2620) 55%,#0b0907 120%);border:2px solid var(--icon-ring, #5a4a30);box-shadow:inset 0 0 8px #000000b3,0 0 0 1px #000;transition:filter .1s,transform .06s}.ab-slot:hover{filter:brightness(1.2)}.ab-slot.extra{margin-left:10px}.ab-slot.extra .ab-key{color:#f3d27a}.ab-slot.empty{background:#00000059;border:2px dashed rgba(200,169,110,.25);box-shadow:inset 0 0 6px #000}.ab-slot.empty:hover{border-color:#c8a96e99}.ab-face{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:9px;pointer-events:none}.ab-glyph{font-size:24px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.ab-face svg{width:32px;height:32px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.ab-key{position:absolute;left:3px;top:1px;font-size:11px;font-weight:800;color:#eee;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000,0 0 3px #000}.ab-slot.empty .ab-key{color:#ffffff59}.ab-name{position:absolute;left:0;right:0;bottom:1px;font-size:9px;line-height:10px;text-align:center;color:#f4ecd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 1px #000}.ab-count{position:absolute;right:3px;top:1px;font-size:12px;font-weight:800;color:#fff;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000,0 0 3px #000}.ab-cd{position:absolute;inset:0;pointer-events:none;border-radius:3px}.ab-cdtext{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:8px;pointer-events:none;font-size:17px;font-weight:800;color:#ffe9a8;text-shadow:0 0 3px #000,0 0 3px #000}.ab-slot[data-band=short]{border-color:var(--band-short)}.ab-slot[data-band=medium]{border-color:var(--band-medium)}.ab-slot[data-band=long]{border-color:var(--band-long)}.ab-slot.far,.ab-slot.nobow{border-color:#6a6a6a}.ab-slot.far .ab-key,.ab-slot.nobow .ab-key{color:#9a9a9a}.ab-slot.far .ab-face,.ab-slot.nobow .ab-face{opacity:.55;filter:grayscale(1)}.ab-slot.far:after,.ab-slot.nobow:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:#3c3c3c73;mix-blend-mode:multiply}.ab-slot.oom:after{content:"";position:absolute;inset:0;pointer-events:none;background:#2846c880;mix-blend-mode:multiply}.ab-slot.oom .ab-face{filter:saturate(.5)}.ab-slot.active{border-color:#ffe27a;box-shadow:inset 0 0 10px #ffdc6e8c,0 0 0 1px #000,0 0 6px #ffdc6e99}.ab-slot.proc{overflow:visible;border-color:#fff2b0;animation:ab-proc-pulse .7s ease-in-out infinite alternate}.ab-slot.proc:before{content:"";position:absolute;inset:-5px;border-radius:8px;padding:3px;pointer-events:none;z-index:2;background:conic-gradient(from var(--ab-proc-turn, 0deg),#fff7c2,#ffb020 25%,#ff6a00 40%,#fff7c2 50%,#ffb020 75%,#ff6a00 90%,#fff7c2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 4px #ffb020) drop-shadow(0 0 8px rgba(255,150,30,.8));animation:ab-proc-spin 1.1s linear infinite}@property --ab-proc-turn{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes ab-proc-spin{to{--ab-proc-turn: 360deg}}@keyframes ab-proc-pulse{0%{box-shadow:inset 0 0 10px #ffdc6e99,0 0 0 1px #000,0 0 8px #ffb428b3}to{box-shadow:inset 0 0 16px #fff0a0e6,0 0 0 1px #000,0 0 18px #ffb428}}.ab-slot.proc .ab-face{filter:brightness(1.25) saturate(1.2)}.ab-slot.none-left .ab-face{filter:grayscale(1) brightness(.6)}.ab-slot.none-left .ab-count{color:#ff5a4a}.ab-slot.pressed{animation:ab-press .18s ease-out}@keyframes ab-press{0%{transform:scale(.9);filter:brightness(1.8)}to{transform:scale(1);filter:none}}.ab-slot.drag-source{opacity:.35}.ab-dragging .ab-slot{outline:1px solid rgba(255,209,0,.25);outline-offset:1px}.ab-slot.drop-hover{outline:2px solid var(--gold-text)!important;outline-offset:1px;filter:brightness(1.35)}.ab-side{display:flex;flex-direction:column;gap:4px}.ab-btn{width:26px;height:24px;padding:0;border-radius:4px;cursor:pointer;font-size:13px;line-height:1;border:1px solid #5a4a30;background:radial-gradient(circle at 50% 35%,#3a3026,#120e0a);box-shadow:inset 0 0 4px #000}.ab-btn:hover{border-color:var(--frame-trim);filter:brightness(1.25)}.ab-btn.on{border-color:var(--gold-text)}.ab-hint{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);white-space:nowrap;pointer-events:none;padding:4px 12px;border-radius:4px;background:#000000bf;border:1px solid var(--frame-border);font-size:12.5px;color:#ffe9a8;text-shadow:0 1px 1px #000}.ab-hint[hidden]{display:none}.ab-hint.on{animation:ab-hint 3.2s linear forwards}@keyframes ab-hint{0%{opacity:0}6%{opacity:1}85%{opacity:1}to{opacity:0}}.dg-btn{position:relative;flex:none;width:52px;height:52px;margin-right:4px;border-radius:5px;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 38%,#24495a,#12262f 55%,#050b0e 120%);border:2px solid #4a8ea6;box-shadow:inset 0 0 8px #000000b3,0 0 0 1px #000;transition:filter .1s}.dg-btn:hover{filter:brightness(1.2)}.dg-face{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:9px;pointer-events:none}.dg-face svg{width:32px;height:32px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.dg-cd{position:absolute;inset:0;pointer-events:none}.dg-pips{position:absolute;right:3px;top:3px;display:flex;gap:2px;pointer-events:none}.dg-pips i{width:6px;height:6px;border-radius:50%;background:#0009;box-shadow:0 0 0 1px #000}.dg-pips i.lit{background:#9fe8ff;box-shadow:0 0 0 1px #000,0 0 3px #9fe8ff}.dg-count{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:8px;pointer-events:none;font-size:17px;font-weight:800;color:#d8f6ff;text-shadow:0 0 3px #000,0 0 3px #000}.dg-name{position:absolute;left:0;right:0;bottom:4px;font-size:9px;line-height:10px;text-align:center;color:#e4f6fb;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 1px #000}.dg-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#0009;pointer-events:none}.dg-bar b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#2f8fb0,#9fe8ff)}.dg-btn.cooling .dg-face svg{opacity:.6;filter:saturate(.4) drop-shadow(0 1px 2px rgba(0,0,0,.8))}.dg-btn.cooling .dg-bar b{background:linear-gradient(90deg,#3a5a66,#6fb4cc)}.dg-flash{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0%,rgba(159,232,255,.7) 40%,transparent 75%)}.dg-btn.ready .dg-flash{animation:aa-flash .45s ease-out}.dg-btn.ready .dg-face{animation:aa-pop .3s ease-out}.dg-btn.refused{animation:dg-shake .3s ease-out}.gd-meter{position:relative;flex:none;width:8px;height:52px;margin-right:6px;border-radius:3px;overflow:hidden;background:#000000a6;border:1px solid #5a6a78;box-shadow:0 0 0 1px #000;transition:opacity .25s}.gd-fill{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(0deg,#6c7f92,#c8d8e6);pointer-events:none}.gd-mark{position:absolute;left:0;right:0;height:1px;background:#ffd0a0;opacity:0;pointer-events:none}.gd-meter.idle{opacity:.35}.gd-meter.up{border-color:#e8f2ff}.gd-meter.up .gd-fill{background:linear-gradient(0deg,#8fb4d8,#f2f8ff);box-shadow:0 0 6px #cfe6ff}.gd-meter.broken{border-color:#ff8a4a}.gd-meter.broken .gd-fill{background:linear-gradient(0deg,#8a2a14,#ff8a4a)}.gd-meter.broken .gd-mark{opacity:1}.gd-meter.refused{animation:dg-shake .3s ease-out}.fn-btn{background:radial-gradient(circle at 50% 38%,#3a3220,#1c170c 55%,#0b0905 120%);border-color:#5a4a2a}.fn-btn .dg-face svg{opacity:.35;filter:saturate(.2) drop-shadow(0 1px 2px rgba(0,0,0,.8))}.fn-btn .dg-name{color:#a89a80}.fn-btn.lit{border-color:#ffd84a;background:radial-gradient(circle at 50% 38%,#8a6a1a,#4a3408 55%,#140c02 120%);animation:fn-glow .6s ease-in-out infinite alternate}.fn-btn.lit .dg-face svg{opacity:1;filter:drop-shadow(0 0 4px #ffd84a)}.fn-btn.lit .dg-name{color:#fff2c4}.fn-btn.ready .dg-flash{background:radial-gradient(circle,#fff 0%,rgba(255,216,74,.75) 40%,transparent 75%)}@keyframes fn-glow{0%{box-shadow:inset 0 0 8px #000000b3,0 0 4px #ffd84a}to{box-shadow:inset 0 0 8px #000000b3,0 0 14px #ffd84a}}.perfect-flash{position:fixed;inset:0;pointer-events:none;z-index:50;animation:perfect-flash .55s ease-out forwards;background:radial-gradient(ellipse at center,transparent 45%,rgba(159,232,255,.55) 100%)}@keyframes perfect-flash{0%{opacity:1}to{opacity:0}}@keyframes dg-shake{0%{transform:translate(0);border-color:#f54}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px);border-color:#f54}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.dg-btn.refused,.gd-meter.refused,.dg-btn.ready .dg-face,.fn-btn.lit,.boss-stagger.broken i{animation:none}}.wow-tip .tip-mana,.tip-mana{color:#6fa8ff}.wow-tip .tip-desc{color:var(--gold-text);margin-top:3px}.wow-tip .tip-scale{color:#9fb8d8;margin-top:3px}.wow-tip.ab-tip{min-width:200px}.ab-icon{position:relative;flex:none;width:40px;height:40px;border-radius:5px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--icon-bg) 85%,#fff) 0%,var(--icon-bg) 55%,#0b0907 120%);border:2px solid var(--icon-ring);box-shadow:inset 0 0 8px #000000b3,0 0 0 1px #000}.ab-icon .ab-glyph{font-size:20px}.ab-icon svg{width:28px;height:28px}.ab-icon.big{width:52px;height:52px}.ab-icon.big svg{width:38px;height:38px}.spellbook{left:50%;bottom:96px;transform:translate(-50%);width:460px;max-height:calc(100vh - 200px);overflow-y:auto}.sb-section{font-family:var(--ui-serif);color:var(--gold-text);font-size:13px;margin:8px 0 4px;letter-spacing:.5px}.sb-row{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:5px;cursor:grab;border:1px solid transparent}.sb-row:hover{background:#ffffff0d;border-color:#c8a96e4d}.sb-row:active{cursor:grabbing}.sb-text{flex:1;min-width:0}.sb-name{font-weight:700;font-size:13.5px;color:#fff}.sb-sub{font-size:11.5px;color:#b8b4a4}.sb-desc{font-size:11.5px;color:#8a8678;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-where{flex:none}.sb-key{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:4px;font-weight:800;font-size:12px;background:#2a2218;border:1px solid var(--frame-trim);color:var(--gold-text)}.sb-add{font-size:11.5px;color:#1eff00}.sb-row.off-bar .ab-icon{opacity:.75}.sb-help{margin-top:8px}.tf-bar.tf-mana{height:9px;margin-top:2px}.tf-bar.tf-mana i{background:linear-gradient(180deg,#4d8dff,#1f4fc0);transition:width .2s linear}.tf-bar.tf-mana span{font-size:8.5px}.tf-bar.tf-mana.regen i{background:linear-gradient(90deg,#1f4fc0,#7fb2ff,#1f4fc0);background-size:200% 100%;animation:mana-flow 1.2s linear infinite}@keyframes mana-flow{0%{background-position:200% 0}to{background-position:0 0}}.run-hud .run-self .tf-mana{height:11px}.run-hud .run-self .tf-mana span{font-size:9.5px}.party-frames.in-run .tf-mana{height:7px;margin-top:2px}.run-self .tf-bar[hidden],.run-self .tf-combo[hidden]{display:none}.tf-bar.tf-power{height:11px;margin-top:2px}.tf-bar.tf-power i{transition:width .15s linear}.tf-bar.tf-power span{font-size:9.5px}.tf-combo{display:flex;gap:3px;margin-top:3px}.tf-combo b{width:10px;height:10px;border-radius:50%;background:#00000080;border:1px solid #6b5a1e}.tf-combo b.on{background:radial-gradient(circle at 35% 35%,#fff3a0,#e8c832 60%,#9a7a10);border-color:#ffe680;box-shadow:0 0 4px #e8c832}.party-frames.in-run .tf-mana span{display:none}.potion-row{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:6px;border-radius:5px;background:#0000004d;border:1px solid #2a2418}.potion-text{flex:1;font-size:12.5px}.potion-name{font-weight:700;font-size:14px}.potion-buy{display:flex;flex-direction:column;gap:4px}.potion-buy .wow-btn{white-space:nowrap}@media(max-width:1640px){.chat-box{bottom:92px}}.cast-bar{position:absolute;left:50%;bottom:124px;width:260px;height:26px;transform:translate(-50%);background:#111c;border:1px solid #555;border-radius:3px;overflow:hidden}.cast-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#c87000,#ffb030)}.cast-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000}.spectator-overlay{position:absolute;left:0;right:0;top:60px;text-align:center;pointer-events:none}.camp-frame{position:absolute;top:74px;left:50%;transform:translate(-50%);padding:4px 14px;background:#0c0a08b8;border:1px solid #5c4a2a;border-radius:4px;text-align:center;pointer-events:none}.camp-frame .name{font-family:var(--ui-serif);font-size:15px;color:#f2d48a}.camp-frame .left{font-size:12px;color:#d9d2c0}.camp-frame.cleared .left{color:#9fd08a}.death-fade{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .35s ease;pointer-events:none}.death-fade.in{opacity:1}.spectator-title{font-family:var(--ui-serif);font-size:42px;font-weight:800;color:#f44;text-shadow:0 0 10px #000,0 2px 3px #000;letter-spacing:3px}.spectator-sub{font-size:20px;color:#fff;text-shadow:0 0 6px #000,0 1px 2px #000;margin-top:6px}.death-border{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 24px #780e0899,inset 0 0 16px 3px #ff501e80;animation:death-breathe 2.6s ease-in-out infinite}.death-border[hidden]{display:none}.death-border:before{content:"";position:absolute;inset:0;padding:5px;background:conic-gradient(from var(--death-turn),transparent 0deg,rgba(255,110,50,.9) 35deg,transparent 80deg,transparent 180deg,rgba(255,110,50,.9) 215deg,transparent 260deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:death-turn 7s linear infinite}@property --death-turn{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes death-turn{to{--death-turn: 360deg}}@keyframes death-breathe{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.death-border,.death-border:before{animation:none}}.death-continue{pointer-events:auto;cursor:pointer;margin-top:14px;padding:7px 26px;font-family:var(--ui-serif);font-size:18px;font-weight:700;letter-spacing:1px;color:#ffd9a0;background:#3a1410;border:1px solid #a8452a;border-radius:4px;box-shadow:0 0 10px #000}.death-continue:hover:not(:disabled){background:#5a1e14;color:#fff0d0}.death-continue:disabled{cursor:default;color:#a08070;border-color:#5a3020}.death-continue[hidden]{display:none}.results-screen{position:absolute;inset:0;display:grid;place-items:center;background:#000000d9}.results-card{text-align:center;max-width:640px;padding:24px 32px}.results-title{font-family:var(--ui-serif);font-size:52px;font-weight:800;letter-spacing:3px;text-shadow:0 0 16px currentColor,0 2px 4px #000}.results-sub{font-size:18px;color:#c8a96e;margin-top:6px}.results-stats{font-size:18px;color:#ccc;margin-top:28px;line-height:1.5}.results-loot{font-size:17px;color:#ada;margin-top:16px}.results-return{margin-top:28px;font-size:14px;padding:10px 28px}.bank-gold{padding:8px;margin-bottom:10px;border-radius:5px;background:#0000004d;border:1px solid #2a2418}.bank-gold-totals{display:flex;justify-content:space-between;margin-bottom:6px}.bank-gold-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.bank-gold-row input{width:90px}.bank-head{margin:4px 0;font-size:12.5px}.bank-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:12px;padding:8px;border-radius:4px;background:#00000059;border:1px solid #2a2418}.bank-grid .item-slot{width:auto;aspect-ratio:1}.boss-frames{width:250px;margin-top:8px;display:flex;flex-direction:column;gap:6px;pointer-events:none;text-shadow:0 0 3px #000,0 1px 2px #000}.boss-frames[hidden]{display:none!important}.boss-phase{font-family:var(--ui-serif);font-size:12px;font-weight:700;color:#ffd24a;letter-spacing:1px;text-align:right}.boss-frame{background:#0e0a08d1;border:1px solid #8a5a2a;border-radius:4px;padding:4px 6px 5px}.boss-name{font-family:var(--ui-serif);font-size:13px;font-weight:700;color:#fc5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-tags{display:flex;gap:8px;margin-top:1px}.boss-tags[hidden]{display:none!important}.boss-tags i{font-style:normal;font-size:11px;font-weight:800}.boss-hp{height:16px}.boss-hp i{background:linear-gradient(#e0402a,#9a1e12)}.boss-mark{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffd24a;box-shadow:0 0 3px #000;z-index:1}.boss-stagger{position:relative;height:6px;margin-top:2px;background:#1a1408;border:1px solid #000;border-radius:2px;overflow:hidden}.boss-stagger[hidden]{display:none!important}.boss-stagger i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(#ffe68a,#c98a1a);transition:width .12s linear}.boss-stagger.broken{border-color:#ffd84a;box-shadow:0 0 8px #ffd84a}.boss-stagger.broken i{background:linear-gradient(#fffbe0,#ffd84a);animation:stagger-pulse .5s ease-in-out infinite alternate}.boss-stagger.locked i{background:#5a554a}@keyframes stagger-pulse{0%{filter:brightness(1)}to{filter:brightness(1.6)}}.boss-cast{position:relative;height:13px;margin-top:3px;background:#1a1424;border:1px solid #000;border-radius:2px;overflow:hidden}.boss-cast[hidden]{display:none!important}.boss-cast i{position:absolute;left:0;top:0;bottom:0;width:0;background:#b49cff}.boss-cast.kick i{background:#6ef}.boss-cast span{position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#fff}.boss-timers{display:flex;flex-direction:column;gap:3px}.boss-timer{position:relative;height:15px;background:#14121ad1;border:1px solid #000;border-radius:2px;overflow:hidden}.boss-timer i{position:absolute;left:0;top:0;bottom:0;width:0;background:#5a7ab8;transition:width .1s linear}.boss-timer.urgent i{background:#d23a2a}.boss-timer span{position:absolute;left:6px;top:0;bottom:0;display:flex;align-items:center;font-size:11px;font-weight:700;color:#fff}.boss-timer em{position:absolute;right:6px;top:0;bottom:0;display:flex;align-items:center;font-style:normal;font-size:11px;font-weight:800;color:#fff}.training-meter{width:min(270px,calc(100vw - 28px));margin-top:8px;padding:6px;pointer-events:auto;background:#0e0a08d1;border:1px solid #8a5a2a;border-radius:4px;text-shadow:0 0 3px #000,0 1px 2px #000}.tm-head{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:5px}.tm-tabs{display:flex;gap:2px}.training-meter button{font:inherit;font-size:11px;font-weight:700;color:#c9b48a;background:#241a10;border:1px solid #4a3620;border-radius:3px;padding:2px 8px;cursor:pointer}.training-meter button:hover{color:#fff;border-color:#8a5a2a}.duel-hud{width:min(220px,calc(100vw - 28px));margin-top:8px;padding:8px 10px;text-align:center;pointer-events:auto;background:#0e0a08d1;border:1px solid #8a5a2a;border-radius:4px;text-shadow:0 0 3px #000,0 1px 2px #000}.duel-hud:empty{display:none}.fishing-hud{width:min(240px,calc(100vw - 28px));margin-top:8px;padding:7px 9px;pointer-events:auto;background:#0e0a08d1;border:1px solid #4a7a8a;border-radius:4px;text-shadow:0 0 3px #000,0 1px 2px #000;font-size:12px;color:#d8d0bc}.fishing-hud[hidden],.fishing-hud .fh-catches[hidden]{display:none}.fishing-hud .fh-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.fishing-hud .fh-title{font-weight:800;color:#9fd8e8;letter-spacing:.03em}.fishing-hud button{font:inherit;font-size:11px;font-weight:700;color:#c9b48a;background:#241a10;border:1px solid #4a3620;border-radius:3px;padding:2px 8px;cursor:pointer}.fishing-hud button:hover{color:#fff;border-color:#8a5a2a}.fishing-hud .fh-status{margin-top:4px;font-variant-numeric:tabular-nums}.fishing-hud .fh-status.fresh{font-size:14px;animation:fh-pop .35s ease-out}.fishing-hud .fh-status i{color:#ffd24a;font-style:normal;font-weight:800}.fishing-hud .fh-catches{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.fishing-hud .fh-catch{position:relative;width:28px;height:28px;background:#00000073;border:1px solid #3a3020;border-radius:3px}.fishing-hud .fh-catch img{width:100%;height:100%}.fishing-hud .fh-catch b{position:absolute;right:2px;bottom:0;font-size:10.5px;color:#fff}.fishing-hud .fh-foot{margin-top:4px;font-size:11px;color:#8a8678}@keyframes fh-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}.duel-hud .dh-title{font-weight:800;color:#ffd24a;letter-spacing:.04em}.duel-hud .dh-sub{font-size:12px;color:#c9b48a;margin-top:2px}.duel-hud .dh-clock{font-size:22px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.duel-hud .dh-clock.low{color:#ff6a4a}.duel-hud .wow-btn{margin-top:6px}.tm-tabs button.on{color:#ffd24a;border-color:#c08a3a;background:#3a2814}.tm-rows{display:flex;flex-direction:column;gap:2px}.tm-row{position:relative;height:18px;background:#00000073;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:11.5px;color:#fff}.tm-row i{position:absolute;left:0;top:0;bottom:0;opacity:.85;transition:width .4s ease-out}.tm-row.idle i{opacity:.45}.tm-row.me .tm-name{color:#ffe9a8}.tm-row span{position:relative;white-space:nowrap}.tm-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;max-width:45%}.tm-val em{font-style:normal;color:#d8cbb0;font-size:10.5px}.tm-breakdown{margin-top:6px;font-size:11px;color:#d8cbb0}.tm-time{color:#fc5;font-weight:700;margin-bottom:2px}.tm-ability{display:flex;justify-content:space-between;gap:8px;padding:1px 0;border-top:1px solid rgba(255,255,255,.05)}.tm-ability b{color:#fff}.tm-hint{font-style:italic}.dps-meter{width:168px;margin-top:8px;display:flex;flex-direction:column;gap:1px;contain:content;pointer-events:none;font:600 11px var(--ui-sans);color:#fff;text-shadow:0 1px 2px #000;opacity:.85;transition:opacity .6s,display .6s allow-discrete}.run-topright:not(:has(.run-leave))>.dps-meter{margin-top:34px}.dps-meter[hidden]{display:none!important;transition:none}.dps-meter.over{opacity:.45}.dps-meter.gone{opacity:0;display:none}.dps-head{display:flex;justify-content:space-between;padding:0 4px 1px;font-size:10px;color:#d8cbb0;letter-spacing:.5px}.dps-row{position:relative;height:15px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px;background:#0000004d;border-radius:2px;overflow:hidden}.dps-row i{position:absolute;left:0;top:0;bottom:0;opacity:.55}.dps-row.me .dps-name{color:#ffe9a8}.dps-row span,.dps-row b{position:relative;white-space:nowrap}.dps-name{overflow:hidden;text-overflow:ellipsis}.dock-extra{display:contents}.quest-tracker{position:absolute;right:14px;top:38%;width:min(250px,42vw);display:flex;flex-direction:column;gap:10px;cursor:pointer;text-shadow:0 1px 2px #000,0 0 3px #000}.qt-quest{position:relative;padding:4px 8px 6px;border-radius:6px;transition:background .3s}.qt-quest:hover{background:#00000059}.qt-name{font-family:var(--ui-serif);font-size:13px;font-weight:700;color:var(--gold-text);letter-spacing:.5px;margin-bottom:3px}.qt-obj{display:flex;align-items:baseline;gap:6px;font-size:12.5px;color:#e8e6d8;line-height:1.35}.qt-obj .qt-text{flex:1}.qt-obj.done{color:#9a988a}.qt-obj.lit{animation:qt-lit .9s ease-out;border-radius:4px}@keyframes qt-lit{0%{color:#fff;background:#ffd10000}20%{color:#fff8dc;background:#ffd10073;box-shadow:0 0 14px #ffd100b3;transform:translate(-3px)}to{color:#9a988a;background:#ffd10000;box-shadow:none;transform:none}}.qt-keys{display:inline-flex;gap:2px;align-self:center}.qt-keys .keycap{min-width:16px;padding:0 4px;font-size:11px;line-height:15px;box-shadow:0 1px #5a4a30}.qt-keys .keycap.mouse{width:14px;height:19px}.qt-obj.done .qt-keys .keycap{filter:grayscale(.6) brightness(.75)}.qt-count{color:#fff;font-weight:700;white-space:nowrap;display:inline-block}.qt-dial{display:inline-flex;align-items:center;gap:5px;align-self:center}.qt-dial i{width:18px;height:18px;border-radius:50%;display:block;box-shadow:0 0 0 1px #000;background:conic-gradient(var(--gold-text) calc(var(--p, 0) * 360deg),rgba(255,255,255,.14) 0);-webkit-mask:radial-gradient(circle,transparent 5px,#000 5.5px);mask:radial-gradient(circle,transparent 5px,#000 5.5px);transition:background .25s linear}.qt-dial b{font-size:11.5px;color:#fff;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.qt-obj.done .qt-dial i{background:#6fd04a}.qt-obj.done .qt-dial b{color:#9a988a}.qt-count.bump{animation:qt-bump .35s ease-out}@keyframes qt-bump{40%{transform:scale(1.25);color:var(--gold-text)}}.qt-check{flex:none;width:11px;height:11px;border:1px solid #c8a96e;border-radius:2px;background:#00000080;position:relative;top:1px}.qt-obj.done .qt-check{background:#2f6a1a;border-color:#6fd04a}.qt-obj.done .qt-check:after{content:"";position:absolute;left:3px;top:0;width:3px;height:7px;border:solid #e8ffd8;border-width:0 2px 2px 0;transform:rotate(45deg)}.qt-check.pop{animation:qt-pop .45s cubic-bezier(.3,1.8,.5,1)}@keyframes qt-pop{0%{transform:scale(.2)}60%{transform:scale(1.6)}}.qt-quest.glow{animation:qt-glow 1.7s cubic-bezier(.2,.9,.3,1);z-index:1}@keyframes qt-glow{0%{background:#fff0b400;box-shadow:none;transform:scale(1)}10%{background:#fff5c8d9;box-shadow:0 0 44px 10px #ffd100e6,inset 0 0 0 2px #fff8dc;transform:scale(1.1);color:#1a1206}35%{background:#ffd10059;box-shadow:0 0 28px 4px #ffd10099,inset 0 0 0 1px #ffd100cc;transform:scale(1.03)}to{background:#ffd10000;box-shadow:none;transform:scale(1)}}.qt-quest.glow .qt-name{animation:qt-name-flash 1.7s ease-out}@keyframes qt-name-flash{10%{color:#fff;text-shadow:0 0 12px #fff,0 0 24px var(--gold-text)}}.qt-sparks{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.qt-spark{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,var(--gold-text) 70%,transparent);box-shadow:0 0 8px 2px #ffd100cc;animation:qt-spark 1.1s ease-out var(--t, 0s) both}@keyframes qt-spark{0%{transform:rotate(var(--a)) translate(0) scale(.6);opacity:0}12%{opacity:1;transform:rotate(var(--a)) translate(14px) scale(1.4)}to{transform:rotate(var(--a)) translate(var(--d)) scale(.2);opacity:0}}.quest-light{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse 60% 70% at 100% 45%,rgba(255,220,110,.55),rgba(255,209,0,.18) 40%,transparent 70%);animation:quest-light 1.7s ease-out forwards}@keyframes quest-light{0%{opacity:0}12%{opacity:1}45%{opacity:.5}to{opacity:0}}.quest-log{right:280px;top:150px;width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 260px);display:flex;flex-direction:column}.ql-body{overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:2px}.ql-quest{padding-bottom:10px;border-bottom:1px solid rgba(200,169,110,.15)}.ql-name{display:flex;align-items:baseline;gap:6px;font-family:var(--ui-serif);font-size:14px;font-weight:700;color:var(--gold-text)}.ql-steps{margin-left:auto;font-family:var(--ui-sans);font-size:11px;font-weight:400;color:#9a988a}.ql-mark{color:var(--gold-text);font-weight:900;text-shadow:0 0 6px rgba(255,209,0,.7)}.ql-summary{font-size:12px;color:#c9c4b0;margin:4px 0 6px;line-height:1.4}.ql-objs{display:flex;flex-direction:column;gap:2px}.ql-pin{flex:none;align-self:center;width:20px;height:20px;padding:3px;background:none;border:0;border-radius:4px;cursor:pointer;color:#6a6658}.ql-pin svg{display:block;width:100%;height:100%;fill:currentColor}.ql-pin:hover{color:#e8e6d8;background:#ffffff14}.ql-pin.on{color:var(--gold-text);filter:drop-shadow(0 0 3px rgba(255,209,0,.6))}.ql-more{color:#6a6658;font-size:12px;padding-left:17px}.ql-giver,.ql-rewards{font-size:11.5px;color:#9a988a;margin-top:6px}.ql-rewards .qc-xp{color:#b48cff}.ql-empty{color:#9a988a;font-size:12px;text-align:center;padding:18px 0}.ql-done summary{cursor:pointer;font-size:12px;color:#9a988a}.ql-done-row{font-size:12px;color:#6fd04a;padding:2px 0 0 12px}.ql-hunch{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;width:100%;text-align:left;background:linear-gradient(90deg,#ffd76a24,#ffd76a08);border:1px solid rgba(255,215,106,.35);border-radius:6px;color:#f3e6bf;cursor:pointer;font:inherit}.ql-hunch:hover{background:linear-gradient(90deg,#ffd76a42,#ffd76a0f);border-color:#ffd76a}.ql-hunch span{display:flex;flex-direction:column;line-height:1.25}.ql-hunch b{font-family:var(--ui-serif);font-size:13px;color:#ffd76a}.ql-hunch small{font-size:11px;color:#b9b09a}.ql-hunch-orb{flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff6d0 0 25%,#ffd76a 55%,#c98a1a);box-shadow:0 0 8px 2px #ffd76ab3;animation:ql-hunch-pulse 2s ease-in-out infinite}@keyframes ql-hunch-pulse{50%{box-shadow:0 0 14px 5px #ffd76ae6;transform:scale(1.12)}}.quest-complete-banner{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none;animation:qc-in 3.6s ease-out forwards;text-shadow:0 2px 4px #000,0 0 12px #000}.qc-title{font-family:var(--ui-serif);font-size:34px;font-weight:900;letter-spacing:3px;color:var(--gold-text);text-shadow:0 0 18px rgba(255,190,40,.8),0 2px 3px #000}.qc-name{font-family:var(--ui-serif);font-size:17px;color:#fff3cf;margin-top:2px}.qc-rewards{font-size:13px;margin-top:6px;color:#e8e6d8}.qc-rewards .qc-xp{color:#c8a8ff;font-weight:700}@keyframes qc-in{0%{opacity:0;transform:translate(-50%) scale(1.6)}7%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-14px)}}.hint-pulse{animation:hint-pulse 1.1s ease-in-out infinite;z-index:2}@keyframes hint-pulse{0%,to{box-shadow:0 0 0 1px #000,0 0 0 2px #ffd10080,0 0 6px 2px #ffd10059}50%{box-shadow:0 0 0 1px #000,0 0 0 3px #ffd100f2,0 0 18px 6px #ffd10099}}.quest-hint{position:absolute;display:flex;align-items:center;gap:8px;max-width:min(300px,calc(100vw - 12px));padding:7px 11px;border-radius:6px;font-size:13px;color:#fff3cf;pointer-events:none;z-index:5;background:linear-gradient(180deg,#30240ef5,#140e06f5);border:1px solid var(--gold-text);box-shadow:0 0 0 1px #000,0 0 14px #ffd10059;animation:hint-bob 1.1s ease-in-out infinite}.quest-hint[hidden]{display:none}.quest-hint:after{content:"";position:absolute;border:8px solid transparent}.quest-hint.above:after{top:100%;left:calc(var(--arrow-x, 50%) - 8px);border-top-color:var(--gold-text)}.quest-hint.right:after{right:100%;top:calc(50% - 8px);border-right-color:var(--gold-text)}.quest-hint.prompt{left:50%;bottom:120px;transform:translate(-50%);font-size:16px;padding:10px 16px;animation:none;z-index:-1}.quest-hint.prompt:after{display:none}@keyframes hint-bob{50%{translate:0 -4px}}.quest-hint-keys{display:flex;gap:3px}.keycap{display:inline-block;min-width:22px;padding:2px 6px;border-radius:4px;text-align:center;font-family:var(--ui-sans);font-size:13px;font-weight:800;color:#1a1206;background:linear-gradient(180deg,#fff3cf,#c8a96e);border:1px solid #000;box-shadow:0 2px #5a4a30}.keycap.mouse{width:18px;height:25px;min-width:0;padding:0;background:none;border:0;box-shadow:none;vertical-align:middle}.keycap.mouse svg{width:100%;height:100%;display:block}.click-cue{position:absolute;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;transform:translateY(-70%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.click-cue[hidden]{display:none}.ccue-art{width:70px;height:80px;overflow:visible}.ccue-arrow{transform-box:fill-box;transform-origin:0 0;translate:52px 6px;animation:ccue-tap 1.2s ease-in-out infinite}.ccue-btn{fill:#ffffff2e;animation:ccue-press 1.2s ease-in-out infinite}.ccue-mouse{transform-box:fill-box;transform-origin:50% 50%;animation:ccue-squish 1.2s ease-in-out infinite}.ccue-ripple{fill:none;stroke:#ffd100;stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:50% 50%;animation:ccue-ripple 1.2s ease-out infinite}.ccue-label{margin-top:2px;padding:2px 8px;border-radius:4px;white-space:nowrap;font-family:var(--ui-sans);font-size:13px;font-weight:800;color:#1a1206;background:linear-gradient(180deg,#fff3cf,#ffd100);border:1px solid #000}@keyframes ccue-tap{0%,30%,to{translate:52px 6px}45%,60%{translate:46px 18px}}@keyframes ccue-press{0%,40%,70%,to{fill:#ffffff2e}45%,62%{fill:#ffd100}}@keyframes ccue-squish{0%,40%,70%,to{scale:1}48%,60%{scale:.96}}@keyframes ccue-ripple{0%,44%{opacity:0;scale:.4}46%{opacity:1;scale:.5}80%,to{opacity:0;scale:2.2}}@media(max-width:800px){.quest-tracker{top:30%}.quest-log{right:14px}}.fps-graph{position:fixed;left:50%;top:8px;transform:translate(-50%);z-index:6000;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 4px 2px;background:#00000073;border:1px solid rgba(200,169,110,.25);border-radius:4px;font:10px/1.2 var(--ui-sans);color:#d8d6c8;text-shadow:0 1px 1px #000;font-variant-numeric:tabular-nums}.fps-graph canvas{width:160px;height:48px;display:block}.settings-window{left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 24px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;font-family:var(--ui-sans)}.settings-window .wow-frame-title{position:relative}.sw-close{margin-left:auto;width:26px;height:26px;border-radius:4px;border:1px solid var(--frame-border);background:#1e1a14;color:#d8d0b8;font-size:13px;cursor:pointer}.sw-close:hover{border-color:var(--frame-trim);color:#fff}.sw-body{overflow-y:auto;padding-right:4px;flex:1;min-height:0}.sw-body h4{margin:12px 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text)}.sw-body h4:first-child{margin-top:0}.sw-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:5px 6px;border-radius:4px;font-size:13px}.sw-row:nth-child(2n){background:#ffffff08}.sw-row>span small,.sw-note,.sw-warn{display:block;font-size:11px;color:#9a988a}.sw-row input[type=range]{width:min(160px,36vw);accent-color:var(--frame-trim)}.sw-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--frame-trim)}.sw-row select{font-size:16px;background:#1e1a14;color:#e8e0c8;border:1px solid var(--frame-border);border-radius:4px;padding:2px 4px}.sw-row b{min-width:42px;text-align:right;font-size:12px;color:#e8e0c8}.sw-value{text-align:right;font-size:12px;color:#e8e0c8;overflow-wrap:anywhere}.sw-row:has(input[type=range]){grid-template-columns:1fr auto auto}.sw-keygroup{margin:8px 6px 2px;font-size:11px;color:#9a988a;letter-spacing:.04em}.sw-keyrow.clash>span{color:#ff8a7a}.sw-keyrow.clash>span small{color:#ff8a7a}.sw-key{cursor:pointer;min-width:44px}.sw-key:hover{filter:brightness(1.1)}.sw-key.listening{background:#ffd100;animation:sw-blink .8s ease-in-out infinite alternate}@keyframes sw-blink{0%{box-shadow:0 2px #5a4a30}to{box-shadow:0 2px #5a4a30,0 0 10px #ffd100}}.sw-warn{color:#ff8a7a;margin:2px 6px 6px}.sw-note{margin:6px 6px 2px}.sw-foot{display:flex;justify-content:flex-end;margin-top:10px;padding-top:8px;border-top:1px solid rgba(200,169,110,.25)}.crosshair{position:fixed;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--xh);border-radius:50%;pointer-events:none;z-index:40;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c;transition:border-color 80ms,transform 80ms}.crosshair:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--xh);box-shadow:0 0 0 1px #0009}.crosshair.idle{--xh: rgba(255, 255, 255, .75)}.crosshair.short{--xh: var(--band-short);transform:scale(1.15)}.crosshair.medium{--xh: var(--band-medium);transform:scale(1.1)}.crosshair.long{--xh: var(--band-long);transform:scale(1.05)}.crosshair.far{--xh: #9a9a9a}.crosshair.ally{--xh: #4cdb5a;transform:scale(1.15)}.crosshair .xh-swing{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;overflow:visible;opacity:0;transform:rotate(-90deg)}.crosshair .xh-swing circle{fill:none;stroke:#ffd100;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.crosshair.swinging .xh-swing{opacity:.85}.crosshair.swinging .xh-swing circle{animation:xh-swing var(--swing-ms, 1s) linear forwards}.crosshair.swing-ready .xh-swing{animation:xh-ready .26s ease-out forwards}.crosshair.swing-ready .xh-swing circle{stroke-dashoffset:0;stroke:#fff4b0}@keyframes xh-swing{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes xh-ready{0%{opacity:1;transform:rotate(-90deg) scale(1)}to{opacity:0;transform:rotate(-90deg) scale(1.45)}}.crosshair.hidden{display:none}.roll-cue{position:fixed;left:50%;top:calc(50% - 92px);z-index:41;pointer-events:none;transform:translate(-50%) scale(calc(.75 + .25 * var(--fill, 0)));font:900 44px/1 Pirata One,Georgia,serif;letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity 90ms}.roll-cue span{color:#ff8a3d;text-shadow:0 0 4px #000,0 2px 0 #3a1000,0 0 18px rgba(255,80,20,.85)}.roll-cue.soon{opacity:calc(.35 + .5 * var(--fill, 0))}.roll-cue.now{opacity:1;transform:translate(-50%) scale(1.25);animation:roll-blink .11s steps(2,jump-none) infinite}.roll-cue.now span{color:#ffe2c8;text-shadow:0 0 4px #000,0 0 16px #ff9a50,0 0 34px #ff4a10}.roll-cue.parry span{color:#ffd75a;text-shadow:0 0 4px #000,0 2px 0 #3a2a00,0 0 18px rgba(255,210,60,.8)}.roll-cue.parry.now span{color:#fff;text-shadow:0 0 4px #000,0 0 16px #fff,0 0 34px #ffd84a}.roll-cue.cooldown{opacity:.85}.roll-cue.cooldown span{color:#b9b9b9;font-size:30px;text-shadow:0 0 4px #000,0 2px 0 #222}@keyframes roll-blink{0%{filter:brightness(1.6)}to{filter:brightness(.75)}}.roll-edge{position:fixed;inset:0;z-index:39;pointer-events:none;opacity:0;transition:opacity 80ms}.roll-edge.now{opacity:1;box-shadow:inset 0 0 90px 18px #ff6e28b3;animation:roll-blink .11s steps(2,jump-none) infinite}.roll-edge.soon{opacity:calc(.6 * var(--fill, 0));box-shadow:inset 0 0 70px 8px #ff461473}.roll-edge.parry.now{box-shadow:inset 0 0 90px 18px #fff4c8cc}.roll-edge.parry.soon{box-shadow:inset 0 0 70px 8px #ffcd3c73}.ab-slot.fresh{animation:hint-pulse 1.1s ease-in-out infinite}.quest-hint.ab-new{bottom:calc(100% + 14px);transform:translate(-50%);white-space:nowrap;--arrow-x: 50%}.world-map{z-index:60;inset:3.5vh 4vw;display:flex;flex-direction:column;padding:8px 14px 14px;border-radius:8px;border:3px solid #8a6a36;background:linear-gradient(180deg,#33261a,#1c140c);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #e8c88259,inset 0 0 26px #000000b3,0 18px 70px #000c}.wm-head{flex:none;display:flex;align-items:center;gap:14px;padding:2px 4px 9px}.wm-head h3{margin:0;font-family:var(--ui-serif);font-size:21px;letter-spacing:3px;color:var(--gold-text);text-shadow:0 1px 3px #000;white-space:nowrap}.wm-head .wow-close{flex:none}.wm-flourish{flex:1;height:7px;border-top:1px solid rgba(232,200,130,.55);border-bottom:1px solid rgba(232,200,130,.22)}.wm-stage{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:2px;background:#eee2c4;box-shadow:0 0 0 1px #000,0 0 0 3px #6e5228,0 0 0 4px #000;isolation:isolate}.wm-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.wm-canvas.over-mark{cursor:help}.wm-canvas.dragging{cursor:grabbing}.wm-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #462a0e80,inset 0 0 12px #321c088c}.wm-me,.wm-mate{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;will-change:transform}.wm-me svg{position:absolute;left:-15px;top:-15px;width:30px;height:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.wm-me i{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,196,60,.9);animation:wm-pulse 1.9s ease-out infinite}@keyframes wm-pulse{0%{transform:scale(.3);opacity:.95}to{transform:scale(1);opacity:0}}.wm-mate i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#4aa8e0;border:2px solid #12324a}.wm-mate span{position:absolute;left:0;top:8px;transform:translate(-50%);white-space:nowrap;font:italic 500 13px Alegreya,Georgia,serif;color:#123049;text-shadow:0 0 3px #f4e9cd,0 0 3px #f4e9cd,0 0 3px #f4e9cd}.wm-banner{position:absolute;left:50%;top:14px;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .14s}.wm-banner.shown{opacity:1}.wm-banner h4{margin:0;font:700 25px/1.15 var(--ui-serif);letter-spacing:2.5px;color:#2c1c0c;text-shadow:0 0 6px #f4e9cd,0 0 6px #f4e9cd,0 0 12px #f4e9cd}.wm-banner p{margin:1px 0 0;font:italic 500 16px Alegreya,Georgia,serif;color:#3f2c18;text-shadow:0 0 5px #f4e9cd,0 0 5px #f4e9cd}.wm-banner small{font:500 13px Alegreya,Georgia,serif;color:#6b4c26;text-shadow:0 0 5px #f4e9cd,0 0 5px #f4e9cd}.wm-ledger{position:absolute;left:14px;top:14px;width:214px;padding:9px 11px 10px;background:#f5ebd0e6;border:1px solid rgba(59,40,20,.7);outline:1px solid rgba(59,40,20,.28);outline-offset:2px;box-shadow:2px 3px 9px #321c0852;color:#2c1c0c}.wm-ledger-head{font:700 12.5px var(--ui-serif);letter-spacing:2px;border-bottom:1px solid rgba(59,40,20,.55);padding-bottom:4px;margin-bottom:4px}.wm-ledger button{position:relative;display:flex;justify-content:space-between;gap:8px;width:100%;padding:3px 2px 4px;border:0;background:none;cursor:pointer;font:500 15px Alegreya,Georgia,serif;color:#2c1c0c;text-align:left}.wm-ledger button:hover{color:#8a2a1c}.wm-ledger button b{font-weight:500}.wm-ledger button i{position:absolute;left:2px;bottom:1px;height:2px;background:#7a5a2a;opacity:.72}.wm-ledger-rest{margin-top:3px;font:italic 500 14px Alegreya,Georgia,serif;color:#6b4c26}.wm-ledger-total{margin-top:5px;padding-top:4px;border-top:1px solid rgba(59,40,20,.4);font:italic 500 13.5px Alegreya,Georgia,serif;color:#4e361b}.wm-tools{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:5px}.wm-tools button{width:32px;height:32px;padding:0;cursor:pointer;font:700 17px/1 Georgia,serif;color:#2c1c0c;background:#f5ebd0eb;border:1px solid rgba(59,40,20,.75);border-radius:50%;box-shadow:1px 2px 5px #321c0861}.wm-tools button:hover{background:#fff6df;color:#8a2a1c}.wm-compass{position:absolute;right:14px;bottom:12px;width:104px;height:104px;pointer-events:none;opacity:.86}.wm-scale{position:absolute;left:16px;bottom:15px;pointer-events:none;font:italic 500 14px Alegreya,Georgia,serif;color:#2c1c0c;text-shadow:0 0 4px #f4e9cd,0 0 4px #f4e9cd}.wm-bar{height:5px;margin-bottom:2px;border:1px solid #2c1c0c;background:repeating-linear-gradient(90deg,#2c1c0c 0 20%,#f4e9cd 20% 40%)}.wm-coords{position:absolute;right:128px;bottom:15px;pointer-events:none;font:italic 500 13.5px Alegreya,Georgia,serif;color:#4e361b;text-shadow:0 0 4px #f4e9cd,0 0 4px #f4e9cd}.intro-crawl{position:fixed;inset:0;z-index:5000;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#1b1a3a,#0b0b1c 45%,#030308);font-family:Cinzel,Georgia,serif;color:#f2c84b;transition:opacity 1.2s ease}.intro-crawl.closing{opacity:0;pointer-events:none}.intro-sky{position:absolute;inset:0}.intro-sky i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#fff;opacity:.85}.intro-sky i.twinkle{animation:intro-twinkle var(--d) ease-in-out var(--o) infinite alternate}@keyframes intro-twinkle{0%{opacity:.15}to{opacity:1}}.intro-moon{position:absolute;top:8%;right:9%;width:clamp(48px,9vw,110px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8df,#f1e2b0 45%,#c9b67e);box-shadow:0 0 40px 8px #ffecaa40,0 0 120px 30px #ffecaa14;opacity:0;animation:intro-fade-in 4s ease 1s forwards}.intro-opening{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(640px,calc(100% - 32px));text-align:center;font-family:Georgia,serif;font-size:clamp(18px,3.4vw,28px);line-height:1.5;color:#6fd3ee;opacity:0;animation:intro-opening 5s ease .5s forwards}@keyframes intro-opening{0%{opacity:0}20%,75%{opacity:1}to{opacity:0}}.intro-title{position:absolute;top:50%;left:50%;white-space:nowrap;font-size:clamp(44px,12vw,140px);font-weight:700;letter-spacing:.06em;color:#f2c84b;text-shadow:0 0 18px rgba(255,170,40,.55),0 0 2px #fff3c4;transform:translate(-50%,-50%) scale(1.8);opacity:0;animation:intro-title 7s cubic-bezier(.3,0,.7,1) 5.2s forwards}@keyframes intro-title{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0}6%{opacity:1}85%{opacity:1}to{transform:translate(-50%,-50%) scale(.05);opacity:0}}.intro-field{position:absolute;inset:0;perspective:340px;perspective-origin:50% 0%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 100%)}.intro-text{position:absolute;top:100%;left:50%;width:min(620px,92%);transform-origin:50% 0%;transform:translate(-50%) rotateX(24deg) translateY(0);font-size:clamp(19px,3.6vw,30px);line-height:1.45;font-weight:600;text-align:justify;text-shadow:0 0 10px rgba(255,170,40,.35);animation:intro-crawl 44s linear 8s forwards}@keyframes intro-crawl{0%{transform:translate(-50%) rotateX(24deg) translateY(0)}to{transform:translate(-50%) rotateX(24deg) translateY(-175%)}}.intro-text p{margin:0 0 1.1em}.intro-chapter{text-align:center;letter-spacing:.2em;font-size:.85em}.intro-heading{margin:0 0 1.1em;text-align:center;font-size:1.6em;letter-spacing:.08em;font-weight:700}.intro-name{color:#fff1c0}.intro-last{text-align:center;padding-top:.6em;font-size:1.15em}@media(max-width:640px){.intro-text{width:82%;text-align:left;font-size:18px}}.intro-skip{position:absolute;right:16px;bottom:16px;padding:8px 16px;border-radius:6px;cursor:pointer;font:600 15px Cinzel,Georgia,serif;letter-spacing:.05em;color:#f2c84b;background:#0a0a1899;border:1px solid rgba(242,200,75,.45);opacity:0;animation:intro-fade-in 1s ease 1.5s forwards}.intro-skip:hover,.intro-skip:focus-visible{background:#f2c84b26;outline:none}.intro-speed{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:6px;opacity:0;animation:intro-fade-in 1s ease 1.5s forwards}.intro-speed-btn{width:36px;height:36px;border-radius:6px;cursor:pointer;padding:0;font:700 18px Georgia,serif;color:#f2c84b;background:#0a0a1899;border:1px solid rgba(242,200,75,.45)}.intro-speed-btn:hover,.intro-speed-btn:focus-visible{background:#f2c84b26;outline:none}.intro-speed-value{min-width:3.2em;text-align:center;font:600 15px Cinzel,Georgia,serif;letter-spacing:.05em}.intro-waiting{position:absolute;left:0;right:0;bottom:18%;margin:0;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:clamp(16px,2.6vw,22px);color:#6fd3ee;opacity:0;transition:opacity .6s ease;pointer-events:none}.intro-crawl.story-done{z-index:3900}.intro-crawl.story-done .intro-opening,.intro-crawl.story-done .intro-title,.intro-crawl.story-done .intro-field,.intro-crawl.story-done .intro-skip,.intro-crawl.story-done .intro-speed{animation:none;opacity:0;transition:opacity .6s ease;pointer-events:none}.intro-crawl.story-done .intro-waiting{opacity:1}@keyframes intro-fade-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.intro-opening,.intro-title{display:none}.intro-field{perspective:none;-webkit-mask-image:none;mask-image:none;overflow-y:auto}.intro-text{position:relative;top:auto;margin:10vh auto;left:auto;transform:none;animation:none;font-size:clamp(16px,2.6vw,20px)}.intro-sky i.twinkle,.intro-moon{animation:none;opacity:.85}.intro-skip{animation:none;opacity:1}.intro-speed{display:none}}.ld{--ld-accent: #e0a040;--ld-red: #d9483b;--ld-red-edge: #7d2219;--ld-green: #5cc27a;--ld-green-edge: #24663a;position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--ld-accent) 28%,#120d0a),#0f0b09 60%,#0a0807);color:#f3e6cf;font-family:system-ui,-apple-system,Segoe UI,sans-serif;opacity:1;transition:opacity .35s ease}.ld.leaving{opacity:0;pointer-events:none}.ld-hold{position:absolute;inset:0;width:100%;height:100%;animation:ld-dim .3s ease forwards}@keyframes ld-dim{0%{filter:none}to{filter:grayscale(1) brightness(.45)}}.ld.held .ld-card{animation:ld-rise .3s ease .1s both}@keyframes ld-rise{0%{opacity:0}to{opacity:1}}.ld-card{position:relative;width:min(760px,100%);display:flex;flex-direction:column;gap:10px}.ld-title{font-size:clamp(26px,5vw,40px);font-weight:800;letter-spacing:.02em;text-align:center;color:var(--ld-accent);text-shadow:0 3px 0 #000,0 0 24px color-mix(in srgb,var(--ld-accent) 45%,transparent)}.ld-sub{text-align:center;color:#c9b89c;font-size:14px;min-height:1.2em;margin-top:-6px}.ld-map{position:relative;width:100%;height:clamp(190px,42vh,360px);background:#1a1411;border:3px solid #000;border-radius:12px;box-shadow:0 6px #000,inset 0 0 0 2px #2f241d;overflow:hidden}.ld-group{position:absolute;border-radius:8px;background:#ffffff08;transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease}.ld-group-label{position:absolute;left:6px;top:1px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a8927a;white-space:nowrap;overflow:hidden;max-width:calc(100% - 8px);pointer-events:none}.ld-block{position:absolute;box-sizing:border-box;border-radius:6px;overflow:hidden;background:var(--ld-red);border:2px solid var(--ld-red-edge);box-shadow:inset 0 3px #ffffff38,inset 0 -3px #00000040;transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease,background-color .2s,border-color .2s;cursor:default}.ld-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--ld-green);transition:height .2s ease}.ld-block.done{background:var(--ld-green);border-color:var(--ld-green-edge);animation:ld-pop .35s cubic-bezier(.3,1.8,.5,1)}.ld-block.done .ld-fill{height:100%!important}.ld-block.failed{background:repeating-linear-gradient(45deg,#3a1512 0 6px,#521c17 6px 12px);border-color:#ff6a5a}.ld-block.failed:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;color:#ff8a7a}.ld-block.retrying{animation:ld-shake .4s ease-in-out infinite}.ld-block.hover{outline:3px solid #fff3cf;outline-offset:-3px;z-index:1}@keyframes ld-pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ld-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.ld-legend{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;font-size:12px;color:#a8927a}.ld-legend b{color:#f3e6cf;font-weight:600}.ld-legend .all-done b{color:var(--ld-green)}.ld-bar{position:relative;height:18px;background:#000;border-radius:9px;border:2px solid #000;overflow:hidden}.ld-bar-fill{height:100%;width:0;border-radius:7px;transition:width .25s ease;background:linear-gradient(180deg,#8ee6a4,var(--ld-green) 55%,#3f9a5a)}.ld-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.ld-status{font-size:13px;color:#c9b89c;text-align:center;min-height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-skip{align-self:center;font:inherit;font-size:13px;font-weight:700;padding:4px 14px;border-radius:8px;cursor:pointer;border:2px solid #000;box-shadow:0 3px #000;background:#3a2c22;color:#f3e6cf}.ld-skip:disabled{opacity:.6;cursor:default}.ld-note{font-size:13px;color:#f0c070;text-align:center}.ld-fail{background:#2a1210;border:2px solid #ff6a5a;border-radius:10px;padding:10px 12px;text-align:center;font-size:14px}.ld-fail .ld-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.ld-fail button,.ld-note button{font:inherit;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer;border:2px solid #000;box-shadow:0 3px #000;background:var(--ld-accent);color:#1a1008}.ld-fail button.ghost,.ld-note button{background:#3a2c22;color:#f3e6cf}.ld-note button{margin-left:8px;padding:2px 10px;font-size:12px}.ld-tip{font-size:13px;color:#8f7d66;text-align:center;font-style:italic}.ld [hidden]{display:none!important}@media(hover:none)and (pointer:coarse){.ld button{font-size:16px}}body.replay-viewer .action-bar,body.replay-viewer .run-self,body.replay-viewer .cast-bar{display:none!important}.replay-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100% - 24px));display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#0a0806e0;border:1px solid #5a4630;color:#f1e6cc;font:13px system-ui,sans-serif}.replay-bar button,.replay-bar select{font:inherit;color:inherit;background:#2a2118;border:1px solid #5a4630;border-radius:5px;padding:4px 8px;cursor:pointer}.replay-bar .rb-play{min-width:64px;font-weight:600}.rb-track{position:relative;flex:1 1 220px;display:flex;align-items:center}.rb-scrub{width:100%;margin:0;accent-color:#c9a227}.rb-moment{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;background:#f54;pointer-events:none;border-radius:1px}.rb-label{font-variant-numeric:tabular-nums;white-space:nowrap}.rb-note{flex-basis:100%;color:#ffb066}.rb-note:empty{display:none}