.wb-ui{--f-head: "Silkscreen", "Courier New", monospace;--f-body: "VT323", "Courier New", monospace;--paper: #f0e6d8;--paper-2: #cfc4b6;--muted: #8f8590;--dim: #6f6672;--terra: #d97757;--terra-2: #b85a3a;--teal: #3cc6b4;--teal-2: #1f7f73;--gold: #ffd84a;--red: #e5484d;--green: #7bd88f;--blue: #5fa8ff;--edge: #09070c;--panel: rgba(22, 18, 27, .95);--panel-2: #231e2a;--panel-3: #2d2735;--slot: #17131c;position:fixed;inset:0;pointer-events:none;z-index:50;font-family:var(--f-body);font-size:20px;line-height:1.1;color:var(--paper);user-select:none;-webkit-font-smoothing:none}.wb-ui *,.wb-ui *:before,.wb-ui *:after{box-sizing:border-box}.wb-ui button,.wb-ui input{font:inherit;color:inherit}.wb-ui img.wb-icon,.wb-ui img.wb-glyph,.wb-ui img.wb-portrait,.wb-ghost img,.wb-tooltip img{image-rendering:pixelated}.wb-scale{position:fixed;left:0;top:0;overflow:hidden}.wb-ui .dim{color:var(--muted)}.wb-ui .wb-icon{width:32px;height:32px;display:block}.wb-ui .wb-icon.xs{width:20px;height:20px;display:inline-block;vertical-align:-4px}.wb-ui .wb-glyph{display:inline-block;vertical-align:middle}.wb-ui .wb-btn{pointer-events:auto;font-family:var(--f-head);font-size:13px;letter-spacing:.5px;padding:7px 14px 8px;background:#3a3344;color:var(--paper);border:2px solid var(--edge);box-shadow:inset 0 2px #ffffff24,inset 0 -3px #00000059;cursor:pointer;white-space:nowrap;transition:background .08s,filter .08s}.wb-ui .wb-btn:hover:not(:disabled){background:#4a4256}.wb-ui .wb-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 3px #00000059}.wb-ui .wb-btn:disabled{opacity:.42;cursor:default}.wb-ui .wb-btn.primary{background:var(--terra);color:#1d120d}.wb-ui .wb-btn.primary:hover:not(:disabled){background:#e88b6b}.wb-ui .wb-btn.danger{background:#8e2e36}.wb-ui .wb-btn.danger:hover:not(:disabled){background:#a83842}.wb-ui .wb-btn.sm{font-size:11px;padding:4px 8px 5px}.wb-ui .wb-btn.big{font-size:16px;padding:11px 26px 12px}.wb-ui .wb-btn.busy{filter:saturate(.4)}.wb-ui .wb-btn:focus-visible,.wb-ui .wb-chip:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.wb-ui .wb-chip{pointer-events:auto;font-family:var(--f-head);font-size:11px;padding:3px 9px 4px;background:transparent;border:2px solid #4a4256;color:var(--paper-2);cursor:pointer}.wb-ui .wb-chip:hover{border-color:#6a6078;color:var(--paper)}.wb-ui .wb-chip.on{background:var(--teal-2);border-color:var(--teal);color:#fff}.wb-ui .wb-x{pointer-events:auto;width:28px;height:28px;font-family:var(--f-head);font-size:18px;line-height:18px;background:transparent;border:2px solid transparent;color:var(--muted);cursor:pointer}.wb-ui .wb-x:hover{color:var(--paper);border-color:#4a4256}.wb-ui .wb-input{pointer-events:auto;font-family:var(--f-body);font-size:24px;padding:4px 10px 5px;background:#0e0b12;color:var(--paper);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #2e2836;outline:none;user-select:text}.wb-ui .wb-input:focus{box-shadow:inset 0 0 0 2px var(--teal-2)}.wb-ui .wb-input::placeholder{color:#5d5462}.wb-ui .wb-bar{position:relative;height:8px;background:#0e0b12;border:2px solid var(--edge);overflow:hidden}.wb-ui .wb-bar .fill{position:absolute;left:0;top:0;bottom:0;background:var(--paper);transition:width .2s;box-shadow:inset 0 2px #ffffff40}.wb-ui .wb-bar.hp .fill{background:var(--green)}.wb-ui .wb-bar.xp .fill{background:var(--blue)}.wb-ui .wb-bar.xp{height:6px}.wb-ui .tag{display:inline-block;font-family:var(--f-head);font-size:9px;letter-spacing:.5px;padding:1px 5px 2px;border:2px solid #4a4256;color:var(--paper-2);margin-left:6px;vertical-align:2px}.wb-ui .tag.on{border-color:var(--teal);color:var(--teal)}.wb-ui .tag.dim{color:var(--muted)}.wb-ui .wb-slot{position:relative;width:44px;height:44px;background:var(--slot);border:2px solid var(--edge);box-shadow:inset 2px 2px #00000073,inset -2px -2px #ffffff0d;display:flex;align-items:center;justify-content:center}.wb-ui .wb-slot .wb-count{position:absolute;right:2px;bottom:-1px;font-size:20px;color:#fff;text-shadow:2px 2px 0 #1a1320;pointer-events:none}.wb-ui .wb-slot .wb-dur{display:none}.wb-tooltip{position:fixed;left:0;top:0;z-index:100;max-width:300px;padding:7px 10px 8px;background:#100a14f7;border:2px solid #2a0f3a;box-shadow:inset 0 0 0 2px #4a2a6a,0 6px #00000059;font-family:VT323,monospace;font-size:20px;line-height:1.05;color:#f0e6d8;pointer-events:none;opacity:0;transition:opacity .08s}.wb-tooltip.show{opacity:1}.wb-tooltip .tt-name{font-size:22px;color:#fff}.wb-tooltip .tt-kind{color:#8f8590;font-size:17px;margin-bottom:3px}.wb-tooltip .tt-stat{color:#7fd6ff}.wb-tooltip .tt-desc{color:#b8aebb;font-style:italic}.wb-tooltip .kind-tool{color:#9fd6ff}.wb-tooltip .kind-weapon{color:#ff9a8a}.wb-tooltip .kind-capture{color:#7bd88f}.wb-tooltip .kind-food{color:#ffd28a}.wb-tooltip .kind-evolution{color:#c58bff}.wb-tooltip .kind-special{color:#3cc6b4}.wb-tooltip .kind-currency{color:#ffd84a}.wb-ghost{position:fixed;z-index:120;width:36px;height:36px;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.5))}.wb-ghost img{width:36px;height:36px;image-rendering:pixelated}.wb-ghost span{position:absolute;right:-2px;bottom:-4px;font:20px VT323,monospace;color:#fff;text-shadow:2px 2px 0 #1a1320}.wb-hud{position:absolute;inset:0}.hud-off .wb-hud>*:not(.wb-chat){display:none!important}.hud-off .wb-chat:not(.open){display:none}.wb-hud .shade-text,.wb-place,.wb-doombox,.wb-itemname,.wb-context{text-shadow:2px 2px 0 rgba(10,6,14,.85)}.wb-crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;mix-blend-mode:difference;opacity:.9}.wb-crosshair:before,.wb-crosshair:after{content:"";position:absolute;background:#fff}.wb-crosshair:before{left:8px;top:0;width:2px;height:18px}.wb-crosshair:after{top:8px;left:0;height:2px;width:18px}.capturing .wb-crosshair{opacity:0}.wb-clickplay{position:absolute;left:50%;top:calc(50% + 28px);transform:translate(-50%);display:none;font-family:var(--f-head);font-size:12px;letter-spacing:1px;color:var(--paper);background:#0a080d99;padding:6px 10px;text-shadow:2px 2px 0 rgba(0,0,0,.8);pointer-events:none}.wb-clickplay.show{display:block}.wb-conn{position:absolute;left:50%;top:64px;transform:translate(-50%);display:none;font-family:var(--f-head);font-size:12px;letter-spacing:1px;color:#ffb3a8;background:#280a0cd9;box-shadow:inset 0 0 0 2px #7a2a2a;padding:8px 14px;pointer-events:none;animation:wb-blink 1.2s steps(2) infinite}.wb-conn.show{display:block}.capturing .wb-hint,.capturing .wb-target{display:none!important}.capturing .wb-itemname{visibility:hidden}.wb-hud:has(.wb-debug.show) .wb-hint,.wb-hud:has(.wb-players.show) .wb-target{display:none!important}.wb-place{position:absolute;left:14px;top:12px;display:flex;align-items:baseline;gap:10px;padding:5px 12px 6px;background:#0c091080;border-left:3px solid var(--teal)}.wb-place .name{font-family:var(--f-head);font-size:14px;letter-spacing:.5px}.wb-place .temp{font-size:22px;color:#9fe3d8}.wb-place.ood{border-left-color:#f0f}.wb-place.ood .name{color:#ff9bff;animation:wb-glitch .6s steps(2) infinite}.wb-doombox{position:absolute;right:14px;top:12px;width:196px;padding:7px 10px 8px;background:#0c091080;border-right:3px solid var(--terra)}.wb-doombox .row{display:flex;align-items:center;gap:8px}.wb-doombox .lbl{font-size:24px;line-height:20px}.wb-doombox .val{font-size:28px;line-height:20px;margin-left:auto}.wb-doombox .clock{width:24px;height:24px}.wb-doombox .wb-bar.doom{height:10px;margin-top:5px}.wb-doombox .agi{font-size:17px;color:#a39aa8;margin-top:4px;text-shadow:none}.wb-doombox .event{font-size:18px;color:var(--gold)}.wb-doombox .event:empty{display:none}.wb-doombox.critical{border-right-color:#ff3b30;animation:wb-pulse-bg 1s ease-in-out infinite}@keyframes wb-pulse-bg{50%{background:#780c0c8c}}.wb-top{position:absolute;left:50%;top:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:640px}.wb-banner{display:none;max-width:640px;text-align:center;padding:10px 22px 12px;background:#100c14e0;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #3a3040,0 6px #0000004d;opacity:0;transform:translateY(-12px);transition:opacity .35s,transform .35s}.wb-banner.show{display:block;opacity:1;transform:none;animation:wb-drop .4s ease-out}@keyframes wb-drop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.wb-banner .lbl{font-family:var(--f-head);font-size:11px;letter-spacing:3px;color:var(--gold);margin-bottom:4px}.wb-banner .txt{font-size:28px;line-height:1}.wb-banner.s1{box-shadow:inset 0 0 0 2px #7a5a1a,0 6px #0000004d}.wb-banner.s1 .lbl{color:#ffb547}.wb-banner.s2{background:#46060aeb;box-shadow:inset 0 0 0 2px #c2242c,0 0 40px #ff1e1e59}.wb-banner.s2 .lbl{color:#ff6b5e}.wb-banner.s2 .txt{animation:wb-glitch 1.2s steps(2) infinite}@keyframes wb-glitch{0%,90%{transform:none}92%{transform:translate(-2px,1px)}96%{transform:translate(2px,-1px)}}.wb-boss{display:none;width:440px;text-align:center}.wb-boss.show{display:block}.wb-boss .label{font-family:var(--f-head);font-size:12px;letter-spacing:1px;margin-bottom:4px;text-shadow:2px 2px 0 rgba(0,0,0,.8)}.wb-boss .wb-bar{height:12px}.wb-boss .wb-bar .fill{background:linear-gradient(90deg,#b7bcc4,#e5484d)}.wb-boss.contained .wb-bar .fill{background:var(--teal)}.wb-boss.contained .label{color:#9fe3d8}.wb-target{display:none;align-items:center;gap:8px;padding:5px 12px 6px 6px;background:#0c09109e;border:2px solid rgba(0,0,0,.5);min-width:170px}.wb-target.show{display:flex}.wb-target .wb-portrait{width:36px;height:36px}.wb-target .wb-icon{width:28px;height:28px}.wb-target .info{flex:1}.wb-target .nm{font-size:20px;white-space:nowrap}.wb-target .nm .sp,.wb-target .nm .lv{color:var(--muted)}.wb-target .shiny{color:var(--gold)}.wb-target .wb-bar{height:6px;margin:2px 0;border-width:1px}.wb-target .who{font-size:16px;color:var(--muted)}.wb-target.block{min-width:0}.wb-bottom{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.wb-itemname{font-size:24px;height:22px;line-height:22px;transition:opacity .2s}.wb-context{display:flex;align-items:center;gap:8px;width:100%;padding:0 2px}.wb-context .lbl{font-family:var(--f-head);font-size:11px;letter-spacing:.5px}.wb-context .wb-bar.ctx{flex:1;height:12px}.wb-context .wb-bar.ctx .fill{background:linear-gradient(180deg,#fff6e8,#e6d6c0)}.wb-context .ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(9,7,12,.7) calc(10% - 2px) 10%)}.wb-context .val{font-size:20px;min-width:62px;text-align:right}.wb-context.low .wb-bar.ctx .fill{background:var(--red);animation:wb-blink .8s steps(2) infinite}.wb-context.low .val{color:#ff8a80}@keyframes wb-blink{50%{opacity:.55}}.wb-hotbar{display:flex;gap:2px;padding:3px;background:#0a080db3;border:2px solid var(--edge)}.wb-hotbar .wb-slot{width:46px;height:46px;background:#1c1722bf}.wb-hotbar .wb-slot.sel{box-shadow:0 0 0 3px var(--paper),inset 0 0 0 2px #0009;z-index:1;background:#3c3446cc}.wb-hotbar .wb-key{position:absolute;left:3px;top:0;font-size:14px;color:#f0e6d859}.wb-hotbar .wb-slot.sel .wb-key{color:var(--paper)}.wb-active{position:absolute;right:14px;bottom:12px;display:flex;align-items:center;gap:10px;width:264px;padding:7px 10px 8px 7px;background:#0c09109e;border:2px solid rgba(0,0,0,.5);border-right:3px solid var(--teal)}.wb-active.empty{background:none;border:none;width:auto;padding:0}.wb-active .wb-portrait{width:56px;height:56px;background:#ffffff0d;border:2px solid var(--edge)}.wb-active .info{flex:1;min-width:0}.wb-active .nm{display:flex;justify-content:space-between;gap:6px;font-size:21px}.wb-active .nm .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-active .nm .lv{color:var(--gold);white-space:nowrap}.wb-active .hprow{display:flex;align-items:center;gap:6px;margin:2px 0 4px}.wb-active .hprow .wb-bar{flex:1}.wb-active .hpv{font-size:17px;color:var(--paper-2);min-width:52px;text-align:right}.wb-active .hint{font-size:19px;color:var(--paper-2);text-shadow:2px 2px 0 rgba(0,0,0,.8)}.wb-ui .kbd{display:inline-block;font-family:var(--f-head);font-size:11px;padding:1px 6px 2px;margin-right:3px;border:2px solid rgba(240,230,216,.5);color:var(--paper);vertical-align:2px}.wb-toasts{position:absolute;right:14px;top:116px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:330px}.wb-toast{display:flex;align-items:center;gap:8px;max-width:330px;padding:7px 12px 8px;background:#120e16eb;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c,0 5px #0000004d;font-size:20px;transform:translate(360px);transition:transform .28s cubic-bezier(.2,.9,.3,1.2),opacity .3s}.wb-toast.show{transform:none}.wb-toast.hide{opacity:0;transform:translate(40px)}.wb-toast.warn{box-shadow:inset 0 0 0 2px #7a5a1a,0 5px #0000004d}.wb-toast.error{box-shadow:inset 0 0 0 2px #8e2e36,0 5px #0000004d;color:#ffc9c4}.wb-toast.achievement{width:330px;padding:9px 12px 10px;background:#18120cf2;box-shadow:inset 0 0 0 2px #8a6a1e,0 5px #0000004d}.wb-toast.achievement .wb-glyph{width:36px;height:36px;flex:none}.wb-toast .t1{font-family:var(--f-head);font-size:11px;letter-spacing:1px;color:var(--gold)}.wb-toast .t2{font-size:24px;line-height:1;margin-top:2px}.wb-toast .t3{font-size:17px;color:var(--muted)}.wb-hurt{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(200,20,30,.55) 100%)}.wb-hurt.on{animation:wb-hurt .6s ease-out}@keyframes wb-hurt{0%{opacity:1}to{opacity:0}}.wb-doomfx{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(160,0,10,.5) 100%);transition:opacity 2s}.wb-doomfx.on{opacity:1;animation:wb-doombreath 3s ease-in-out infinite}@keyframes wb-doombreath{50%{opacity:.6}}.wb-debug{display:none;position:absolute;left:14px;top:52px;padding:6px 10px;background:#00000080;font-size:19px;line-height:1.05;color:#e8e8e8}.wb-debug.show{display:block}.wb-debug .k{color:#9fe3d8}.wb-players{display:none;position:absolute;left:50%;top:70px;transform:translate(-50%);width:480px;padding:10px 14px 12px;background:#0e0b12e6;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c}.wb-players.show{display:block}.wb-players .head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-head);font-size:14px;margin-bottom:6px}.wb-players .head .dim{font-family:var(--f-body);font-size:18px}.wb-players .row{display:grid;grid-template-columns:1fr 64px 104px;padding:2px 4px;font-size:21px}.wb-players .row span:not(.nm){text-align:right}.wb-players .row.th{font-size:17px;color:var(--muted);border-bottom:2px solid #2e2836;margin-bottom:3px}.wb-players .row.me{background:#ffffff0d}.wb-players .nm{display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap}.wb-players .sw{width:12px;height:12px;border:2px solid var(--edge);flex:none}.wb-players .foot{margin-top:8px;font-size:18px;color:var(--muted);text-align:center}.wb-hint{pointer-events:auto;position:absolute;left:14px;top:62px;width:440px;padding:9px 12px 12px;background:#0e0b12db;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c;transition:opacity .3s}.wb-hint.hide{opacity:0}.wb-hint .head{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-head);font-size:12px;letter-spacing:1px;color:var(--teal)}.wb-hint .x{pointer-events:auto;background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;padding:0 2px}.wb-hint .sub{font-size:19px;color:var(--paper-2);margin:3px 0 8px}.wb-hint .sub.goal{color:var(--gold);margin-top:-4px}.wb-hint .keys{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.wb-hint .keys>div{display:flex;align-items:center;gap:6px;font-size:19px;margin:2px 0;white-space:nowrap}.wb-hint .keys .kbd{min-width:84px;text-align:center;margin:0}.wb-hint .keys .v{color:var(--paper-2)}.wb-hint .wb-btn{margin-top:8px;width:100%}.wb-chat{position:absolute;left:12px;bottom:12px;width:400px;display:flex;flex-direction:column}.wb-chat-log{max-height:248px;overflow:hidden;padding:4px 6px;display:flex;flex-direction:column}.wb-chat-log>.wb-line:first-child{margin-top:auto}.wb-line{font-size:20px;line-height:1.08;padding:1px 4px;text-shadow:2px 2px 0 rgba(10,6,14,.9);background:#0a080d6b;overflow-wrap:anywhere;transition:opacity .2s}.wb-line .sep{color:var(--paper-2)}.wb-line.k1{color:#9fe3d8}.wb-line.k2 .nm{color:#f0b98a}.wb-line.k2{color:#e6dccf}.wb-line.k3,.wb-line.k3 .sep{color:var(--gold)}.wb-line.k4{color:#a89eaa;font-style:italic}.wb-chat-row{display:none;align-items:center;gap:6px;margin-top:4px;padding:3px 8px;background:#0a080dd1;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c}.wb-chat-row .prompt{color:var(--terra);font-size:22px}.wb-chat-in{pointer-events:auto;flex:1;background:none;border:none;outline:none;font-size:22px;color:var(--paper);user-select:text}.wb-chat-in::placeholder{color:#5d5462}.wb-chat.open .wb-chat-row{display:flex}.wb-chat.open .wb-chat-log{pointer-events:auto;overflow-y:auto;max-height:340px;background:#0a080d8c;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.wb-chat.open .wb-line{opacity:1!important;background:none}.wb-modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#08060c6b}.wb-modal.show{display:flex;pointer-events:auto;animation:wb-fade .12s ease-out}@keyframes wb-fade{0%{opacity:0}}.wb-panel{position:relative;display:flex;flex-direction:column;max-height:calc(100% - 40px);max-width:calc(100% - 32px);background:var(--panel);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #2f2838,0 8px #00000059,0 24px 60px #00000080;animation:wb-pop .14s ease-out}@keyframes wb-pop{0%{transform:scale(.97) translateY(6px);opacity:.4}}.wb-panel-head{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 16px;border-bottom:2px solid var(--edge);box-shadow:0 2px #2f2838;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.wb-panel-head .title{font-family:var(--f-head);font-size:17px;letter-spacing:1px;white-space:nowrap}.wb-panel-head .title .dim{font-family:var(--f-body);font-size:20px;letter-spacing:0}.wb-panel-head .extra{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:20px}.wb-panel-body{padding:14px 16px 16px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.wb-ui .inv-label{font-family:var(--f-head);font-size:11px;letter-spacing:1px;color:var(--muted);margin:10px 0 6px;text-transform:uppercase}.wb-ui .inv-label:first-child{margin-top:0}.wb-ui .pt-none{font-size:22px;color:var(--muted);padding:30px;text-align:center}.wb-confirm{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#08060c99}.wb-confirm .box{width:380px;padding:18px 20px;background:var(--panel-2);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #463c52,0 8px #0006;text-align:center}.wb-confirm .t{font-size:26px;line-height:1}.wb-confirm .s{font-size:21px;color:var(--muted);margin-top:6px}.wb-confirm .btns{display:flex;justify-content:center;gap:10px;margin-top:16px}.wb-inventory .wb-panel-body{display:flex;gap:20px}.inv-left{flex:none}.inv-stats{display:flex;gap:16px;font-size:20px;color:var(--paper-2);padding:0 0 10px;margin-bottom:10px;border-bottom:2px solid #2a2431}.inv-grid{display:grid;grid-template-columns:repeat(9,44px);gap:2px}.inv-grid .wb-slot{pointer-events:auto;cursor:pointer}.inv-grid .wb-slot:hover{background:#2a2432}.inv-grid .wb-slot.carried img{opacity:.25}.inv-grid.hot .wb-slot.sel{box-shadow:inset 0 0 0 2px #f0e6d880}.inv-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}.inv-foot .help{font-size:17px;color:var(--dim);line-height:1.05;max-width:320px}.wb-slot.trash{pointer-events:auto;cursor:pointer;background:#2a1418}.wb-slot.trash:hover{background:#4a1c22}.wb-slot.trash .wb-glyph{width:26px;height:26px}.inv-right{width:360px;display:flex;flex-direction:column;min-height:0;border-left:2px solid #2a2431;padding-left:18px}.rb-head{display:flex;align-items:center;justify-content:space-between}.rb-head .inv-label{margin:0}.rb-station{font-size:18px;margin:6px 0}.rb-station .ok{color:var(--teal)}.rb-station .no{color:#e8b04a}.rb-list{flex:1;overflow-y:auto;max-height:236px;min-height:120px;border:2px solid var(--edge);background:#120f16;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.rb-row{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:3px 8px 3px 5px;cursor:pointer;opacity:.5;border-bottom:1px solid #1f1a25}.rb-row .wb-icon{width:28px;height:28px}.rb-row .nm{flex:1;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-row .cnt{color:var(--muted)}.rb-row .ins{display:flex;gap:5px;font-size:16px;color:var(--paper-2)}.rb-row .in{display:flex;align-items:center}.rb-row .in .wb-icon.xs{width:18px;height:18px}.rb-row .in.short{color:#ff8a80}.rb-row:hover{background:#221c29;opacity:.8}.rb-row.can{opacity:1}.rb-row.can .nm{color:#fff}.rb-row.nostation{opacity:.75}.rb-row.nostation .nm{color:#e8b04a}.rb-row.sel{background:#2d2636;box-shadow:inset 3px 0 0 var(--terra);opacity:1}.rb-detail{margin-top:10px;padding:10px 12px 12px;background:var(--panel-2);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c}.rb-detail.warn{box-shadow:inset 0 0 0 2px #6a4e18}.rb-detail .d-head{display:flex;align-items:center;gap:10px}.rb-detail .d-name{font-size:24px;line-height:1}.rb-detail .d-sub{font-size:18px;color:var(--muted)}.rb-detail.warn .d-sub{color:#e8b04a}.rb-detail .d-ins{margin:8px 0 10px;display:grid;grid-template-columns:1fr;gap:2px}.rb-detail .d-in{display:flex;align-items:center;gap:5px;font-size:19px}.rb-detail .d-in .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-detail .d-in .q{color:var(--green)}.rb-detail .d-in .have{font-size:16px;color:var(--dim);min-width:52px;text-align:right}.rb-detail .d-in.short .q,.rb-detail .d-in.short .have{color:#ff8a80}.rb-detail .d-btns{display:flex;gap:8px}.rb-detail .d-btns .wb-btn{flex:1}.wb-zoo{width:1060px;height:640px}.wb-zoo .wb-panel-body{display:flex;gap:16px;flex:1;min-height:0;padding-right:12px}.zoo-stat{font-size:20px;color:var(--paper-2)}.wb-bar.zoo{width:120px;height:10px}.wb-bar.zoo .fill{background:var(--teal)}.zoo-pct{font-family:var(--f-head);font-size:14px;color:var(--teal);min-width:40px}.zoo-left{flex:none;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.zoo-grid{display:grid;grid-template-columns:repeat(7,84px);gap:6px}.zoo-card{pointer-events:auto;position:relative;height:104px;padding:4px 4px 3px;background:#1a1620;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #29232f;cursor:pointer;display:flex;flex-direction:column;align-items:center}.zoo-card:hover{background:#241e2b}.zoo-card.sel{box-shadow:inset 0 0 0 2px var(--terra);background:#2a2230}.zoo-card .num{align-self:flex-start;font-family:var(--f-head);font-size:9px;color:var(--dim)}.zoo-card .pic{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.zoo-card .wb-portrait{width:56px;height:56px}.zoo-card .nm{font-size:17px;line-height:1;margin-top:3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zoo-card.unseen .nm{color:var(--dim)}.zoo-card.seen .nm{color:var(--paper-2)}.zoo-card .badge{position:absolute;right:4px;top:3px;font-size:16px;color:var(--gold)}.zoo-card .badge.dot{width:8px;height:8px;background:var(--gold);top:7px;right:7px;border:2px solid var(--edge)}.zoo-card.special .nm{color:var(--muted)}.wb-ui .wb-portrait.sil{filter:brightness(0) opacity(.55)}.wb-ui .wb-portrait.sil.bright{filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.8))}.wb-ui .wb-portrait.grey{filter:grayscale(1) brightness(.7) opacity(.8)}.zoo-detail{flex:1;min-width:0;overflow-y:auto;padding:12px 16px 14px;background:var(--panel-2);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.zd-top{display:flex;gap:14px;align-items:center}.zd-pic{width:112px;height:112px;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--rc) 28%,transparent),transparent 70%),#16121b;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rc) 45%,#2a2430)}.zd-pic .wb-portrait{width:96px;height:96px}.zd-id .num{font-family:var(--f-head);font-size:11px;color:var(--muted)}.zd-id .name{font-size:34px;line-height:1;margin:2px 0 4px}.zd-id .tags .tag{margin:0 6px 0 0}.zd-id .lab{font-size:20px;color:var(--paper-2);margin-top:5px}.zd-kvs{margin:12px 0 8px}.zd-kvs .kv{display:flex;gap:10px;font-size:20px;padding:1px 0}.zd-kvs .kv .k{flex:none;width:104px;color:var(--muted)}.zd-kvs .kv .v{flex:1}.zd-blurb{font-size:21px;color:var(--paper);padding:8px 12px;margin:6px 0 4px;border-left:3px solid var(--terra);background:#ffffff08}.zd-sect{margin-top:10px}.zd-sect .h{font-family:var(--f-head);font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:4px}.zd-sect .skill,.zd-sect .prod,.zd-sect .evo{display:flex;align-items:center;gap:8px;font-size:20px;padding:1px 0}.zd-sect .skill .nm{width:96px}.zd-sect .pips{display:flex;gap:3px}.zd-sect .pips i{width:10px;height:10px;background:#0e0b12;border:2px solid #3e3548}.zd-sect .pips i.on{background:var(--gold);border-color:#8a6a1e}.zd-sect .prod .dim{margin-left:auto;font-size:18px}.zd-sect .evo .wb-portrait{width:28px;height:28px}.zd-lim{font-size:20px;margin-top:10px;color:var(--paper-2)}.zd-lim .k{color:#e8b04a}.zd-locked{display:flex;align-items:center;gap:8px;font-size:20px;color:var(--muted);margin-top:14px;padding:8px 10px;border:2px dashed #3a3242}.zd-foot{margin-top:12px;font-size:18px;color:var(--dim)}.wb-party{width:1000px}.pt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pt-card{position:relative;display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;gap:6px 10px;padding:10px;min-height:150px;background:var(--panel-2);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c}.pt-card.active{box-shadow:inset 0 0 0 2px var(--teal-2)}.pt-card.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:2px dashed #3a3242;box-shadow:none}.pt-card.empty .e1{font-family:var(--f-head);font-size:12px;color:var(--dim)}.pt-card.empty .e2{font-size:18px;color:#574e5c;margin-top:4px}.pt-card .pic{pointer-events:auto;width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--rc) 25%,transparent),transparent 70%),#16121b;border:2px solid var(--edge)}.pt-card .pic .wb-portrait{width:64px;height:64px}.pt-card .info{min-width:0}.pt-card .nm{font-size:23px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-card .nm .lv{color:var(--gold);font-size:20px}.pt-card .shiny{color:var(--gold)}.pt-card .sub{font-size:18px;color:var(--muted);margin:2px 0 6px;white-space:nowrap}.pt-card .brow{display:flex;align-items:center;gap:6px;margin:2px 0}.pt-card .brow .k{font-family:var(--f-head);font-size:9px;width:16px;color:var(--muted)}.pt-card .brow .wb-bar{flex:1}.pt-card .brow .v{font-size:16px;color:var(--paper-2);min-width:50px;text-align:right}.pt-card .btns{grid-column:1 / 3;display:flex;gap:4px}.pt-card .btns .wb-btn.sm{flex:1 1 auto;padding:4px 3px 5px;font-size:9px;letter-spacing:0}.wb-input.rename{font-size:21px;width:100%;padding:1px 6px 2px}.pt-picker{position:absolute;left:8px;right:8px;top:calc(100% - 6px);z-index:4;padding:8px;background:#1b1621;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #4a4058,0 8px #00000059}.pt-picker .h{font-family:var(--f-head);font-size:11px;color:var(--muted);margin-bottom:4px}.pt-picker .list{max-height:190px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.pk-row{pointer-events:auto;display:flex;align-items:center;gap:7px;padding:2px 4px;cursor:pointer;font-size:20px}.pk-row:hover{background:#2d2636}.pk-row .wb-icon{width:26px;height:26px}.pk-row .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-row .likes{display:flex;align-items:center;gap:2px;font-size:16px;color:#ff9a9f}.pk-row .likes .wb-glyph{width:14px;height:14px}.pk-row .cnt{color:var(--muted);font-size:18px}.pk-row .tag{margin:0}.pt-picker .none{font-size:19px;color:var(--muted);padding:4px}.pt-cloud{margin-top:14px}.pt-cloud .h{display:flex;align-items:center;gap:8px;font-size:20px;margin-bottom:8px}.pt-cloud .h .wb-glyph{width:22px;height:22px}.pt-card.cloud{opacity:.88}.wb-base{width:980px}.wb-base .wb-panel-body{display:flex;gap:20px}.bs-left{flex:1;min-width:0}.bs-right{flex:none}.bs-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.bs-row{display:flex;align-items:center;gap:10px;padding:7px 8px;background:var(--panel-2);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c}.bs-row>.wb-portrait{width:48px;height:48px;flex:none;background:#16121b;border:2px solid var(--edge)}.bs-row .info{flex:1;min-width:0}.bs-row .nm{display:flex;align-items:center;gap:6px;font-size:21px}.bs-row .nm .lv{color:var(--gold);font-size:19px}.bs-row .skills{display:flex;gap:3px;margin-left:auto}.bs-row .skills .wb-glyph{pointer-events:auto;width:20px;height:20px}.bs-prod{display:flex;align-items:center;gap:6px;font-size:18px;margin-top:2px}.bs-prod .nm{width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-prod .wb-bar.prod{flex:1;height:8px}.bs-prod .wb-bar.prod .fill{background:var(--teal);transition:none}.bs-prod .dim{min-width:40px;text-align:right;font-size:16px}.bs-empty{font-size:20px;color:var(--muted);padding:16px;text-align:center;border:2px dashed #3a3242}.bs-party{display:flex;flex-wrap:wrap;gap:6px}.bs-chip{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;background:#1b1621;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c;cursor:pointer;font-size:19px}.bs-chip:hover{box-shadow:inset 0 0 0 2px var(--teal-2)}.bs-chip .wb-portrait{width:28px;height:28px}.bs-chip .lv{color:var(--gold);font-size:17px}.inv-grid.storage .wb-slot{cursor:default}.bs-actions{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:18px}.wb-shop{width:900px}.sh-bal{display:flex;align-items:center;gap:5px;font-size:22px}.sh-bal b{font-weight:400;color:var(--gold);font-size:26px}.sh-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}.sh-claudius{width:84px;height:84px;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,rgba(217,119,87,.25),transparent 70%),#16121b;border:2px solid var(--edge)}.sh-claudius .wb-portrait{width:72px;height:72px}.sh-say{flex:1}.sh-say .who{font-family:var(--f-head);font-size:11px;color:var(--terra);margin-bottom:4px;letter-spacing:1px}.sh-say .bubble{position:relative;display:inline-block;font-size:23px;line-height:1.05;padding:7px 12px 8px;background:var(--paper);color:#221a15;border:2px solid var(--edge);box-shadow:0 4px #0000004d}.sh-say .bubble:before{content:"";position:absolute;left:-10px;top:12px;border:5px solid transparent;border-right-color:var(--paper);border-right-width:8px}.sh-qty{display:flex;align-items:center;gap:6px;font-size:18px}.sh-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.sh-list{display:flex;flex-direction:column;gap:3px;max-height:390px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a4256 transparent}.sh-row{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 5px;background:var(--panel-2);border:2px solid var(--edge)}.sh-row .wb-icon{pointer-events:auto;width:32px;height:32px}.sh-row .info{flex:1;min-width:0}.sh-row .nm{font-size:21px;line-height:1}.sh-row .bl{font-size:17px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-row .price{display:flex;align-items:center;gap:4px;font-size:21px;min-width:64px;justify-content:flex-end}.sh-row .price b{font-weight:400;color:var(--gold)}.sh-row .price s{font-size:17px;margin-right:2px}.sh-row .wb-btn{min-width:56px}.sh-row.none{opacity:.55}.sh-note{font-size:17px;color:var(--dim);margin-top:8px}.wb-lens{width:640px}.ln-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ln-head .wb-portrait{width:56px;height:56px;background:#16121b;border:2px solid var(--edge)}.ln-head .nm{font-size:28px;line-height:1}.ln-head .dim{font-size:19px}.ln-list{display:flex;flex-direction:column;gap:6px}.ln-row{display:grid;grid-template-columns:136px 1fr 90px 40px;align-items:center;gap:10px;padding:6px 10px;background:#0f0c13;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #262030}.ln-row .fid{font-size:18px;color:#8fa8ff}.ln-row .lbl{font-size:21px}.ln-row .wb-bar.act{height:8px}.ln-row .wb-bar.act .fill{background:linear-gradient(90deg,#6c3fb0,#ff9a5a)}.ln-row .act{font-size:20px;color:var(--gold);text-align:right}.ln-foot{font-size:17px;color:var(--dim);margin-top:10px}.wb-screen{position:absolute;inset:0;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:opacity .4s}.wb-screen.out{opacity:0;pointer-events:none}.wb-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.wb-backdrop.dim{filter:brightness(.35) saturate(.7)}.wb-title{background:#0a080e59;backdrop-filter:blur(3px)}.tt-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(8,6,12,.72) 100%)}.tt-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:-20px}.tt-logo{position:relative;display:flex;gap:22px;align-items:baseline;font-family:var(--f-head);font-weight:700;font-size:76px;line-height:1;letter-spacing:2px;color:var(--paper);text-shadow:0 4px 0 #b85a3a,0 8px 0 #7a3a24,0 12px 0 #3d1d12,0 22px 30px rgba(0,0,0,.55)}.tt-logo .amp{width:77px;height:67px;image-rendering:pixelated;position:relative;top:10px;margin:0 4px;filter:drop-shadow(0 4px 0 #1f7f73) drop-shadow(0 4px 0 #145249) drop-shadow(0 4px 0 #0a2b26) drop-shadow(0 10px 14px rgba(0,0,0,.55))}.tt-splash{pointer-events:auto;cursor:pointer;position:absolute;right:-60px;bottom:-34px;font-family:var(--f-head);font-weight:400;font-size:17px;letter-spacing:0;color:#ffe14d;text-shadow:2px 2px 0 #3f3300;white-space:nowrap;transform:rotate(-14deg);animation:wb-splash .55s ease-in-out infinite alternate;transform-origin:center}@keyframes wb-splash{0%{transform:rotate(-14deg) scale(.94)}to{transform:rotate(-14deg) scale(1.06)}}.tt-sub{font-size:22px;color:var(--paper-2);letter-spacing:1px;margin-top:18px;text-shadow:2px 2px 0 rgba(0,0,0,.8)}.tt-form{display:flex;gap:18px;align-items:center;padding:16px 20px 16px 16px;margin-top:12px;background:#120e16e0;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c,0 8px #00000059}.tt-avatar-wrap{width:88px;height:124px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;background:radial-gradient(ellipse at 50% 92%,rgba(0,0,0,.45) 0 30%,transparent 32%),#1a1520;border:2px solid var(--edge)}.tt-avatar{width:60px;height:100px;image-rendering:pixelated;animation:wb-idle 1.6s steps(2) infinite}@keyframes wb-idle{50%{transform:translateY(-2px)}}.tt-fields{display:flex;flex-direction:column;gap:4px;width:300px}.tt-lbl{font-family:var(--f-head);font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:4px}.tt-fields .wb-input{width:100%}.swatches{display:flex;gap:6px}.swatch{pointer-events:auto;width:30px;height:30px;border:2px solid var(--edge);box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0000004d;cursor:pointer;padding:0}.swatch:hover{transform:translateY(-2px)}.swatch.on{outline:3px solid var(--paper);outline-offset:1px}.tt-center>.wb-btn.big{margin-top:6px;min-width:330px}.tt-foot{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:18px;color:#f0e6d873}.wb-loading{background:#0c0a10}.ld-box{position:relative;width:520px;padding:18px 20px 16px;background:#120e16e6;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #342c3c,0 8px #00000059}.ld-title{font-family:var(--f-head);font-size:22px;letter-spacing:1px;margin-bottom:12px}.ld-chart{display:block;width:480px;height:170px;border:2px solid var(--edge)}.ld-stats{display:flex;justify-content:space-between;font-size:20px;margin:8px 0;color:var(--paper-2)}.ld-stats b{font-weight:400;color:var(--muted)}.wb-bar.ld{height:10px}.wb-bar.ld .fill{background:var(--terra)}.ld-text{font-size:19px;color:var(--muted);margin-top:8px;min-height:20px}.ld-tip{position:absolute;left:0;right:0;bottom:40px;text-align:center;font-size:22px;color:var(--paper-2);text-shadow:2px 2px 0 rgba(0,0,0,.8)}.ld-tip.in{animation:wb-fade .5s ease-out}.wb-death{background:radial-gradient(ellipse at center,#50060c8c,#280004d9);animation:wb-fade .8s ease-out}.dt-box{text-align:center}.dt-title{font-family:var(--f-head);font-size:40px;letter-spacing:1px;color:#fff1ea;text-shadow:0 4px 0 #6a0e14,0 10px 24px rgba(0,0,0,.6)}.dt-sub{font-size:24px;color:#bba6a6;margin:10px 0 28px}.dt-box .wb-btn.big{min-width:260px}.wb-pause{background:#08060c94;backdrop-filter:blur(2px)}.pz-box{width:460px;padding:20px 22px;background:var(--panel);border:2px solid var(--edge);box-shadow:inset 0 0 0 2px #2f2838,0 8px #00000059;animation:wb-pop .14s ease-out}.pz-title{font-family:var(--f-head);font-size:22px;letter-spacing:1px;text-align:center}.pz-sub{font-size:20px;color:var(--muted);text-align:center;margin:4px 0 16px}.pz-btns{display:flex;flex-direction:column;gap:8px;margin-top:12px}.pz-btns .wb-btn{width:100%}.pz-row{display:flex;gap:8px}.pz-row .wb-btn{flex:1}.pz-group{margin-top:12px}.pz-set{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:10px;font-size:20px;margin:4px 0}.pz-set .v{text-align:right;color:var(--paper-2)}.pz-set .wb-chip{justify-self:start}.pz-note{font-size:18px;color:var(--muted);margin-top:6px}.wb-range{pointer-events:auto;-webkit-appearance:none;appearance:none;height:10px;background:#0e0b12;border:2px solid var(--edge);box-shadow:inset 0 0 0 1px #2e2836;outline:none}.wb-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:20px;background:var(--terra);border:2px solid var(--edge);cursor:pointer}.wb-range::-moz-range-thumb{width:12px;height:20px;background:var(--terra);border:2px solid var(--edge);border-radius:0;cursor:pointer}.pz-controls{display:grid;grid-template-columns:1fr;gap:3px;margin-top:12px;max-height:470px;overflow-y:auto}.pz-controls .c{display:flex;align-items:center;gap:10px;font-size:20px}.pz-controls .c .kbd{min-width:120px;text-align:center;margin:0}.pz-controls .c .v{color:var(--paper-2)}