:root{--ui: /assets/ui;--text: #c0c0c0;--text-bright: #f4f4f4;--title: #d8d8d8;--gold: #f7c843;--gold-dark: #b8860b;--muted: #8d8d8d;--c1: #9aa0a6;--c2: #3fb34f;--c3: #3a8ee6;--c4: #b35ae0;--c5: #f0b429;--win: #4fe06a;--loss: #ff5a45;--outline: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(#080706c7,#080706e6),url(/assets/ui/bg-dark.png) repeat,#111;color:var(--text);font:11px Verdana,Tahoma,sans-serif;-webkit-user-select:none;user-select:none;image-rendering:pixelated}.muted{color:var(--muted)}:root{--sq: 40px;--sq-gap: 6px}@media (max-width: 1200px){:root{--sq: 34px;--sq-gap: 3px}}.screen-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}.art-bg{background:radial-gradient(ellipse at center,#0003,#000000d9 75%),url(/art/BatalhasTaticasBG.jpg) center / cover no-repeat,#0c0c0c}.logo-img{width:min(640px,92vw);image-rendering:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.8))}.logo-img.small{width:min(420px,80vw)}@media (max-width: 600px){.logo-img{width:min(640px,calc(100vw - 2 * (var(--sq) + 20px)))}.logo-img.small{width:min(190px,50vw);align-self:flex-start;margin-left:calc((100% - 100vw)/2 + 10px)}.lobby-screen>.logo-img.small{margin-bottom:76px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#00000085}.modal-backdrop.blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;background:#000000a6}.row{display:flex;justify-content:center;gap:8px}.tb-panel{position:relative;border-style:solid;color:var(--text)}.tb-widget{border-width:15px 4px 4px 4px;border-image:url(/assets/ui/widget.png) 15 4 4 4 fill stretch}.tb-widget:not(.has-title){border-top-width:4px;border-image:url(/assets/ui/frame2.png) 2 fill stretch;border-width:2px}.tb-dialog{border-width:17px 4px 4px 4px;border-image:url(/assets/ui/dialog.png) 17 4 4 4 fill stretch}.tb-plain{border-width:2px;border-image:url(/assets/ui/frame2.png) 2 fill stretch}.tb-title{position:absolute;left:0;right:0;top:-14px;height:13px;line-height:13px;text-align:center;color:var(--title);font-weight:700;font-size:10px;letter-spacing:.3px;text-shadow:var(--outline);pointer-events:none}.tb-dialog>.tb-title{top:-16px;height:15px;line-height:15px;font-size:11px}.tb-body{padding:6px 7px}.tb-hud{position:relative;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 stretch;background:linear-gradient(180deg,#1e2028f5,#0f1015f5);box-shadow:0 0 0 1px #000,0 6px 16px #0000008c,inset 0 0 0 1px #f0be5024}.hud-title{display:flex;align-items:center;gap:7px;height:26px;padding:0 8px;background:url(/assets/ui/header.png) 0 0 / 100% 100%;border-bottom:1px solid #000;box-shadow:0 1px #f0be5033;color:var(--gold);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;text-shadow:var(--outline)}.hud-title>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-body{padding:6px 8px 8px}.hud-ico{width:18px;height:18px;flex:none;background:no-repeat center / contain;image-rendering:pixelated}.hud-ico.synergy{background-image:url(/art/hex.png);image-rendering:auto}.hud-ico.players{background-image:url(/assets/ui/icon-players.png)}.hud-ico.cost{border-radius:50%;width:12px;height:12px;border:1px solid #000}.hud-ico.cost.c1{background:var(--c1)}.hud-ico.cost.c2{background:var(--c2)}.hud-ico.cost.c3{background:var(--c3)}.hud-ico.cost.c4{background:var(--c4)}.hud-ico.cost.c5{background:var(--c5)}.hud-ico.star{background-image:url(/art/star.png);image-rendering:auto}.tb-field{border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000059}.tb-plate{display:flex;align-items:center;gap:6px;min-height:25px;padding:0 3px;border:5px solid transparent;border-image:url(/assets/ui/lib/titles/bossdifficultysel__bds_player_box.png) 5 fill stretch}.tb-plate.me{filter:sepia(.5) saturate(1.6) brightness(1.1)}.tb-plate.clickable{cursor:pointer}.tb-plate.clickable:hover{filter:brightness(1.2)}.tb-plate.me.clickable:hover{filter:sepia(.5) saturate(1.6) brightness(1.3)}.tb-place{display:inline-grid;place-items:center;flex:none;min-width:18px;height:18px;padding:0 2px;border:1px solid #000;background:#00000073;box-shadow:inset 1px 1px #0009,inset -1px -1px #ffffff1f;color:var(--text-bright);font-weight:700;font-size:10px;text-shadow:var(--outline)}.tb-place.p1,.tb-place.p2,.tb-place.p3{box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #00000073}.tb-place.p1{background:linear-gradient(#f7d55a,#b8860b)}.tb-place.p2{background:linear-gradient(#d9d9d9,#7d7d7d)}.tb-place.p3{background:linear-gradient(#d98b45,#7a3f12)}.tb-section-title{display:flex;align-items:center;gap:6px;height:20px;padding:0 8px;background:url(/assets/ui/header.png) 0 0 / 100% 100%;border-bottom:1px solid #000;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;text-shadow:var(--outline)}.tb-banner-combat,.tb-banner-loot{display:flex;align-items:center;justify-content:center;gap:6px;border-style:solid;color:var(--text-bright);font-weight:700;text-shadow:var(--outline);white-space:nowrap}.tb-banner-combat{height:42px;border-width:0 50px;border-image:url(/assets/ui/banner-combat.png) 0 50 fill stretch;font-size:13px}.tb-banner-loot{height:26px;border-width:0 46px;border-image:url(/assets/ui/banner-loot.png) 0 46 fill stretch;color:var(--gold);font-size:11px}.ui-icon{display:inline-block;flex:none;vertical-align:middle;image-rendering:pixelated}.star-badge{display:block;image-rendering:pixelated}.tb-loading{display:inline-flex;align-items:center;gap:8px;color:var(--text-bright);text-shadow:var(--outline)}.tb-loading:before{content:"";width:64px;height:64px;background:url(/assets/effects/296.png) 0 0 / 64px auto no-repeat;animation:tb-loading-book 2.7s steps(27) infinite}@keyframes tb-loading-book{to{background-position:0 -1728px}}.tb-modal .tb-body{display:flex;flex-direction:column;gap:6px;max-height:calc(92vh - 24px);min-height:0}.tb-modal-close{position:absolute;top:-16px;right:1px;z-index:1}.tb-scroll{min-height:0;overflow-y:auto}.notice-icon{display:grid;place-items:center;width:20px;flex:none}.notice-icon.info .ui-icon{transform:scale(2)}.tb-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 12px;min-height:22px;border:2px solid transparent;border-image:url(/assets/ui/btn.png) 2 fill stretch;background:none;color:var(--text-bright);font:700 11px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.tb-button:active:not(:disabled),.tb-button.active{border-image-source:url(/assets/ui/btn-down.png);padding:4px 11px 2px 13px}.tb-button:hover:not(:disabled){filter:brightness(1.18)}.tb-button:disabled{filter:grayscale(.8) brightness(.65);cursor:default}.tb-button.green{border-image-source:url(/assets/ui/btn-green.png)}.tb-button.green:active:not(:disabled){border-image-source:url(/assets/ui/btn-green-down.png)}.tb-button.gold{border-image-source:url(/assets/ui/btn-gold.png)}.tb-button.gold:active:not(:disabled){border-image-source:url(/assets/ui/btn-gold-down.png)}.tb-button.discord{width:100%;border-image-source:url(/assets/ui/btn-blue.png)}.tb-button.tiny{min-height:18px;padding:1px 8px;font-size:10px}.tb-button.big{min-height:30px;font-size:13px}.close-x{width:16px;height:16px;border:none;background:url(/assets/ui/exit.png) center / 16px 16px no-repeat;image-rendering:pixelated;cursor:pointer}.close-x:active{background-image:url(/assets/ui/exit-down.png)}.tb-button.purple{border-image-source:url(/assets/ui/btn-green.png);filter:hue-rotate(155deg) saturate(1.3)}.tb-button.purple:active:not(:disabled){border-image-source:url(/assets/ui/btn-green-down.png)}.tb-button.purple>*{filter:hue-rotate(-155deg) saturate(.77)}.tb-button.purple:hover:not(:disabled){filter:hue-rotate(155deg) saturate(1.3) brightness(1.18)}.tb-button.purple:disabled{filter:grayscale(.8) brightness(.65)}.tb-button.blue{border-image-source:url(/assets/ui/btn-blue.png)}.tb-button.blue:active:not(:disabled){border-image-source:url(/assets/ui/btn-blue-down.png)}a.tb-button{text-decoration:none}.arrow-btn{flex:none;width:16px;height:16px;padding:0;border:none;background:url(/assets/ui/lib/buttons/button-arrow-right-up.png) center / 100% 100% no-repeat;image-rendering:pixelated;cursor:pointer}.arrow-btn:active:not(:disabled){background-image:url(/assets/ui/lib/buttons/button-arrow-right-down.png)}.arrow-btn.left{background-image:url(/assets/ui/lib/buttons/button-arrow-left-up.png)}.arrow-btn.left:active:not(:disabled){background-image:url(/assets/ui/lib/buttons/button-arrow-left-down.png)}.arrow-btn:disabled{opacity:.35;cursor:default}.tb-input{width:100%;margin-top:3px;padding:4px 6px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 stretch;background:#1e1e1e;color:var(--text-bright);font:11px Verdana,sans-serif;outline:none}.swatch{display:inline-block;width:10px;height:10px;border:1px solid #000}.palette{display:grid;grid-template-columns:repeat(19,1fr);gap:1px;padding:3px;background:#000}.pal{aspect-ratio:1;border:1px solid #111;padding:0;cursor:pointer}.pal.on{outline:2px solid #fff;outline-offset:-1px}.coin{display:inline-block;width:9px;height:9px;vertical-align:-1px;background:url(/assets/ui/gold.png) no-repeat}.coin.big{width:18px;height:18px;background-size:18px 18px}.sheet-anim{background-repeat:no-repeat;background-position-y:0;image-rendering:pixelated}.sheet-anim.playing{animation-name:sheet-frames;animation-iteration-count:infinite;animation-timing-function:steps(var(--frames))}@keyframes sheet-frames{0%{background-position-y:0}to{background-position-y:calc(var(--frames) * var(--cell) * -1)}}.choice-overlay{background:radial-gradient(ellipse at center,#0a0814d1,#000000f0);z-index:70}.choice-screen{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;max-width:1100px}.choice-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.choice-head h2{margin:0;color:var(--gold);font-size:26px;letter-spacing:1px;text-shadow:var(--outline),0 0 14px rgba(247,200,67,.5)}.choice-head p{margin:0;color:var(--text-bright);text-shadow:var(--outline)}.choice-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.chaos-card{--r: #9aa0a6;position:relative;width:240px;min-height:330px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 14px 12px;border:3px solid var(--r);border-radius:6px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--r) 28%,transparent),transparent 65%),linear-gradient(180deg,#1c1f2a,#0f1117);box-shadow:0 0 0 1px #000,0 0 18px color-mix(in srgb,var(--r) 55%,transparent),inset 0 0 0 1px #ffffff0f;animation:card-in .35s ease-out both}.chaos-card:nth-child(2){animation-delay:.08s}.chaos-card:nth-child(3){animation-delay:.16s}@keyframes card-in{0%{transform:translateY(24px) scale(.94);opacity:0}}.chaos-card.r-rare{--r: #3a8ee6}.chaos-card.r-epic{--r: #b35ae0}.chaos-card.r-legendary{--r: #f0b429}.chaos-card.r-divine{--r: #fff3c4;background:radial-gradient(ellipse at 50% 20%,rgba(255,240,180,.35),transparent 65%),linear-gradient(180deg,#2a2438,#120f1c)}.cc-rarity{color:var(--r);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:var(--outline)}.cc-icon{width:72px;height:72px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--r) 70%,transparent))}.cc-name{color:var(--text-bright);font-size:16px;font-weight:700;text-align:center;text-shadow:var(--outline)}.cc-text{flex:1;color:var(--text);font-size:12px;line-height:1.5;text-align:center}.cc-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.cc-tags span{padding:1px 5px;border:1px solid #444;border-radius:3px;background:#0b0c10;color:#aab4c8;font-size:8px}.cc-actions{display:flex;flex-direction:column;gap:5px;width:100%}.cc-actions .tb-button{width:100%}.god-card{--god: #ccc;width:270px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px;border:2px solid color-mix(in srgb,var(--god) 60%,#000);border-radius:6px;background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--god) 26%,transparent),transparent 60%),linear-gradient(180deg,#1a1b22,#0c0d12);box-shadow:0 0 0 1px #000,0 0 16px color-mix(in srgb,var(--god) 35%,transparent);animation:card-in .35s ease-out both}.god-card:hover{box-shadow:0 0 0 1px #000,0 0 26px color-mix(in srgb,var(--god) 60%,transparent)}.god-card.patron{border-color:var(--god)}.god-statue{display:grid;place-items:center;background:url(/art/base-gold.png) center 90% / 80% auto no-repeat}.god-statue img{width:70%;height:70%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}.god-name{color:var(--god);font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:var(--outline)}.god-title{color:var(--text-bright);font-style:italic}.god-domain{color:var(--muted);font-size:10px}.faith-tag{padding:2px 8px;border-radius:10px;background:color-mix(in srgb,var(--god) 25%,#000);border:1px solid var(--god);color:var(--text-bright);font-weight:700}.blessing{width:100%;flex:1;margin:4px 0;padding:8px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;text-align:center}.god-card .tb-button{width:100%}.betrayal{margin-top:6px;max-width:620px;padding:6px 10px;border:1px solid #a03030;background:#500a0abf;color:#ffb0a0;font-weight:700}.consecration .choice-head h2{font-size:30px}.effects .hud-body{display:flex;flex-direction:column;gap:3px}.faith-line{display:flex;align-items:center;gap:6px;margin-bottom:3px;color:var(--text-bright)}.effect-chip{display:flex;align-items:center;gap:5px;padding:2px 4px;border-left:3px solid #7a4fc0;background:#ffffff08}.effect-chip.god{border-left-color:var(--gold)}.effect-chip.pending{opacity:.6}.chip-icon{flex:none;width:20px;height:20px;object-fit:contain}.chip-name{flex:1;color:var(--text-bright);font-size:10px}.chip-left{color:var(--muted);font-size:9px}.vocation{display:flex;flex-direction:column;align-items:center;padding:2px 0 4px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;background:none;color:var(--text);font:700 10px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.vocation.active{border-image:none;border:2px solid var(--gold);background:#f7c8431f;box-shadow:0 0 8px #f7c84380;color:var(--gold)}.trait-icon{display:inline-grid;place-items:center;flex:none;vertical-align:middle;image-rendering:pixelated}.trait-icon.bestiary{background:url(/assets/ui/monster-classes.png) no-repeat 0 0;border-radius:3px;box-shadow:0 0 0 1px #000}.trait-icon.vocation{border-radius:50%;background:radial-gradient(circle at 40% 35%,#3b3b44,#121217);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #f0be5059}.trait-icon .glyph{display:block;background-repeat:no-repeat;image-rendering:pixelated}.trait-icon.off{filter:grayscale(1) brightness(.6)}.outfit-canvas{image-rendering:pixelated}.outfit-modal{width:min(760px,94vw)}.outfit-modal .tb-body{display:flex;flex-direction:column;gap:10px}.om-top{display:flex;gap:14px}.om-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch}.om-colors{flex:1;display:flex;flex-direction:column;gap:6px}.om-parts{display:flex;gap:4px}.om-addons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.om-addon{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;background:none;color:var(--text);font:700 11px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.om-addon.on{border-image:none;border:2px solid var(--gold);color:var(--gold);box-shadow:0 0 8px #f7c84373}.modal-close{position:absolute;top:-15px;right:2px;z-index:2}.bl-tier{color:var(--god);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.bl-name{color:var(--text-bright);font-size:14px;font-weight:700;text-shadow:var(--outline)}.bl-text{margin-top:4px;color:var(--text);line-height:1.45}.bl-pending{margin-top:6px;color:#c9a0ff;font-size:9px;font-style:italic}.gallery{display:flex;flex-direction:column;gap:10px;padding:8px 12px 24px;min-height:100vh}.gallery-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:4px 10px}.topbar-logo{height:40px;margin:-4px 0;image-rendering:auto}.g-h1{color:var(--gold);font-size:13px;text-shadow:var(--outline)}.g-search{width:220px;margin:0}.g-dirs{display:flex;gap:3px}.g-tabs{display:flex;flex-wrap:wrap;gap:5px}.g-count{color:var(--gold);font-size:9px}.g-wide{grid-column:1 / -1}.g-items{display:flex;flex-direction:column;gap:8px}.g-subtabs{display:flex;flex-wrap:wrap;gap:5px}.g-subtabs.small{padding:6px;background:#00000059;border:1px solid rgba(240,190,80,.2)}.g-items .g-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.g-item .g-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.g-item-icon{flex:none;background-repeat:no-repeat;image-rendering:pixelated}.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.g-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;text-align:center}.g-card.small{min-height:150px;justify-content:flex-end}.g-card.tiny{padding:4px}.g-grid:has(>.g-card.wide){grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}.g-card.wide{justify-content:center}.g-row{display:flex;gap:4px}.g-title{color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.g-sub{color:var(--muted);font-size:9px;line-height:1.3}.g-pixel{image-rendering:pixelated}.g-ui{max-width:180px;min-width:24px;transform-origin:center;zoom:2}.g-art{max-width:180px;max-height:110px;image-rendering:auto}.g-spell{width:48px;height:48px;background:url(/assets/ui/spell-icons.png) no-repeat 0 0 / auto 48px;image-rendering:pixelated}.g-card.lore{align-items:stretch;text-align:left;grid-column:span 2}.lore-head{display:flex;align-items:center;gap:8px}.lore-identity{color:var(--text);line-height:1.45;margin:3px 0}.chaos-mini{border-left:4px solid #9aa0a6!important;grid-column:span 1}.chaos-mini.r-rare{border-left-color:#3a8ee6!important}.chaos-mini.r-epic{border-left-color:#b35ae0!important}.chaos-mini.r-legendary{border-left-color:#f0b429!important}.chaos-mini.r-divine{border-left-color:#fff3c4!important}.g-card.off{opacity:.55}.bl-group{margin-top:4px}.bl-group>b{color:var(--god, var(--gold));font-size:10px;text-transform:uppercase}.bl-line{color:var(--text-bright);font-size:10px}.bl-line.off{color:#777}.outfit-card{background:none;color:inherit;font:inherit;cursor:pointer}.outfit-card:hover{filter:brightness(1.2)}.chaos-icon{flex:none;width:48px;height:48px;object-fit:contain}.chaos-icon.big{width:72px;height:72px}.spacer{flex:1}.ui-animation-preview{height:112px;display:flex;align-items:center;justify-content:center}.ui-animation-sheet{background-repeat:no-repeat;image-rendering:pixelated}.ui-animation-card:hover .ui-animation-sheet,.ui-animation-card:focus .ui-animation-sheet{animation:ui-gallery-frames var(--ui-duration) steps(var(--ui-frames)) infinite}.ui-animation-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@keyframes ui-gallery-frames{0%{background-position-x:0}to{background-position-x:var(--ui-end)}}.portrait{flex:none;background-repeat:no-repeat;image-rendering:pixelated}.portrait.gray{filter:grayscale(1) brightness(.55)}.item-bar{position:relative;flex:none;align-self:center;display:flex;gap:3px;padding:4px 3px;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;background:#0a0b0fd9;box-shadow:0 0 0 1px #000,0 6px 14px #00000080}.item-col{display:flex;flex-direction:column;align-items:center;gap:3px}.item-bar-tab{position:absolute;right:-13px;top:50%;width:12px;height:22px;padding:0;transform:translateY(-50%);border:1px solid #000;background:#1c1e25 url(/assets/ui/arrow-right.png) center / 8px auto no-repeat;image-rendering:pixelated;cursor:pointer}.item-bar-tab.open{background-image:url(/assets/ui/arrow-left.png)}.item-bar-tab:disabled{opacity:.4;cursor:default}.item-bar-more{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);color:var(--gold);font-weight:700;text-shadow:var(--outline)}.item-slot{position:relative;display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#0c0d11,#1b1d24);border:1px solid #000;box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #0009,0 0 0 1px #3a3f4a;cursor:grab}.item-slot.empty{cursor:default;opacity:.55}.item-slot:not(.empty):hover{filter:brightness(1.2)}.item-bar-arrow{width:9px;height:6px;background:url(/assets/ui/lib/icons/icon-uparrow.png) center / contain no-repeat;image-rendering:pixelated;opacity:.6}.item-bar-arrow.down{background-image:url(/assets/ui/lib/icons/icon-downarrow.png)}.item-icon{position:relative;display:inline-grid;place-items:center;flex:none}.item-icon img{width:100%;height:100%;image-rendering:pixelated}.item-icon-trait{position:absolute;right:-2px;bottom:-2px}.item-slot.cat-complete{box-shadow:inset 0 0 0 1px #6b8fc9,0 0 0 1px #3a3f4a}.item-slot.cat-emblem{box-shadow:inset 0 0 0 1px #c96bd8,0 0 0 1px #3a3f4a}.item-slot.cat-tome{box-shadow:inset 0 0 0 1px #8a7a5a,0 0 0 1px #3a3f4a}.item-slot.cat-legendary{box-shadow:inset 0 0 0 2px #e0a820,0 0 6px #f7c84399}.item-slot.cat-mythic{box-shadow:inset 0 0 0 2px #ff5ad0,0 0 8px #ff5ad0b3;animation:mythic-glow 1.4s ease-in-out infinite alternate}@keyframes mythic-glow{to{box-shadow:inset 0 0 0 2px #7ad8ff,0 0 12px #7ad8ffcc}}.item-hover{display:inline-block}.item-tip-wrap{position:fixed;z-index:80;pointer-events:none}.item-tip{width:270px;padding:8px 10px;color:var(--text-bright);line-height:1.4}.it-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.it-head b{color:var(--gold);font-size:12px;text-shadow:var(--outline)}.it-cat{font-size:9px;font-weight:700;text-transform:uppercase;color:#aab4c8}.it-cat.cat-complete{color:#8fb4ff}.it-cat.cat-emblem{color:#e39af0}.it-cat.cat-legendary{color:#ffcf4a}.it-cat.cat-mythic{color:#ff7ae0}.it-stats{color:#6dff5a;font-weight:700}.it-trait{display:flex;align-items:center;gap:4px;color:#e39af0;font-weight:700}.it-passive{margin-top:5px;padding:5px 6px;background:#00000059;border:1px solid #000}.it-passive b{color:#ffcf6a}.it-passive p{margin:3px 0 0;white-space:pre-line}.it-soon{margin-left:6px;padding:0 4px;background:#3a2d10;border:1px solid #6a5220;color:#ffcf6a;font-size:8px;font-weight:700;text-transform:uppercase}.it-tree{margin-top:6px}.it-tree-title{margin-bottom:3px;color:var(--gold);font-weight:700}.it-recipe{display:flex;align-items:center;gap:3px;padding:1px 0}.it-recipe>span{color:#aab4c8;font-weight:700}.it-recipe .it-recipe-name{margin-left:3px;color:var(--text-bright);font-weight:400;font-size:10px}.it-sq{display:inline-grid;place-items:center;flex:none;background:linear-gradient(135deg,#0c0d11,#1b1d24);border:1px solid #000;box-shadow:0 0 0 1px #3a3f4a}.it-sq.cat-complete{box-shadow:0 0 0 1px #6b8fc9}.it-sq.cat-emblem{box-shadow:0 0 0 1px #c96bd8}.it-sq.cat-tome{box-shadow:0 0 0 1px #8a7a5a}.it-sq.cat-legendary{box-shadow:0 0 0 1px #e0a820}.it-sq.cat-mythic{box-shadow:0 0 0 1px #ff5ad0}.item-tip.pinned .it-sq{cursor:pointer}.item-tip.pinned .it-sq:hover{filter:brightness(1.3)}.item-pin{position:absolute;left:calc(100% + 18px);top:50%;z-index:45;transform:translateY(-50%)}.item-pin .item-tip{max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:thin}.it-close{position:absolute;top:6px;right:6px}.it-hint{margin:4px 0 0;font-size:9px}.item-slot.pinned{outline:2px solid var(--gold)}.item-slot.drop{outline:2px dashed #6dff5a}.item-slot .item-icon,.item-slot .item-icon *{pointer-events:none}.slot-preview{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;background:#143c14bf;animation:pulse-preview .6s ease-in-out infinite alternate}@keyframes pulse-preview{to{background:#286e28d9}}.item-slot.locked{cursor:not-allowed}.pager{display:flex;align-items:center;gap:4px;color:var(--text-bright);font-size:10px;text-transform:none}.hud-title>.pager{flex:none}.t-outfit{align-self:center;width:720px;max-width:100%}.t-outfit>.tb-body{display:flex;flex-direction:column;gap:8px;padding:8px 10px 10px}.t-cols{display:flex;gap:10px}.t-left{flex:none;width:196px;display:flex;flex-direction:column;gap:6px}.t-preview{position:relative;width:196px;height:196px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 stretch;background:#101010;overflow:hidden}.t-preview.floor{background:url(/assets/items/floor-grass.png) 0 0 / 64px 64px}.t-preview .outfit-canvas{position:absolute;left:0;top:0}.t-rotate{display:flex;align-items:center;gap:4px}.t-name{flex:1;padding:2px 4px;border:1px solid #000;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a;background:#2b2b2b;color:var(--text-bright);font-weight:700;text-align:center;text-shadow:var(--outline)}.t-icon-btn{width:20px;height:20px;border:none;background:no-repeat center;cursor:pointer}.t-icon-btn.rotate-left{background-image:url(/assets/ui/rotate-left.png)}.t-icon-btn.rotate-left:active{background-image:url(/assets/ui/rotate-left-down.png)}.t-icon-btn.rotate-right{background-image:url(/assets/ui/rotate-right.png)}.t-icon-btn.rotate-right:active{background-image:url(/assets/ui/rotate-right-down.png)}.t-checks{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid #000;box-shadow:1px 1px #6a6a6a}.t-check,.t-radio{display:inline-flex;align-items:center;gap:5px;color:var(--text);cursor:pointer}.t-check input,.t-radio input{display:none}.t-check i,.t-radio i{flex:none;width:12px;height:12px;background:url(/assets/ui/checkbox.png) no-repeat}.t-check input:checked+i{background-image:url(/assets/ui/checkbox-on.png)}.t-radio i{background-image:url(/assets/ui/radio.png)}.t-radio input:checked+i{background-image:url(/assets/ui/radio-on.png)}.t-check.disabled{color:#8a8a8a;cursor:default}.t-check.disabled i{opacity:.5}.t-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.t-group{position:relative;padding:12px 6px 6px;border:1px solid #000;box-shadow:1px 1px #6a6a6a,inset 1px 1px #6a6a6a}.t-legend{position:absolute;top:-7px;left:8px;padding:0 4px;background:#414141;color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.t-filter{display:flex;align-items:center;gap:10px;margin-bottom:6px}.t-filter .tb-input{flex:1;margin:0}.t-filter .t-check{white-space:nowrap}.t-count{color:var(--muted);font-size:10px}.t-legend{display:flex;gap:12px}.t-name.mount{font-weight:400;color:var(--text)}.t-none{display:grid;place-items:center;width:64px;height:64px;color:var(--muted);font-size:20px}.t-filter .pager{flex:none}.t-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:4px;height:196px;overflow-y:auto;padding:4px;background:#1b1b1b;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}@media (max-width: 600px){.t-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.t-entry{position:relative;display:flex;flex-direction:column;align-items:center;padding:2px 2px 3px;border:1px solid #000;background:#2a2a2a;box-shadow:inset 1px 1px #4a4a4a;color:var(--text);font:700 9px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.t-entry span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-entry:hover:not(.locked){background:#353535}.t-entry.on{border-color:#fff;color:#fff;box-shadow:inset 0 0 0 1px #909090}.t-entry.locked{cursor:default}.t-entry.locked .outfit-canvas{filter:grayscale(1) brightness(.45)}.t-entry.locked span{color:#777}.t-entry.locked:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:12px;background:url(/assets/ui/icon-locked.png) no-repeat}.t-parts{display:flex;gap:14px;margin-bottom:6px}.t-palette{padding:2px}.t-footer{display:flex;justify-content:flex-end;gap:6px;padding-top:8px;border-top:1px solid #000;box-shadow:inset 0 1px #6a6a6a}.t-footer .tb-button{min-width:70px}.t-outfit.embedded{width:100%;border:none;background:none}.t-outfit.embedded>.tb-body{padding:0}.title-banner{display:block;width:214px;height:42px;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.title-banner.empty{display:grid;place-items:center;box-sizing:border-box;padding:0 30px 4px;background:center / 100% 100% no-repeat;color:#9a958c;font:700 11px Verdana,sans-serif;text-shadow:var(--outline);white-space:nowrap;overflow:hidden}.title-banner.empty.named{color:#fff3c4}.character-xp{width:100%;display:flex;flex-direction:column;gap:5px;color:#d4d7e0;font-size:11px}.character-xp-heading,.character-xp-sub{display:flex;justify-content:space-between;align-items:center;gap:6px}.character-xp-heading strong{color:#f7ca54;font-size:12px}.character-xp-heading span,.character-xp-sub{color:#9da4b5;font-size:10px}.character-xp-track{height:9px;border:1px solid #5b4b2b;background:#10131a;border-radius:3px;overflow:hidden}.character-xp-fill{height:100%;background:linear-gradient(90deg,#a97728,#f5cb5f);transition:width .2s ease}.character-xp.compact{gap:3px;margin-top:5px}.character-xp.compact .character-xp-heading strong{font-size:10px}.character-xp.compact .character-xp-heading span{font-size:9px}.character-xp.compact .character-xp-track{height:6px}.item-sprite{display:block;width:32px;height:32px;image-rendering:pixelated;flex:none}.item-slot{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000073;cursor:pointer}.item-slot:disabled{cursor:default}.item-slot.filled:hover{background:#ffffff14}.item-slot.selected{border-image:none;border-color:#f7c843;box-shadow:inset 0 0 0 1px #0009}.item-slot.picked:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:1px dashed #4fe06a;pointer-events:none}.item-slot-qty{position:absolute;right:1px;bottom:0;color:#fff;font:700 10px Verdana,sans-serif;text-shadow:var(--outline);pointer-events:none}.reveal-overlay{z-index:60}.reveal-modal{width:min(460px,94vw)}.reveal-stage{position:relative;display:grid;place-items:center;height:200px;overflow:hidden}.reveal-source img{width:96px;height:96px;image-rendering:pixelated}.reveal-source{display:inline-block}.reveal-source.shake{animation:reveal-shake .55s ease-in-out infinite}.reveal-source.burst{animation:reveal-pop .4s ease-in forwards}@keyframes reveal-shake{0%,to{transform:rotate(0) translateY(0)}20%{transform:rotate(-8deg) translateY(-2px)}40%{transform:rotate(7deg) translateY(1px)}60%{transform:rotate(-5deg) translateY(-3px)}80%{transform:rotate(4deg)}}@keyframes reveal-pop{60%{transform:scale(1.25);filter:brightness(1.8)}to{transform:scale(.2);opacity:0}}.reveal-fx{position:absolute;left:50%;top:50%;translate:-75% -75%;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding:8px;max-height:56vh}.reveal-grid.single{grid-template-columns:1fr}.reveal-prize{display:grid;justify-items:center;gap:2px;padding:6px 4px;text-align:center;animation:reveal-in .35s ease-out both}.reveal-prize b{color:var(--gold);font-size:11px;text-shadow:var(--outline)}.reveal-prize small{font-size:10px}.reveal-art{position:relative;overflow:hidden;display:grid;place-items:center;min-width:64px;min-height:64px}.reveal-grid.single .reveal-art{min-height:128px}.reveal-grid.single .reveal-art .item-sprite{width:64px;height:64px}.reveal-grid.single .reveal-prize b{font-size:14px}@keyframes reveal-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.reveal-actions{justify-content:center}.inventory-overlay{z-index:130}.inventory-modal{width:min(470px,94vw)}.inventory-heading{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 2px}.inventory-heading .muted{flex:1;font-size:11px}.inventory-gold{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-weight:700;text-shadow:var(--outline)}.inventory-qa{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.inventory-qa .tb-button{flex:none;white-space:nowrap}.inventory-tabs{display:flex;gap:4px}.inventory-main{display:flex;gap:8px;align-items:stretch}.inventory-container{display:flex;flex-direction:column;gap:4px;flex:none}.inventory-container small{font-size:10px}.inventory-grid{display:grid;grid-template-columns:repeat(5,34px);gap:2px;padding:4px;max-height:296px;overflow-y:auto}.inventory-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:8px;color:var(--text-bright)}.inventory-detail-head{display:flex;align-items:center;gap:8px}.inventory-detail-head strong{display:block;color:var(--gold);text-shadow:var(--outline);margin-bottom:2px}.inventory-detail-icon{display:grid;place-items:center;width:70px;height:70px;flex:none;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000073}.inventory-detail-icon img{width:64px;height:64px;image-rendering:pixelated}.inventory-detail-empty{margin:auto 0;text-align:center;font-size:11px;line-height:1.5}.inventory-actions{display:flex;flex-wrap:wrap;gap:4px}.inventory-forge{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px;border-top:1px solid rgba(0,0,0,.5);font-size:11px}.inventory-notice{text-align:center;color:var(--text-bright);margin:18px 5px;font-size:12px}.inventory-pagination{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--text-bright)}.inventory-error{color:#ff9c9c;margin:0;font-size:11px;text-shadow:var(--outline)}.inventory-success{color:#9be89a;margin:0;font-size:11px;text-shadow:var(--outline)}.inventory-bank{display:grid;gap:6px;color:var(--text-bright)}.inventory-bank p{margin:0;font-size:11px}.inventory-bank-balances{display:grid;gap:4px;padding:8px}.inventory-bank-balances span{display:flex;align-items:center;justify-content:space-between;gap:6px}.inventory-bank-balances b{display:inline-flex;align-items:center;gap:4px;color:var(--gold);text-shadow:var(--outline)}.inventory-bank-form{display:flex;gap:4px;align-items:center}.inventory-bank-form input{flex:1;margin:0}.inventory-reward-history{display:flex;flex-direction:column;gap:3px;max-height:360px}.inventory-reward-event{gap:8px}.inventory-reward-event .item-sprite{margin:-4px 0}.inventory-reward-event>span{flex:1;min-width:0;display:grid}.inventory-reward-event b{color:var(--text-bright);text-shadow:var(--outline)}.inventory-reward-event small{color:var(--muted);font-size:10px}.inventory-reward-values{text-align:right;color:var(--gold);font-weight:700;text-shadow:var(--outline)}.inventory-reward-paging{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:4px;color:var(--text-bright)}.season-overlay{z-index:135}.season-modal{width:min(760px,95vw)}.season-head{display:flex;align-items:stretch;gap:10px;padding:6px 8px}.season-head-xp{flex:1;min-width:0;display:grid;gap:4px}.season-pass-button{position:relative;display:flex;align-items:center;gap:6px;min-width:132px;justify-content:center}.season-pass-button img{width:22px;height:22px;image-rendering:pixelated}.season-pass-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 3px;border:1px solid #000;background:#c0392b;color:#fff;font-size:10px;line-height:14px;text-shadow:var(--outline)}.season-tabs-daily{margin-left:auto}.season-meta{display:flex;align-items:center;gap:8px;color:var(--text-bright)}.season-meta strong{color:var(--gold);font-size:13px;text-shadow:var(--outline)}.season-track{padding:0 5px;border:1px solid #000;background:#00000073;color:var(--text-bright);font-size:9px;font-weight:700;text-transform:uppercase;text-shadow:var(--outline)}.season-track.premium{background:linear-gradient(#a874e8,#5b2a9c)}.season-end{margin-left:auto;font-size:10px}.season-head .character-xp-track{border-radius:0;height:10px;border-color:#000;background:#0000008c}.season-head small{font-size:10px}.season-buttons,.season-tabs{display:flex;gap:4px;flex-wrap:wrap}.season-coin{width:16px;height:16px;image-rendering:pixelated;margin:-4px -2px}.season-error{color:#ff9c9c;font-size:11px;text-shadow:var(--outline)}.season-info{color:#9be89a;font-size:11px;text-shadow:var(--outline)}.season-missions{display:grid;gap:3px;max-height:52vh;align-content:start}.season-mission{justify-content:space-between;gap:8px;color:var(--text-bright);font-size:11px}.season-mission>div{display:grid}.season-mission strong{color:var(--gold);text-shadow:var(--outline)}.season-mission small{color:var(--muted);font-size:10px}.season-daily{display:grid;gap:6px}.season-daily-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:var(--text-bright);font-size:11px;text-shadow:var(--outline)}.season-daily-summary strong{color:var(--gold)}.season-daily-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;max-height:50vh}.season-daily-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 3px 5px;min-height:76px;color:var(--text-bright);text-align:center}.season-daily-num{align-self:flex-start;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase}.season-daily-check{position:absolute;top:4px;right:4px}.season-daily-label{font-size:10px;font-weight:700;line-height:1.2;text-shadow:var(--outline)}.season-daily-day small{color:var(--muted);font-size:9px}.season-daily-day.complete{background:#0000008c}.season-daily-day.complete .item-sprite,.season-daily-day.complete .season-daily-label{opacity:.5}.season-daily-day.today{box-shadow:inset 0 0 0 1px #f7c843bf}.season-daily-day.today .season-daily-num{color:var(--gold)}.season-daily-claim{justify-self:center;min-width:260px}@media (max-width: 600px){.season-daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.season-daily-premium{display:flex;align-items:center;justify-content:center;gap:2px;width:calc(100% + 6px);margin:auto -3px -5px;padding:1px 2px;border-top:1px solid rgba(0,0,0,.7);background:#00000080;color:#7d7462;font-size:9px;font-weight:700;text-shadow:var(--outline)}.season-daily-premium .ui-icon{width:9px;height:9px;opacity:.6}.season-daily-premium img{width:16px;height:16px;image-rendering:pixelated;margin:-3px 0}.season-daily-premium.on{background:linear-gradient(#965ae673,#501e8c66);color:#e2c8ff}.season-daily-premium-legend{color:#9c8f73}.season-daily-premium-legend.on{color:#d2adff}.pass-view{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.pass-board{display:flex;min-width:0;padding:6px 0 4px 6px}.pass-labels{display:grid;grid-template-rows:78px 44px 78px;gap:4px;width:58px;flex:none;padding-bottom:10px}.pass-label{display:flex;align-items:center;justify-content:center;gap:3px;writing-mode:vertical-rl;transform:rotate(180deg);border:1px solid #000;font-size:10px;font-weight:700;text-transform:uppercase;text-shadow:var(--outline)}.pass-label.free{background:#00000073;color:var(--text-bright)}.pass-label.xp{writing-mode:horizontal-tb;transform:none;border:0;color:var(--muted)}.pass-label.premium{background:#0009;color:#7d7462}.pass-label .ui-icon{transform:rotate(180deg)}.is-premium .pass-label.premium{background:linear-gradient(90deg,#4b2185,#8e55d6);color:#f1e4ff}.pass-scroll{flex:1;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden;padding:0 6px 10px 2px;scroll-behavior:smooth}.pass-col{display:grid;grid-template-rows:78px 44px 78px;gap:4px;width:84px;flex:none}.pass-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0 2px;padding:4px 3px;border:1px solid #000;background:#00000073;color:var(--text-bright);font:inherit;cursor:default}.pass-cell-text{font-size:9px;font-weight:700;line-height:1.15;text-align:center;text-shadow:var(--outline);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pass-cell-mark{position:absolute;top:3px;right:3px}.pass-cell.future .item-sprite{filter:brightness(.75)}.pass-cell.claimed{background:#000000a6}.pass-cell.claimed .item-sprite,.pass-cell.claimed .pass-cell-text{opacity:.45}.pass-cell.claimable{cursor:pointer;box-shadow:inset 0 0 0 1px #4fe06a;background:#286e2859}.pass-cell.claimable:hover{background:#3c963c73}.pass-cell.premium{background:#0009}.pass-cell.premium.locked .item-sprite{filter:grayscale(1) brightness(.55)}.pass-cell.premium.locked .pass-cell-text{color:#7d7462}.is-premium .pass-cell.premium{border-color:#2a0d4d;background:linear-gradient(#965ae666,#46197d73)}.is-premium .pass-cell.premium .pass-cell-text{color:#e2c8ff}.is-premium .pass-cell.premium.claimable{box-shadow:inset 0 0 0 1px #4fe06a,0 0 4px #aa6effb3}.is-premium .pass-cell.premium.claimed{background:#280f4699}.pass-node{position:relative;display:grid;place-items:center;align-content:center;gap:1px}.pass-node-line{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-9px;border-block:1px solid #000;background:#0009}.pass-col.unlocked .pass-node-line{background:linear-gradient(#5fe36b,#1f8a2a)}.pass-node-level{position:relative;display:grid;place-items:center;width:24px;height:24px;border:1px solid #000;background:#2b2b2b;color:var(--muted);font-size:11px;font-weight:700;text-shadow:var(--outline)}.pass-col.unlocked .pass-node-level{background:#1f6e28;color:#fff}.pass-col.current .pass-node-level{background:#3a3a3a;color:var(--gold);box-shadow:0 0 0 1px #f7c843}.pass-node small{position:relative;color:var(--muted);font-size:8px}.pass-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;font-size:10px;text-shadow:var(--outline)}.pass-footer>span{flex:1 1 240px}.pass-premium-on{color:#d2adff}.pass-buy{color:#e2c8ff}.top-nav{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--sq-gap)}.top-nav.fixed{position:fixed;top:12px;right:16px;z-index:80}.nav-btn{position:relative;flex:none;width:var(--sq);height:var(--sq);padding:0;border:none;background:url(/art/ui/nav-square.png) center / 100% 100% no-repeat,linear-gradient(#24211c,#0e0e10) center / 78% 78% no-repeat;image-rendering:pixelated;cursor:pointer;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.nav-btn:after{content:"";position:absolute;inset:var(--nav-inset, 24%);background:var(--nav-ico, none) center / contain no-repeat;image-rendering:auto;pointer-events:none}.nav-btn:hover,.nav-btn.on{filter:brightness(1.15) drop-shadow(0 3px 5px rgba(0,0,0,.6))}.nav-btn:active{transform:translateY(1px)}.nav-btn.friends{--nav-ico: url(/art/ui/nav-ico-friends.png);--nav-inset: 15.9%}.nav-btn.friends:after{image-rendering:pixelated}.nav-btn.inventory:after{inset:auto;top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;background:url(/art/ui/nav-ico-inventory.png) center / 32px 32px no-repeat;image-rendering:pixelated}.nav-badge{position:absolute;z-index:1;right:2px;bottom:2px;min-width:14px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:#1d5e1b;box-shadow:0 0 0 1px #000;color:#d8ffd6;font:700 10px/14px Verdana,sans-serif;text-align:center;pointer-events:none}.nav-btn.sound{--nav-ico: url(/art/ui/nav-ico-sound-old.png)}.nav-btn.sound.off:after{filter:grayscale(1) brightness(.55)}.nav-btn.gear{--nav-ico: url(/art/ui/nav-ico-gear-old.png)}.nav-btn.help{--nav-ico: url(/art/ui/nav-ico-help-old.png)}.nav-btn.exit{--nav-ico: url(/art/ui/nav-ico-exit-old.png)}.nav-btn.store{--nav-ico: url(/assets/ui/lib/buttons/button-storeicon-up.png);--nav-inset: 22% 18%}.nav-btn.store:after{image-rendering:pixelated}.nav-btn.ping{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.ping-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.ping-bars i{width:4px;background:#3a3f48;box-shadow:0 0 0 1px #000}.ping-bars.good i.on{background:linear-gradient(#8dff7a,#22b322);box-shadow:0 0 0 1px #000,0 0 4px #50ff5099}.ping-bars.ok i.on{background:linear-gradient(#f4ff7a,#b3b322);box-shadow:0 0 0 1px #000,0 0 4px #e6ff5099}.ping-bars.poor i.on{background:linear-gradient(#ffc37a,#d67a18);box-shadow:0 0 0 1px #000,0 0 4px #ffa03c99}.ping-bars.bad i.on{background:linear-gradient(#ff8a7a,#c02222);box-shadow:0 0 0 1px #000,0 0 4px #ff463c99}.ping-ms{color:var(--text-bright);font-size:8px;font-weight:700;line-height:1;text-shadow:var(--outline)}.help-menu{width:290px;padding:8px 10px;color:var(--text-bright);line-height:1.45}.help-menu b{color:var(--gold)}.help-menu ul{margin:4px 0 0;padding-left:16px}.nav-shop{position:relative;flex:none}.nav-shop-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:var(--sq);width:calc(var(--sq) * 360 / 91);padding:0 0 2px;border:none;background:url(/art/ui/nav-long.png) center / 100% 100% no-repeat,linear-gradient(#24211c,#0e0e10) center / 90% 60% no-repeat;image-rendering:pixelated;color:var(--gold);font:700 13px Verdana,sans-serif;letter-spacing:.5px;text-shadow:var(--outline);cursor:pointer;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.nav-shop-btn:hover{filter:drop-shadow(0 3px 5px rgba(0,0,0,.6)) brightness(1.15)}.nav-shop-btn i{width:22px;height:19px;background:url(/assets/ui/lib/icons/icon-tibiastore.png) center / contain no-repeat;image-rendering:pixelated}.nav-shop-sign{position:absolute;top:calc(100% - 4px);left:50%;width:96px;height:93px;margin-left:-48px;padding:0;border:none;background:url(/art/ui/nav-hanging.png) center / 100% 100% no-repeat,linear-gradient(#24211c,#0e0e10) 50% 83% / 66% 17% no-repeat;image-rendering:pixelated;transform-origin:50% 0;cursor:pointer}.nav-shop-sign:hover{animation:sign-swing 1.6s ease-out}@keyframes sign-swing{0%{transform:rotate(0)}15%{transform:rotate(9deg)}35%{transform:rotate(-7deg)}55%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.nav-shop-sign span{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;align-items:center;gap:4px;color:var(--gold);font:700 12px Verdana,sans-serif;text-shadow:var(--outline)}.nav-shop-sign img{width:16px;height:16px;image-rendering:pixelated}.exit-dialog{width:min(300px,92vw)}.exit-dialog p{margin:4px 0 12px;text-align:center;color:var(--text-bright)}.exit-options{display:flex;flex-direction:column;gap:6px}.exit-options .tb-button{min-height:30px}.menu-wrap{position:relative}.menu{position:absolute;top:44px;right:0;z-index:40;display:flex;flex-direction:column;min-width:210px;padding:4px}@media (max-width: 1024px){.top-nav.fixed{display:grid;grid-template-columns:auto var(--sq);align-items:start;column-gap:6px;row-gap:var(--sq-gap);top:8px;right:8px}.top-nav.fixed>.nav-shop{grid-column:1;grid-row:1 / span 7}.top-nav.fixed>.nav-btn,.top-nav.fixed>.menu-wrap{grid-column:2}.top-nav.fixed>.nav-btn.exit{order:1}.top-nav.fixed>.nav-btn.gear{order:2}.top-nav.fixed>.nav-btn.sound{order:3}.top-nav.fixed>.nav-btn.friends{order:4}.top-nav.fixed>.nav-btn.inventory{order:5}.top-nav.fixed>.menu-wrap{order:6}.top-nav.fixed>.nav-btn.ping,.top-nav.fixed>.nav-btn.store{order:7}}.nav-btn.season-pass{--nav-ico: url(/art/ui/nav-ico-pass.png);--nav-inset: 16%}@media (max-width: 1024px){.top-nav.fixed>.nav-btn.season-pass{order:6}}.team-review-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;overflow:auto;gap:10px}.review-slot .lobby-character-card{cursor:default}.review-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;align-self:stretch;height:64px}.star-picker i{cursor:pointer;width:16px;height:18px}.star-picker i:hover,.star-picker i:focus-visible{filter:brightness(1.3);outline:none}.team-review-text{width:100%;box-sizing:border-box;resize:none;font:10px Verdana;color:var(--text-bright);background:#00000073;border:1px solid rgba(255,255,255,.15);padding:3px 4px}.team-review-box{width:min(900px,100%)}.team-review-box .tb-body{display:flex;flex-direction:column;align-items:center;gap:6px}.team-review-note{margin:0;align-self:stretch;padding:5px 8px;text-align:center;font-size:10px;color:var(--text-bright);border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000059}.review-none{display:block;padding:6px 0;text-align:center}.review-slot.me .lobby-character-card{box-shadow:0 0 0 1px #f7c84399,0 0 14px #f7c8434d}.review-slot.bot{filter:grayscale(.4) brightness(.85)}.team-review-actions{display:flex;justify-content:center;gap:8px}.feedback-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto;margin:0;padding:0;list-style:none}.feedback-list li{padding:5px 7px;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.feedback-head{display:flex;align-items:center;gap:6px}.feedback-head .reputation-stars i{width:10px;height:11px}.feedback-list p{margin:3px 0 0;word-break:break-word}.team-review-title{margin:0;color:var(--gold);font-size:22px;letter-spacing:1px;text-shadow:var(--outline),0 0 12px rgba(0,0,0,.8)}.team-review-bonus{color:var(--gold)}.voc-icon{display:inline-block;width:18px;height:18px;vertical-align:-5px;background:url(/assets/ui/vocations.png) no-repeat 0 0 / 90px 18px}.profile-overlay{z-index:140}.profile-modal{width:min(860px,96vw)}.pf-content{padding-top:8px;display:flex;flex-direction:column;gap:8px}.pf-tabs{display:flex;align-items:center;gap:5px}.pf-style{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:10px}.pf-outfit{display:flex;gap:16px;align-items:flex-start}.pf-preview{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch}.pc{display:grid;grid-template-columns:220px 1fr;gap:12px}.pc-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px}.pc-stage{width:170px;height:170px;display:grid;place-items:center;background:url(/art/circle.png) center / contain no-repeat}.pc-stage .outfit-canvas{transform:translate(-11%,-14%)}.pc-nameplate{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:28px;padding:0 26px;background:url(/assets/ui/header.png) 0 0 / 100% 100%;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #f0be504d,0 0 10px #0009;color:#00d000;font-size:14px;font-weight:700;text-shadow:var(--outline)}.pc-nameplate span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-rename{position:absolute;right:6px;width:16px;height:16px;border:none;background:url(/assets/ui/icon-locked.png) center / 8px 12px no-repeat;opacity:.8;cursor:help}.pc-sub{display:flex;align-items:center;gap:4px;color:var(--text);font-size:10px}.pc-info{display:flex;flex-direction:column;gap:10px}.pc-box-title{padding:5px 8px;border-bottom:1px solid #000;box-shadow:0 1px #f0be5026;color:var(--gold);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;text-shadow:var(--outline)}.pc-row{display:grid;grid-template-columns:20px 90px 1fr auto;align-items:center;gap:8px;min-height:30px;padding:3px 8px}.pc-row+.pc-row{border-top:1px solid rgba(255,255,255,.04)}.pc-row-ico{display:grid;place-items:center}.pc-label{color:var(--muted)}.pc-value{color:var(--text-bright);font-weight:700}.pc-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border:1px solid #000;font-size:9px;font-weight:700;text-transform:uppercase;text-shadow:var(--outline)}.pc-tag.lock{background:linear-gradient(#5a4210,#3a2a08);color:var(--gold)}.pc-tag.lock:before{content:"";width:8px;height:12px;background:url(/assets/ui/icon-locked.png) no-repeat}.pc-tag.soon{background:#1d1f26;color:var(--muted)}.pc-gender{display:inline-block;width:14px;height:14px;background:no-repeat center / contain}.pc-gender.male{background-image:url(/assets/ui/gender-male-down.png)}.pc-gender.female{background-image:url(/assets/ui/gender-female-down.png)}.pc-ico{display:inline-block;width:14px;height:14px;background:no-repeat center / contain;image-rendering:pixelated}.pc-ico.outfit{background-image:url(/assets/ui/icon-outfit.png)}.pc-ico.board{background-image:url(/assets/ui/icon-map.png);image-rendering:auto}.pc-ico.discord{background-image:url(/assets/ui/icon-guild.png)}.pc-ico.phone{background-image:url(/assets/ui/icon-account.png)}.pc-ico.shield{background-image:url(/assets/ui/icon-secure.png)}.pc-ico.lock{width:8px;height:12px;background-image:url(/assets/ui/icon-locked.png);vertical-align:-1px}.pc-note{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.pf-side{flex:1;display:flex;flex-direction:column;gap:6px}.pf-section{margin-top:4px;color:var(--gold);font-weight:700;text-transform:uppercase;font-size:10px;text-shadow:var(--outline)}.pf-outfits{display:flex;flex-wrap:wrap;gap:5px}.pf-outfits:not(.locked){max-height:210px;overflow-y:auto}.pf-outfit-btn{display:flex;flex-direction:column;align-items:center;width:78px;padding:3px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;background:none;color:var(--text);font:700 9px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.pf-outfit-btn.on{border-image:none;border:2px solid var(--gold);color:var(--gold);box-shadow:0 0 8px #f7c84373}.pf-outfit-btn.locked{width:66px;cursor:default;filter:grayscale(1) brightness(.55)}.pf-footer{display:flex;gap:8px;justify-content:space-between;align-items:center}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.skin-card{display:flex;flex-direction:column;gap:5px;padding:8px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;background:none;color:var(--text);font:11px Verdana,sans-serif;text-align:left;cursor:pointer}.skin-card.on{border-image:none;border:2px solid var(--gold);box-shadow:0 0 10px #f7c84373}.skin-name{color:var(--text-bright);font-weight:700;font-size:13px;text-shadow:var(--outline)}.skin-tag{margin-left:4px;padding:0 4px;background:var(--gold);color:#2a1a00;font-size:8px;text-shadow:none}.skin-desc{color:var(--muted);line-height:1.4}.skin-preview{position:relative;padding:8px 8px 4px;background:#140e07}.skin-preview .skin-map{width:100%;aspect-ratio:15 / 11;background-repeat:no-repeat;image-rendering:pixelated}.skin-bench{display:flex;justify-content:center;gap:2px;margin-top:4px}.skin-bench i{width:16px;height:16px;background:#3a3a3a no-repeat center / contain}.skin-preview.skin-ornate{border:4px solid #8a6a2c;box-shadow:inset 0 0 0 2px #3b2a12,0 0 0 2px #2a1a08}.skin-preview.skin-gold{border:4px solid #d9a21b;box-shadow:inset 0 0 0 2px #7a5608,0 0 12px #f7c84380}.skin-preview.skin-stone{border:4px solid transparent;border-image:url(/assets/ui/frame2.png) 2 stretch}.shop-detail-art .skin-preview{transform:scale(.5)}.title-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.title-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px 8px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;background:none;color:var(--text);font:11px Verdana,sans-serif;cursor:pointer}.title-card.on{border-image:none;border:2px solid var(--gold);box-shadow:0 0 10px #f7c84373}.title-card.locked{cursor:default;opacity:.55}.title-card.locked .title-banner{filter:grayscale(1) brightness(.8)}.profile-modal.season-border{outline:2px solid #d3ab59;box-shadow:0 0 0 5px #40301d,0 0 22px #dcb44b3d}.profile-modal.season-border .hud-title{text-shadow:0 0 5px rgba(237,192,99,.65)}.skin-card.locked{cursor:default;filter:grayscale(.7) brightness(.7)}.skin-card.locked:hover{filter:grayscale(.7) brightness(.7)}.skin-tag.locked{background:#3a3a3a;color:#ccc}.tb-tip-host{position:relative;display:inline-flex}.tb-tip{position:fixed;translate:-50% -100%;z-index:200;display:block;width:max-content;max-width:260px;padding:5px 8px;border:1px solid #8a6a2a;background:#100e0cf5;box-shadow:0 4px 12px #0009;color:var(--text-bright, #ddd);font-size:11px;font-weight:400;line-height:1.35;text-align:left;text-shadow:var(--outline);white-space:normal;pointer-events:none}.tb-tip.below{translate:-50% 0}.tb-tip b{color:var(--gold, #f0c040)}.tb-tip .tip-title{display:block;margin-bottom:2px;color:var(--title, #e8d7a0);font-weight:700}.tb-tip table{border-collapse:collapse;margin-top:3px}.tb-tip td{padding:1px 6px 1px 0}.tb-tip tr.on td{color:var(--gold, #f0c040);font-weight:700}.streak-icon{align-items:center;gap:2px;cursor:help}.streak-icon .ui-icon{image-rendering:pixelated}.streak-icon.win .ui-icon,.streak-icon.none .ui-icon,.streak-icon.loss .ui-icon{width:14px;height:14px}.streak-icon.none .ui-icon{filter:grayscale(1) brightness(.7)}.streak-icon>b{font-size:11px;text-shadow:var(--outline)}.streak-icon.win>b{color:#ff9c40}.streak-icon.loss>b{color:#d8d8d8}.streak-icon.none>b{color:#888}.hud-ico.damage{background-image:url(/assets/ui/icon-melee.png)}.hud-top{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;width:100%;height:var(--top-h)}.hud-top>*{pointer-events:auto}.top-box{position:relative;display:flex;align-items:center;gap:10px;height:58px;padding:0 16px;background:linear-gradient(180deg,#1d2230,#0d1017);border:2px solid #c08a2a;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 14px #f0be502e,0 4px 14px #0009}.top-box:before,.top-box:after{content:"";position:absolute;top:50%;width:22px;height:26px;margin-top:-13px;background:url(/art/hud/estagios-icons-41.png) center / contain no-repeat}.top-box:before{left:-13px}.top-box:after{right:-13px}.round-icon{width:40px;height:46px;object-fit:contain}.round-text,.time-text{flex:1;min-width:0}.time-text{text-align:right}.round-title{color:var(--gold);font-size:20px;font-weight:700;text-shadow:var(--outline);white-space:nowrap}.round-sub{color:var(--text-bright);font-size:11px;text-shadow:var(--outline);white-space:nowrap}.time-icon{width:36px;height:36px;image-rendering:pixelated}.time-box.hot .round-title{color:var(--loss)}.stage-track{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:100%}.stage-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:35px;margin-top:-20px;background:url(/art/hud/estagios-08.png) center / 100% 100% no-repeat;pointer-events:none}.stage-rail{position:relative;display:flex;align-items:center;justify-content:space-evenly;flex:1;min-width:0;height:64px}.stage-logo{position:relative;z-index:2;width:200px;height:76px;margin:0 6px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 4px 8px #000)}.stage-step{display:flex;flex-direction:column;align-items:center;gap:1px}.stage-node{position:relative;display:grid;place-items:center;width:42px;height:44px}.stage-node img{max-width:42px;max-height:44px;image-rendering:auto}.stage-step.next .stage-node>img:first-child{filter:grayscale(.9) brightness(.62)}.stage-step.cur .stage-node>img:first-child{animation:node-pulse 1.1s ease-in-out infinite alternate}@keyframes node-pulse{0%{filter:drop-shadow(0 0 3px rgba(255,190,60,.6))}to{filter:drop-shadow(0 0 9px rgba(255,190,60,1)) brightness(1.15)}}.stage-node .stage-event{position:absolute;top:-4px;right:-6px;width:20px;height:20px;object-fit:contain}.stage-label{min-width:34px;padding:2px 5px;border:1px solid #b8892c;border-radius:4px;background:linear-gradient(180deg,#1d2230,#0d1017);color:var(--text-bright);font-size:10px;font-weight:700;line-height:1;text-align:center;text-shadow:var(--outline)}.stage-step.cur .stage-label{color:var(--gold);box-shadow:0 0 6px #ffbe3cb3}.stage-step.done .stage-label{color:var(--gold)}.stage-step.next .stage-label{border-color:#5a5a5a;color:var(--muted)}.stage-link{display:none}.traits .trait-members{overflow:hidden}.traits .hud-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:4px 6px 6px}.traits-list{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.arrow-btn.row{width:18px;height:18px}.arrow-btn.row.open{transform:rotate(90deg)}.trait{position:relative;height:41px;padding:4px 2px}.trait.open{height:auto}.trait+.trait{border-top:1px solid #0c0c0c;box-shadow:inset 0 1px #ffffff0f}.trait-row{display:flex;align-items:center;gap:8px}.trait-badge{position:relative;flex:none}.trait-count{position:absolute;right:-5px;bottom:-4px;min-width:16px;height:16px;padding:0 3px;display:grid;place-items:center;border-radius:8px;background:#1a1a1a;border:1px solid #555;color:var(--text-bright);font-size:10px;font-weight:700}.trait.on .trait-count{border-color:var(--gold);color:var(--gold);background:#2a1f08}.trait-text{flex:1;min-width:0}.trait-name{color:#9a9a9a;font-weight:700;text-shadow:var(--outline)}.trait.on .trait-name{color:var(--text-bright)}.trait-bps span{margin-right:2px;color:#666}.trait-bps span+span:before{content:"/ ";color:#555}.trait-bps span.done{color:var(--text)}.trait-bps span.cur{color:var(--gold);font-weight:700}.trait-owned{display:flex;gap:2px}.mini-portrait{flex:none;display:grid;place-items:center;border:1px solid #000;background:radial-gradient(circle at 50% 40%,#2c3040,#10121a);box-shadow:inset 0 -2px 0 var(--c1)}.mini-portrait.c2{box-shadow:inset 0 -2px 0 var(--c2)}.mini-portrait.c3{box-shadow:inset 0 -2px 0 var(--c3)}.mini-portrait.c4{box-shadow:inset 0 -2px 0 var(--c4)}.mini-portrait.c5{box-shadow:inset 0 -2px 0 var(--c5)}.trait-members{margin:5px 0 2px;padding:4px;background:#00000059;border:1px solid rgba(240,190,80,.2)}.trait-flyout{position:fixed;z-index:60;pointer-events:none;width:250px;padding:6px}.flyout-head{margin-bottom:5px;line-height:1.4}.flyout-head b{color:var(--gold)}.member-grid{display:flex;flex-wrap:wrap;gap:3px}.member-grid.fitted{display:grid;justify-content:center}.member{display:grid;place-items:center;width:38px;height:38px;border:1px solid #000;background:#14161d;opacity:.75}.member.have{opacity:1;border-color:var(--gold);box-shadow:0 0 5px #f7c84380}.player{display:flex;align-items:center;gap:7px;padding:3px 0}.player+.player{border-top:1px solid #0c0c0c;box-shadow:inset 0 1px #ffffff0f}.player-avatar{flex:none;width:42px;height:42px;display:grid;place-items:center;background:url(/art/circle.png) center / contain no-repeat}.player-info{flex:1;min-width:0}.player-name{color:#00d000;font-weight:700;text-shadow:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player.me .player-name{color:var(--gold)}.player.dead{opacity:.4}.player-meta{color:var(--muted);font-size:10px}.player-pos{flex:none;width:22px;color:var(--text-bright);font-size:11px;font-weight:700;text-align:right;text-shadow:var(--outline)}.player.me .player-pos{color:var(--gold)}.player.offline{filter:grayscale(1);opacity:.55}.player-offline{color:#c8c8c8;font-size:9px;font-weight:400;text-transform:uppercase}.player-chevron{color:var(--gold);font-size:18px;font-weight:700;text-shadow:var(--outline)}.streak.win{color:#ff9c40}.streak.loss{color:#7fd0ff}.tabs,.metrics{display:flex;gap:3px;margin-bottom:5px}.tabs button,.metrics button{flex:1;padding:4px 0;border:2px solid transparent;border-image:url(/assets/ui/btn.png) 2 fill stretch;background:none;color:var(--muted);font:700 11px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.metrics button{padding:1px 0;font-size:9px}.tabs button.on,.metrics button.on{border-image-source:url(/assets/ui/btn-green.png);color:var(--text-bright)}.dmg-row{display:flex;align-items:center;gap:6px;padding:3px 0}.dmg-info{flex:1;min-width:0}.dmg-name{display:flex;justify-content:space-between;color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.dmg-name b{color:var(--text-bright)}.dmg-bar{display:flex;height:7px;margin-top:2px;background:#0d0d0d;border:1px solid #000}.dmg-bar i,.dmg-legend i{display:block;height:100%}.dmg-legend{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--muted);font-size:9px}.dmg-legend i{width:10px;height:7px;border:1px solid #000}.unitinfo .hud-body{display:flex;flex-direction:column;gap:6px}.unit-head{display:flex;gap:8px;align-items:center}.unit-frame{flex:none;width:84px;height:86px;display:grid;place-items:center;background:url(/art/hud/molduras-box-03.png) center / 84px 84px no-repeat,linear-gradient(#1b1a18,#0f0f10) center / 70px 70px no-repeat}.unit-tags{display:flex;flex-direction:column;gap:3px;min-width:0}.cost-tag{align-self:flex-start;font-weight:700;text-shadow:var(--outline)}.cost-tag.c1{color:var(--c1)}.cost-tag.c2{color:var(--c2)}.cost-tag.c3{color:var(--c3)}.cost-tag.c4{color:var(--c4)}.cost-tag.c5{color:var(--c5)}.trait-chips{display:flex;flex-direction:column;gap:2px;color:var(--text-bright);font-size:10px}.hud-bottom{position:relative;z-index:5;display:grid;grid-template-columns:272px minmax(0,1fr) 272px;gap:var(--gap);align-items:end;width:100%;height:var(--shop-h);min-height:0}.hud-bottom>*{pointer-events:auto}.tb-panel.tb-dialog.level-box,.tb-panel.tb-dialog.shop-card,.tb-panel.tb-dialog.square-box{box-shadow:0 6px 18px #0000008c}.level-box>.tb-body{display:flex;flex-direction:column;gap:4px;padding-top:3px}.level-line{display:flex;align-items:center;justify-content:space-between;color:var(--text-bright);text-shadow:var(--outline)}.level-label{font-size:16px;font-weight:700}.level-label b{color:var(--win)}.level-xp{color:var(--win);font-weight:700}.level-sub{color:#fff;font-size:10px;text-shadow:var(--outline)}.shop-btn{width:100%;height:26px;justify-content:space-between;font-size:12px}.shop-area{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:0}.shop-top{position:absolute;right:0;bottom:calc(100% + 10px);z-index:2;display:flex;align-items:flex-end;gap:6px}.streak-box .odds-row{justify-content:center;min-width:52px}.odds-box>.tb-title{color:var(--title)}.odds-row{display:flex;justify-content:flex-end;align-items:center;gap:4px;padding:3px 4px}.odds-row>span{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:20px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#000000a6;color:#fff;font-size:11px;font-weight:700;text-shadow:var(--outline)}.odds-row .shop-lock{display:inline-flex;align-items:center;gap:4px;height:20px;margin-left:6px;padding:0 8px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#000000a6;color:#ddd;font:bold 11px var(--font, inherit);cursor:pointer}.odds-row .shop-lock:hover:not(:disabled){color:#fff;background:#281e0ad9}.odds-row .shop-lock.on{color:#e6d2ff;background:#461e6eeb;box-shadow:0 0 6px #aa64ff8c}.odds-row .shop-lock:disabled{opacity:.5;cursor:default}.odds-row .shop-lock .ui-icon{width:12px;height:12px;image-rendering:pixelated}.odds-row .shop-lock:not(.on) .ui-icon{filter:grayscale(1) brightness(1.4)}.odds-row .odds-label{min-width:0;padding:0 8px;color:var(--gold)}.odds-pill i{display:inline-block;width:8px;height:8px;border:1px solid #000}.odds-pill.c1 i{background:var(--c1)}.odds-pill.c2 i{background:var(--c2)}.odds-pill.c3 i{background:var(--c3)}.odds-pill.c4 i{background:var(--c4)}.odds-pill.c5 i{background:var(--c5)}.odds-pill.zero{opacity:.7}.shop-cards{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;height:128px}.shop-card{--t: var(--c1);height:128px;min-width:0;padding:0;color:#fff;font:10px Verdana,sans-serif;text-align:left;cursor:pointer;transition:transform .08s,filter .08s}.shop-card.c2{--t: var(--c2)}.shop-card.c3{--t: var(--c3)}.shop-card.c4{--t: var(--c4)}.shop-card.c5{--t: var(--c5)}.shop-card:after{content:"";position:absolute;top:-17px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--t);box-shadow:0 0 6px var(--t),inset 0 0 6px color-mix(in srgb,var(--t) 60%,transparent);pointer-events:none}.shop-card.c5:after{box-shadow:0 0 12px var(--t),0 0 3px #fff6,inset 0 0 8px var(--t)}.shop-card.empty:after{display:none}.shop-card>.tb-title{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.shop-card>.tb-body{display:flex;flex-direction:column;gap:5px;height:100%;box-sizing:border-box;padding:5px 6px}.shop-card:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.15)}.shop-card:disabled:not(.empty){filter:grayscale(.85) brightness(.55);cursor:default}.shop-card.empty{opacity:.35;cursor:default}.shop-card.upgrade{animation:pulse .9s infinite alternate}.card-art{position:relative;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;box-shadow:inset 0 0 18px color-mix(in srgb,var(--t) 35%,transparent),inset 0 -3px 0 var(--t)}.card-art>:last-child{margin-bottom:2px;filter:drop-shadow(0 3px 3px #000)}.card-traits{position:absolute;left:3px;top:3px;z-index:1;display:flex;flex-direction:column;gap:1px}.card-owned{position:absolute;top:3px;right:5px;z-index:1;color:var(--gold);font-size:10px;font-weight:700;text-shadow:var(--outline)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#fff;text-shadow:var(--outline)}.card-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-cost{display:flex;align-items:center;gap:3px;color:var(--t);font-size:13px;font-weight:700;text-shadow:var(--outline)}.sell-overlay{position:absolute;top:-17px;right:-4px;bottom:-4px;left:-4px;z-index:5;display:grid;place-items:center;background:#5a0a0ad9;border:2px dashed var(--gold);color:var(--gold);font-size:15px;font-weight:700;text-shadow:var(--outline);pointer-events:none}.gold-box{display:grid;grid-template-columns:1fr 1fr;gap:22px 8px;align-content:end}.square-box{height:76px;padding:0;color:inherit;font:inherit}.square-box>.tb-body{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;box-sizing:border-box}.square-box span{color:var(--gold);font-size:26px;font-weight:700;text-shadow:var(--outline)}.bag-ico{width:48px;height:48px;background:url(/art/ui/nav-ico-inventory.png) center / contain no-repeat;image-rendering:pixelated}.bag-box{cursor:pointer}.bag-box:hover{filter:brightness(1.15)}.bag-box.on{box-shadow:0 0 0 2px var(--gold),0 0 10px #f7c84373}.bag-box span{font-size:18px;color:var(--text-bright)}.gold-amount{transition:transform .15s}.gold-amount.flash{transform:scale(1.06)}.gold-pile{width:40px;height:40px;background:url(/assets/ui/gold.png) center / contain no-repeat;image-rendering:pixelated}.fight-btn{grid-column:1 / -1;height:50px;margin-top:-14px;font-size:22px;letter-spacing:1px}.fight-slot{visibility:hidden}.fight-ico{font-size:24px}.stage-dot{position:relative}.stage-event{position:absolute;top:-6px;right:-7px;font-style:normal;font-size:11px;color:#ffd24a;text-shadow:var(--outline)}.stage-step.k-boss .stage-dot{border-color:#b04040}.stage-step.k-pve .stage-dot{border-color:#6b8f4a}.trait-badge-tag{margin-left:5px;padding:0 4px;border-radius:3px;font-size:8px;font-weight:700;vertical-align:1px}.trait-badge-tag.mastery{background:linear-gradient(#ffe27a,#c8961e);color:#2a1a00;box-shadow:0 0 6px #f7c843b3;text-shadow:none}.trait-badge-tag.locked{background:#3a1d2a;color:#ff9ab8;border:1px solid #7a3050}.trait-tier{color:var(--gold);font-size:9px}.tier-list{margin:5px 0 6px;padding-left:14px;line-height:1.4}.tier-list li{color:#8a8a8a;margin-bottom:2px}.tier-list li.done{color:var(--text)}.tier-list li.cur{color:var(--text-bright)}.tier-list li.cur b{color:var(--gold)}@media (max-width: 1200px){.stage-rail{min-width:200px}.stage-logo{height:64px}.stage-node,.stage-node img{width:34px;max-width:34px;height:36px;max-height:36px}}.unit-items{display:flex;justify-content:center;gap:6px;padding:4px;background:#00000059;border:1px solid #000}.unit-item-slot{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,#0c0d11,#1b1d24);border:1px solid #000;box-shadow:inset 1px 1px #ffffff14,0 0 0 1px #3a3f4a}.unit-item-slot.empty{opacity:.5}.unit-item-slot.cat-complete{box-shadow:inset 0 0 0 1px #6b8fc9,0 0 0 1px #3a3f4a}.unit-item-slot.cat-emblem{box-shadow:inset 0 0 0 1px #c96bd8,0 0 0 1px #3a3f4a}.unit-item-slot.cat-legendary{box-shadow:inset 0 0 0 2px #e0a820,0 0 6px #f7c84399}.unit-item-slot.cat-mythic{box-shadow:inset 0 0 0 2px #ff5ad0,0 0 8px #ff5ad0b3}.player{cursor:pointer}.player:hover{background:#ffffff0d}.player.viewing{background:#f7c8431f;box-shadow:inset 2px 0 0 var(--gold)}.player.dead{cursor:pointer}.presence{display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%;border:1px solid #000;vertical-align:middle}.presence.stayed{background:#3bd23b;box-shadow:0 0 4px #3bd23b}.presence.left{background:#e03a3a;box-shadow:0 0 4px #e03a3a}.shop-locked{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:0 20px;background:#08080ac7;color:var(--text-bright);font-size:13px;font-weight:700;text-align:center;text-shadow:var(--outline)}.price{display:inline-flex;align-items:center;gap:2px;color:var(--gold)}.ico{display:inline-block;width:9px;height:9px;margin-right:4px;vertical-align:-1px;background-repeat:no-repeat}.ico.hp{background-image:url(/assets/ui/icon-hp.png)}.ico.armor{background-image:url(/assets/ui/icon-armor.png)}.ico.melee{background-image:url(/assets/ui/icon-melee.png)}.ico.ranged{background-image:url(/assets/ui/icon-ranged.png)}.ico.spell{background-image:url(/assets/ui/icon-spell.png)}.ico.speed{background-image:url(/assets/ui/icon-speed.png)}.ico.mr{background-image:url(/assets/ui/icon-mr.png)}.tb-bar{position:relative;height:13px;margin:3px 0;border:1px solid #000;background:#1b1b1b;box-shadow:inset 1px 1px #000,0 1px #555}.tb-bar .fill{height:100%;background:url(/assets/ui/pb-green.png) repeat-x 0 0 / auto 100%}.tb-bar.xp .fill{background-image:url(/assets/ui/pb-yellow.png)}.tb-bar.mana .fill{background-image:url(/assets/ui/pb-blue.png)}.tb-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700;text-shadow:var(--outline)}.phys{background:linear-gradient(#ffac4a,#e06a10)}.magic{background:linear-gradient(#6fb0ff,#2560d0)}.heal{background:linear-gradient(#6aff6a,#1fa01f)}.taken{background:linear-gradient(#ff6a6a,#a01f1f)}.tier{width:104px;image-rendering:auto}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px 6px;padding:4px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 fill stretch;color:var(--text-bright)}.ability b{color:var(--text-bright)}.ability .words{color:#f0a020;font-style:italic}.ability p{margin:3px 0 0;line-height:1.45}.tb-bar.xp{height:12px}.tb-bar.xp .fill{background:linear-gradient(#9dff7a,#32c832 55%,#1f8f1f);box-shadow:0 0 6px #5dff4f80}@keyframes pulse{to{filter:drop-shadow(0 0 8px var(--gold)) brightness(1.18)}}.stats .up{color:#6dff5a;font-weight:700}.bench-object-icon{width:72px;height:72px;background-repeat:no-repeat;background-size:72px auto;background-position:0 0;image-rendering:pixelated}.bench-object-text{margin:6px 0 0;font-size:12px;line-height:1.35}.bench-object-icon.egg{background-size:144px auto;background-position:-36px -36px}.hud-top>.tb-nav,.hud-top>:last-child{justify-self:end}.round-dialog{position:relative;margin-top:14px}.round-body{display:flex;align-items:stretch;gap:6px;padding:4px 6px;height:48px}.rd-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 12px;min-width:74px}.rd-label{color:var(--text-bright);font-size:10px;text-transform:uppercase;letter-spacing:.4px;text-shadow:var(--outline);white-space:nowrap}.rd-cell b{color:var(--gold);font-size:20px;line-height:22px;text-shadow:var(--outline);font-variant-numeric:tabular-nums;white-space:nowrap}.rd-round b{font-size:22px}.rd-time{flex-direction:row;gap:6px;min-width:136px;padding:0 12px 0 4px}.rd-text{display:flex;flex-direction:column;align-items:flex-start}.rd-time.hot b{color:var(--loss)}.rd-time.fighting b{color:#ff9b6a}.rd-total b{color:#e8e2d0;font-size:17px}.hourglass{flex:none;width:42px;height:42px;background:url(/assets/effects/232.png) -27px -12px / 96px auto no-repeat;image-rendering:pixelated}.hourglass.playing{animation:hourglass-spin 1.64s steps(14) infinite}@keyframes hourglass-spin{to{background-position-y:-1356px}}.rd-track{display:flex;align-items:stretch;gap:4px}.rd-track .stage-step{display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;width:44px;padding:2px 0 3px;gap:0}.rd-track .stage-node{width:26px;height:26px}.rd-track .stage-node img{max-width:26px;max-height:26px}.rd-track .stage-label{min-width:0;padding:0;border:0;background:none;box-shadow:none;font-size:10px;line-height:11px}.rd-track .stage-step.cur{border-image:none;border-color:var(--gold);box-shadow:inset 0 0 6px #ffbe3c73}.rd-track .stage-step.cur .stage-label{box-shadow:none}.rd-speed{align-self:center}.round-dialog>.tb-title{color:#fff;font-size:12px}.rd-track .stage-step.win{border-image:none;border-color:#3fae3f;background:linear-gradient(180deg,#288c288c,#0a320abf)}.rd-track .stage-step.loss{border-image:none;border-color:#c03a2e;background:linear-gradient(180deg,#aa23198c,#3c0a08bf)}.rd-track .stage-step.draw{border-image:none;border-color:#a08a40;background:linear-gradient(180deg,#78642880,#28200abf)}.rd-track .stage-step.win .stage-label,.rd-track .stage-step.loss .stage-label,.rd-track .stage-step.draw .stage-label{color:#fff}.rd-time.hot b{color:#ff3b30;animation:time-hot .5s ease-in-out infinite alternate}@keyframes time-hot{to{color:#ff9a90;text-shadow:var(--outline),0 0 8px rgba(255,60,40,.9)}}.plaza-clock{justify-self:center;margin-top:0;pointer-events:none}.plaza-card{position:fixed;z-index:160;width:240px;pointer-events:none}.plaza-card-body{display:grid;justify-items:center;gap:4px;padding:6px;text-align:center}.plaza-card-title{font:700 12px Verdana,sans-serif;text-shadow:var(--outline)}.plaza-card-domain{font-size:11px;color:#c9c3b6;text-shadow:var(--outline)}.plaza-card-blessing{width:100%;box-sizing:border-box;padding:6px;display:grid;gap:2px}.plaza-card-blessing .bl-tier{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.plaza-card-blessing .bl-name{color:#fff;font-weight:700;font-size:12px}.plaza-card-blessing .bl-text{font-size:11px;line-height:1.35;color:var(--text-bright)}.plaza-card-tag{margin-top:6px;font-size:11px;font-weight:700;color:#9a958c;text-shadow:var(--outline)}.plaza-card-tag.mine{color:var(--win, #6f6)}.god-plaza{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#0b0c10}.god-plaza-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.god-plaza-top{position:absolute;top:8px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:4px;pointer-events:none;z-index:1}.god-plaza-help{max-width:min(560px,calc(100vw - 32px));padding:4px 10px;font-size:11px;color:var(--text-bright);text-shadow:var(--outline);text-align:center}.dice-spin{position:absolute;left:50%;top:50%;translate:-75% -75%;background-repeat:no-repeat;image-rendering:pixelated}@keyframes reveal-fx{to{background-position-y:var(--fx-end)}}.dice-face{image-rendering:pixelated;animation:dice-pop .3s ease-out}@keyframes dice-pop{0%{transform:scale(.4);opacity:0}}.dice-overlay{position:fixed;left:50%;top:50%;translate:-50% -50%;z-index:40;display:grid;justify-items:center;gap:10px;pointer-events:none}.dice-overlay-box{position:relative;width:220px;height:220px;display:grid;place-items:center}.dice-overlay-text{font:700 14px Verdana,sans-serif;color:var(--gold);text-shadow:var(--outline);white-space:nowrap}.lab{display:flex;flex-direction:column;height:100vh;background:#0b0c10;color:var(--text-bright)}.lab-top{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid #2a2a2a}.lab-title{color:var(--gold);font-size:15px;margin-right:10px;text-shadow:var(--outline)}.lab-top .spacer{flex:1}.lab-missing{margin:8px 12px 0;padding:6px 8px;font-size:11px;display:grid;gap:4px}.lab-missing code{-webkit-user-select:all;user-select:all;color:var(--gold);word-break:break-all}.lab-body{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;padding:12px}.lab-side{align-self:start}.lab-side .tb-body,.lab-side>:not(.tb-title){display:grid;gap:8px}.lab-help{margin:0;font-size:11px;line-height:1.4}.lab-label{display:grid;gap:3px;font-size:11px}.lab-check{display:flex;align-items:center;gap:6px;font-size:11px}.lab-go{width:100%;height:30px}.lab-stage{position:relative;min-width:0;min-height:0;overflow:hidden}.lab-canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;image-rendering:pixelated}.plaza-wrap{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.lab-timer{padding:6px;text-align:center;font-weight:700;color:var(--gold)}.lab-picks{display:grid;gap:3px;padding:6px;font-size:11px}.lab-pick{display:flex;justify-content:space-between}@media (max-width: 760px){.lab-body{grid-template-columns:1fr}}.dice-list{display:grid;gap:4px}.dice-pick{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:3px 6px;color:var(--text-bright);font:700 11px Verdana,sans-serif;text-align:left;text-shadow:var(--outline);cursor:pointer}.dice-pick img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.dice-pick:hover:not(:disabled),.dice-pick.on{border-color:var(--gold);box-shadow:inset 0 0 6px #ffbe3c73}.dice-pick:disabled{cursor:default;opacity:.7}.dice-pick-rolls{color:var(--gold)}.dice-stage{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-content:center;gap:14px}.dice-board{position:absolute;top:0;right:0;bottom:0;left:0}.dice-stage>:not(.dice-board){position:relative;z-index:1;pointer-events:none}.dice-box{position:relative;width:260px;height:260px;display:grid;place-items:center}.dice-hint{color:#e8e2d0;font:700 12px Verdana,sans-serif;text-shadow:var(--outline)}.dice-results{display:flex;gap:6px}.dice-chip{width:34px;height:34px;display:grid;place-items:center;font:700 14px Verdana,sans-serif;color:#888;text-shadow:var(--outline)}.dice-chip.on{color:#fff}.dice-reward{font:700 16px Verdana,sans-serif;color:var(--gold);text-shadow:var(--outline)}.shop-open{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 8px;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;background:linear-gradient(180deg,#3c2c0af2,#1a1204f2);color:var(--text-bright);font:11px Verdana,sans-serif;text-align:left;cursor:pointer;box-shadow:0 0 12px #f7c84340}.shop-open:hover{filter:brightness(1.15)}.store-icon{width:52px;height:44px;background:url(/assets/ui/lib/buttons/button-storeicon-up.png) center / 100% 100% no-repeat;image-rendering:pixelated}.store-icon.small{width:26px;height:22px}.shop-open:active .store-icon{background-image:url(/assets/ui/lib/buttons/button-storeicon-down.png)}.shop-open b{display:block;color:var(--gold);font-size:15px;text-shadow:var(--outline)}.tf-coin{width:18px;height:18px;vertical-align:-4px;image-rendering:pixelated}.tibia-icon{display:inline-block;flex:none;background:url(/assets/ui/lib/icons/premium__premium-icons-32x32.png) 0 0 no-repeat;image-rendering:pixelated}.coin-stack{position:relative;display:inline-block;flex:none}.coin-stack i{position:absolute;left:0;bottom:4%;margin-left:10%;background:url(/assets/items/tibia-coin.png) 0 0 / auto 100% no-repeat;image-rendering:pixelated;animation:coin-sparkle 1.2s steps(12) infinite}@keyframes coin-sparkle{to{background-position-x:calc(var(--s) * -12)}}.shop-modal{width:min(920px,96vw)}.shop-modal .tb-body{height:min(640px,calc(92vh - 24px))}.shop-tabs{display:flex;flex-wrap:wrap;gap:4px}.shop-tabs .tb-button{display:inline-flex;align-items:center;gap:5px}.shop-tabs .coin-stack,.shop-tabs .tibia-icon{transform:translateY(-1px)}.shop-hint{font-size:10px;padding:0 2px}.shop-notice{padding:4px 8px;color:#8fe08f;font-weight:700;text-shadow:var(--outline)}.shop-notice.error{color:#ff7a6b}.shop-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));align-content:start;gap:8px;padding:8px}.shop-card2{display:flex;flex-direction:column;gap:4px;padding:6px;min-width:0}.shop-card2.owned{filter:saturate(.6)}.shop-card2.soon{opacity:.7}.shop-art{position:relative;display:grid;place-items:center;height:86px;overflow:hidden}.shop-art.board .skin-preview{transform:scale(.85)}.shop-card-name{color:var(--gold);font-weight:700;font-size:12px;text-shadow:var(--outline)}.shop-tag{color:#c9a7ff;font-size:10px}.shop-card-desc{color:var(--text);font-size:10px;line-height:1.35;flex:1}.shop-card-list{margin:0;padding-left:14px;font-size:10px;color:var(--text-bright)}.shop-card-bonus{font-size:10px;color:#c9a7ff}.shop-card-for{font-size:10px;color:var(--text-bright)}.shop-input{width:100%;padding:3px 5px;color:var(--text-bright);font:11px Verdana,sans-serif;outline:none}.shop-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.shop-pay-row{display:flex;gap:3px}.shop-owned{color:#8fe08f;font-weight:700;font-size:10px;text-shadow:var(--outline)}.shop-discount{position:absolute;top:3px;right:3px;padding:0 4px;border:1px solid #000;background:#7d3cc8;color:#fff;font-size:10px;font-weight:700;text-shadow:var(--outline)}.shop-price{display:inline-flex;align-items:center;gap:3px;color:var(--text-bright);font-weight:700;white-space:nowrap;text-shadow:var(--outline)}.shop-price.gold{color:#ffd76a}.shop-options{display:grid;gap:3px}.shop-option{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:2px 4px;font-size:10px}.shop-option.owned{opacity:.75}.shop-option-name{color:var(--text-bright);font-weight:700;white-space:nowrap}.shop-card2.outfit .shop-art,.shop-art.outfit{height:136px}.shop-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:2px 4px 0}.shop-balance{display:inline-flex;align-items:center;gap:4px;color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.shop-status{font-size:10px;color:#c9a7ff}.shop-status.boost{color:#8fe08f}.shop-footnote{margin-left:auto;font-size:10px}@media (max-width: 560px){.shop-grid{grid-template-columns:1fr}}.shop-option .tb-button{white-space:nowrap}.match-xp-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:12px auto;padding:8px;border:1px solid #74603c;background:#0f1118d9;color:#cbd5e1;font-size:12px}.match-xp-result strong{color:#e7c36f;font-size:17px}.match-xp-result span{padding:3px 7px;background:#222636;border:1px solid #383d50;border-radius:3px}.match-xp-result .match-levelup{color:#f9d482;border-color:#94713e;animation:match-level-appear .7s ease-out}.match-xp-pending{color:#b5bac7;font-size:12px;margin:12px 0;text-align:center}@keyframes match-level-appear{0%{opacity:.2;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.match-xp-result{gap:5px;font-size:11px;margin:8px 0}}.match-xp-breakdown{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;margin-top:8px;color:#c8cad3;font-size:11px}.match-xp-breakdown span{padding:3px 6px;border:1px solid #51432c;border-radius:3px;background:#0a0c118c}.match-xp-breakdown small{flex-basis:100%;opacity:.65;text-align:center}@media (max-width:600px){.match-xp-breakdown{gap:4px;font-size:10px}}.match-ddr{display:flex;flex-direction:column;align-items:center;gap:3px;width:160px}.match-ddr-bar{display:block;width:100%;height:6px;border:1px solid #000;background:#11161b}.match-ddr-bar b{display:block;height:100%;background:linear-gradient(90deg,#2f6fd0,#6fb0ff);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.match-xp-block{display:grid;gap:0;margin:6px 0;text-align:left}.match-xp-field{display:grid;gap:6px;padding:8px 10px}.match-xp-gain{display:flex;align-items:center;gap:8px}.match-xp-gain strong{color:var(--gold);font-size:18px;text-shadow:var(--outline)}.match-xp-level{margin-left:auto;color:var(--text-bright);font-size:11px}.match-xp-level b{color:var(--gold);font-size:13px;text-shadow:var(--outline)}.match-ddr{display:grid;gap:3px;color:var(--text-bright);font-size:11px}.match-ddr b{color:#fff}.match-xp-block .match-levelup{display:flex;align-items:center;gap:6px;color:#8fe08f;font-weight:700;text-shadow:var(--outline);animation:match-level-appear .7s ease-out}.match-ddr .character-xp-track{width:100%;max-width:none}.game{--col-l: 270px;--col-r: 270px;--gap: 12px;--top-h: 84px;--shop-h: 172px;position:relative;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr) var(--shop-h);gap:8px;height:100vh;padding:6px 12px 10px;box-sizing:border-box;overflow:hidden;pointer-events:none}.game>:not(.game-main):not(.hud-top):not(.hud-bottom):not(.board-stage):not(.toasts){pointer-events:auto}body:has(.game){overflow:hidden;background:#0b0c10}.game-main{display:grid;grid-template-columns:var(--col-l) 1fr var(--col-r);gap:var(--gap);width:100%;min-height:0}.col-left,.col-right{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.col-left,.col-right{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.pslot{min-height:0;min-width:0;display:flex;flex-direction:column}.pslot-top{grid-row:1}.pslot-bottom{grid-row:2}.pslot>.tb-hud{flex:0 1 auto;max-height:100%;min-height:0;display:flex;flex-direction:column}.pslot>.tb-hud>.hud-body{min-height:0;overflow-y:auto;scrollbar-width:thin}.pslot>.traits>.hud-body{overflow:hidden}.pslot>.traits{flex:1 1 auto;width:100%;min-width:0;box-sizing:border-box}.pslot .hud-title{cursor:grab}.pslot.drop>.tb-hud,.pslot.drop:empty{outline:2px dashed var(--gold);outline-offset:2px}.pslot:empty{min-height:40px}.pslot>*{pointer-events:auto}.board-area{position:relative;min-width:0;min-height:0;display:flex;align-items:flex-start;gap:6px}.board-area>*{pointer-events:auto}.board-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:auto;background:#0b0c10}.game-main,.hud-top,.hud-bottom{position:relative;z-index:1}.unitinfo-float{position:absolute;left:0;top:0;z-index:20;width:250px;pointer-events:none}.unitinfo-float>*{pointer-events:auto}.board-host{position:absolute;left:0;top:0}.board-host canvas{display:block;image-rendering:pixelated}.board-area>.zoom-buttons{position:absolute;right:0;top:50%;display:flex;flex-direction:column;gap:4px;transform:translateY(-50%)}.zoom-buttons .tb-button{width:30px;height:30px;padding:0;font-size:16px}.board-area>.visit-box{position:fixed;left:50%;bottom:calc(var(--shop-h, 172px) + 44px);z-index:6;display:flex;align-items:center;gap:8px;transform:translate(-50%)}.visit-tag{min-width:250px;display:flex;align-items:center;justify-content:center;height:34px;border-style:solid;border-width:0 26px;border-image:url(/assets/ui/banner-loot.png) 0 46 fill stretch;color:#fff;font-size:12px;font-weight:700;text-shadow:var(--outline);white-space:nowrap}.visit-tag em{margin-left:5px;color:var(--gold);font-style:normal}.visit-back{height:34px;padding:0 10px;font-size:14px;box-shadow:0 2px 6px #0009}.board-area>.vs-label{position:absolute;z-index:3;left:50%;top:4px;transform:translate(-50%);padding:3px 12px;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;color:var(--text-bright);font-weight:700;text-shadow:var(--outline);pointer-events:none;white-space:nowrap}.vs-label .vs{color:var(--gold);margin:0 4px}.toasts{position:fixed;top:calc(var(--top-h, 84px) + 6px);bottom:auto;left:50%;transform:translate(-50%);flex-direction:column;align-items:center;display:flex;gap:6px;pointer-events:none;z-index:50}.toast{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 8px;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;color:var(--text-bright);font-weight:700;text-align:center;text-shadow:var(--outline)}.toast.error{color:#ffb0a0}.toast.win{color:var(--win)}.toast.loss{color:var(--loss)}.over-dots{display:flex;justify-content:center;gap:6px;margin:8px 0 4px}.over-dots i{width:8px;height:8px;border-radius:50%;border:1px solid #000;background:#3a3a3a}.over-dots i.on{background:var(--gold);box-shadow:0 0 6px #f7c84399}.over-panel{width:min(380px,94vw);text-align:center}.over-emblem{display:flex;flex-direction:column;align-items:center;gap:2px;margin:-2px auto 8px;animation:over-emblem-in .45s cubic-bezier(.2,1.4,.4,1) both}.over-emblem img{display:block;image-rendering:auto}.over-emblem-icon{width:140px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.7))}.over-emblem-plate{width:150px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.over-emblem.place-1 .over-emblem-icon{filter:drop-shadow(0 0 12px rgba(255,196,64,.55)) drop-shadow(0 5px 8px rgba(0,0,0,.7))}.over-emblem.place-2 .over-emblem-icon{filter:drop-shadow(0 0 12px rgba(80,140,255,.5)) drop-shadow(0 5px 8px rgba(0,0,0,.7))}.over-emblem.place-3 .over-emblem-icon{filter:drop-shadow(0 0 12px rgba(230,130,60,.45)) drop-shadow(0 5px 8px rgba(0,0,0,.7))}@keyframes over-emblem-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.placement{font-size:15px;color:var(--text-bright)}.placement b{color:var(--gold)}@media (max-width: 1200px){.game{--col-l: 220px;--col-r: 220px;--gap: 8px}}.unitinfo-float .hud-title{cursor:move}.unitinfo-float.dragging{opacity:.9}.resize-grip{position:absolute;right:2px;bottom:2px;width:12px;height:12px;cursor:nwse-resize;pointer-events:auto;background:linear-gradient(135deg,transparent 45%,#b8892c 45%,#b8892c 55%,transparent 55%),linear-gradient(135deg,transparent 70%,#b8892c 70%,#b8892c 80%,transparent 80%);opacity:.8}.unitinfo-float:not(:has(.unitinfo)) .resize-grip{display:none}.match-reward-summary{display:grid;justify-items:center;gap:4px;padding:9px;margin:8px 0;border:1px solid #896b3c;background:#2a2415c7;color:#e9dbbc;font-size:12px}.match-reward-summary strong{color:var(--gold);font-size:14px}.match-reward-summary small{color:#c2bcae;font-size:11px}.match-reward-table{width:100%;max-width:320px;margin:6px auto;border-collapse:collapse;font-size:11px;color:#e9dbbc}.match-reward-table caption{color:var(--gold);font-weight:700;padding-bottom:4px}.match-reward-table th,.match-reward-table td{padding:2px 6px;border-bottom:1px solid rgba(137,107,60,.45);text-align:center}.match-reward-table th{color:#c2bcae;font-weight:400}.match-reward-table tr.mine td{background:#896b3c73;color:#fff;font-weight:700}.match-reward-block{display:grid;margin:6px 0;text-align:left}.match-reward-field{display:grid;gap:4px;padding:6px 10px}.match-reward-line{display:flex;align-items:center;gap:8px;color:var(--text-bright);font-size:12px}.match-reward-line b{color:var(--gold);text-shadow:var(--outline)}.match-reward-wait{margin:10px 0}.match-place-head,.match-place-row{display:grid;grid-template-columns:74px 64px 1fr 64px;align-items:center;gap:4px}.match-place-head{padding:4px 8px 2px;color:#c2bcae;font-size:10px}.match-place-list{display:grid;gap:2px;padding:4px}.match-place-row{color:var(--text-bright);font-size:11px}.match-place-row>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.match-place-row .item-sprite{width:22px;height:22px}.match-place-row.me{box-shadow:0 0 0 1px var(--gold),0 0 8px #f7c84359}.match-place-pos em{font-style:normal;font-size:9px;font-weight:700;color:#1a1205;background:var(--gold);padding:0 3px;border:1px solid #000}.match-pass-ico{width:18px;height:18px;image-rendering:pixelated}.match-place-note{display:block;margin-top:4px;font-size:10px;text-align:center}.lobby-news{display:flex;gap:12px;width:min(876px,100%)}@media (max-width: 768px){.lobby-news{flex-direction:column}}.lobby-news-main{flex:4;min-width:0}.lobby-news-updates{flex:1;min-width:175px}.lobby-news .hud-body{padding:8px 12px 10px;color:var(--text-bright);font-size:11px;line-height:1.5}.lobby-news-item{display:flex;gap:10px;padding:4px 0}.lobby-news-item+.lobby-news-item{border-top:1px solid #0c0c0c;box-shadow:inset 0 1px #ffffff0f}.lobby-news-date{flex:none;width:46px;color:var(--muted)}.lobby-news-item b{color:var(--gold)}.lobby-news-item>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-news-updates li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-news-updates li.empty{list-style:none}.lobby-news-version{color:#6dff5a;font:700 16px Verdana,sans-serif;text-shadow:var(--outline)}.lobby-news-updates ul{margin:4px 0 0;padding-left:15px}.screen-center:has(>.site-footer)>:first-child{margin-top:auto}.screen-center>.site-footer{margin-top:auto;flex:none;width:min(876px,100%)}.carousel{width:100vw;max-width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px}.carousel-track{display:grid;justify-items:center;align-items:stretch;width:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.carousel-item{grid-area:1 / 1;display:flex;transition:transform .28s ease,opacity .28s ease,filter .28s ease}.carousel-item>*{flex:1}.carousel-item.center{z-index:2}.carousel-item.left,.carousel-item.right{z-index:1;opacity:.45;filter:brightness(.7);cursor:pointer}.carousel-item.left{transform:translate(-62%) scale(.8)}.carousel-item.right{transform:translate(62%) scale(.8)}.carousel-item.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.6)}.carousel-nav{display:flex;align-items:center;gap:8px}.carousel-arrow{width:32px;height:32px;padding:0;border:none;background:center / 100% 100% no-repeat;image-rendering:pixelated;cursor:pointer}.carousel-arrow.prev{background-image:url(/assets/ui/arrow-left.png)}.carousel-arrow.next{background-image:url(/assets/ui/arrow-right.png)}.carousel-arrow.prev:active{background-image:url(/assets/ui/arrow-left-down.png)}.carousel-arrow.next:active{background-image:url(/assets/ui/arrow-right-down.png)}.carousel-dot{width:9px;height:9px;padding:0;border:1px solid rgba(0,0,0,.8);border-radius:50%;background:#5a5040;cursor:pointer}.carousel-dot.active{background:#e8c66a;box-shadow:0 0 4px #e8c66acc}@media (prefers-reduced-motion: reduce){.carousel-item{transition:none}}.player-name{padding:0;border:none;background:none;color:inherit;font:inherit;font-weight:700;text-shadow:inherit;cursor:pointer}.player-name:hover{text-decoration:underline;color:#fff}.mini-outfit{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;flex:none;overflow:hidden;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000073;image-rendering:pixelated}.mini-outfit .outfit-canvas{position:absolute;right:-6px;bottom:-4px}.pm-ico{display:inline-block;width:16px;height:16px;flex:none;background:center / contain no-repeat;image-rendering:pixelated}.pm-ico.msg{background-image:url(/assets/ui/lib/icons/icon-inbox.png)}.pm-ico.profile{background-image:url(/assets/ui/lib/icons/icon-cyclopedia-characterinfo.png)}.pm-ico.history{background-image:url(/assets/ui/lib/icons/icon-history.png)}.pm-ico.invite{background-image:url(/assets/ui/lib/icons/icon-invite.png)}.pm-ico.add{background-image:url(/assets/ui/lib/icons/skin__classic__icon-add.png)}.pm-ico.remove{background-image:url(/assets/ui/lib/icons/icon-delete.png)}.pm-ico.kick{background-image:url(/assets/ui/lib/icons/icon-delete.png)}.pm-ico.leader{background-image:url(/assets/ui/lib/icons/icon-leader.png)}.player-menu{position:fixed;z-index:400;display:flex;flex-direction:column;min-width:180px;padding:6px;gap:2px;font:11px Verdana,sans-serif;color:var(--text-bright)}.player-menu>b{padding:2px 6px 6px;color:var(--gold);text-shadow:var(--outline)}.player-menu button{display:flex;align-items:center;gap:8px;padding:5px 6px;border:none;background:none;color:var(--text-bright);font:inherit;text-align:left;cursor:pointer}.player-menu button:hover{background:#ffffff14;color:#fff}.friends-wrap{position:fixed;z-index:300;display:flex}.friends-wrap .friends-panel{flex:1;min-width:0;display:flex;flex-direction:column}.friends-wrap .tb-title{cursor:move;-webkit-user-select:none;user-select:none}.friends-panel .tb-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding:6px}.friends-wrap .friends-list{flex:1;min-height:0;max-height:none}.friends-grip{position:absolute;z-index:2;top:-3px;left:-3px;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,rgba(247,200,67,.7) 0 2px,transparent 2px 5px,rgba(247,200,67,.5) 5px 7px,transparent 7px)}.friends-tabs{display:flex;gap:4px}.friends-tabs .tb-button.active{filter:brightness(1.35)}.friends-tabs .tb-button{white-space:nowrap}.friends-wrap .friends-tabs{gap:3px;align-items:stretch}.friends-wrap .friends-tabs .tb-button{flex:1 1 0;min-width:0;padding:1px 3px;overflow:hidden;text-overflow:ellipsis}.friends-wrap .friends-tabs .friends-close{flex:0 0 20px;margin-left:0;padding:0}.friends-close{margin-left:auto}.friends-list{display:flex;flex-direction:column;gap:3px;max-height:min(420px,60vh);overflow-y:auto;margin:0;padding:4px;list-style:none;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000059}.friend-row{display:flex;align-items:center;gap:8px;padding:3px 4px;cursor:pointer;border:1px solid transparent}.friend-row:hover{border-color:#f7c84373;background:#ffffff0a}.friend-row.offline{opacity:.55}.friend-text{display:flex;flex-direction:column;min-width:0;flex:1}.friend-text b{color:#5cff5a;text-shadow:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row.offline .friend-text b{color:#ff6b5b}.friend-row.away .friend-text b{color:khaki}.friend-row.match .friend-text b,.friend-row.queue .friend-text b{color:#9fd0ff}.friend-text small{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:4px}.friend-rank{color:var(--text)}.friend-unread{min-width:16px;padding:0 4px;border-radius:8px;background:#b52a1f;color:#fff;font-size:10px;text-align:center}.friends-empty{color:var(--muted);padding:6px;cursor:default}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5cff5a;box-shadow:0 0 0 1px #000}.status-dot.away{background:khaki}.status-dot.match,.status-dot.queue{background:#6fb6ff}.status-dot.offline{background:#ff6b5b}.friends-add{display:flex;gap:4px}.friends-add input{flex:1;min-width:0;height:20px;padding:0 5px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#0d0d0e;color:var(--text-bright);font:11px Verdana,sans-serif}.online-notices{position:fixed;z-index:350;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.online-notice,.online-invite{pointer-events:auto;font:11px Verdana,sans-serif;text-shadow:var(--outline)}.online-notice{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;color:var(--text-bright);font-weight:700}.online-notice.error{color:#ffb3a8}.online-invite{display:flex;align-items:center;gap:8px;padding:6px 8px;color:var(--text-bright)}.online-invite small{color:var(--muted)}.ready-backdrop{z-index:500}.ready-card{width:min(420px,92vw)}.ready-card .tb-body{padding:12px 16px 14px;color:var(--text-bright);text-align:center}.ready-card [role=dialog]{display:flex;flex-direction:column;align-items:center;gap:10px}.ready-card p{margin:0}.ready-mode{margin:0;color:var(--gold);font-weight:700;text-shadow:var(--outline)}.ready-bar{width:100%;height:8px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000080}.ready-bar i{display:block;height:100%;background:linear-gradient(#f7c843,#b8860b);transition:width .2s linear}.ready-dots{display:flex;gap:6px}.ready-dot{width:16px;height:16px;border-radius:50%;background:#2a2a2a;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #555}.ready-dot.ok{background:#3fae3a;box-shadow:inset 0 0 0 1px #000,0 0 6px #5cff5a}.ready-dot.no{background:#b52a1f}.ready-accept{min-width:150px;font-size:14px}.ready-declines{margin:0;font-size:10px}.lobby-chat{position:absolute;z-index:20;display:flex;flex-direction:column;box-sizing:border-box;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;background:url(/assets/ui/bg-dark.png) repeat;box-shadow:0 0 0 1px #050505,0 -6px 18px #0000008c}.lobby-chat.open{height:min(var(--chat-h, 170px),var(--chat-max))}.lobby-chat-grip{position:absolute;z-index:1;top:-6px;left:0;right:0;height:10px;cursor:ns-resize;touch-action:none}.lobby-chat-grip:after{content:"";position:absolute;top:3px;left:50%;width:36px;height:3px;margin-left:-18px;border-radius:2px;background:#f7c84340;box-shadow:0 0 0 1px #000;opacity:0;transition:opacity .15s}.lobby-chat:hover .lobby-chat-grip:after,.lobby-chat-grip:active:after{opacity:1}.lobby-chat-bar{display:flex;align-items:flex-end;gap:2px;height:20px;padding:1px 2px 0;flex:none}.lobby-chat-tabs{display:flex;flex:1;gap:1px;min-width:0;overflow:hidden}.lobby-chat-tab{flex:0 1 96px;min-width:0;height:18px;padding:0 2px;border:none;background:url(/assets/ui/chat-tab-off.png) center / 100% 100% no-repeat;color:#8f8f8f;font:9px Verdana,sans-serif;text-shadow:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.lobby-chat-tab.on{background-image:url(/assets/ui/chat-tab.png);color:#fff;font-weight:700}.chat-btn{width:16px;height:16px;flex:none;margin-bottom:1px;padding:0;border:none;background:center / 100% 100% no-repeat;image-rendering:pixelated;cursor:pointer}.chat-btn.left{width:18px;background-image:url(/assets/ui/chat-left.png)}.chat-btn.left:active{background-image:url(/assets/ui/chat-left-down.png)}.chat-btn.right{width:18px;background-image:url(/assets/ui/chat-right.png)}.chat-btn.right:active{background-image:url(/assets/ui/chat-right-down.png)}.chat-btn.new{background-image:url(/assets/ui/chat-new.png)}.chat-btn.clear{background-image:url(/assets/ui/chat-close.png)}.chat-btn.clear:active{background-image:url(/assets/ui/chat-close-down.png)}.chat-btn.new:active{background-image:url(/assets/ui/chat-new-down.png)}.lobby-chat-toggle{min-height:16px;height:16px;margin-bottom:1px;padding:0 6px;font-size:9px}.lobby-chat-log{flex:1;min-height:0;overflow-y:auto;margin:0 2px;padding:4px 6px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#0000008c;font:11px/1.45 Verdana,sans-serif;text-shadow:var(--outline)}.chat-line{color:khaki}.chat-line .chat-time{color:#a0a0a0}.chat-line b{font-weight:400}.chat-line.me{color:#9fd0ff}.chat-line.server{color:#fff}.chat-line.event{color:#5cff5a}.chat-line.pm{color:#9f9dfd}.lobby-chat-input{display:flex;gap:4px;flex:none;padding:3px 2px 2px}.lobby-chat-input input{flex:1;min-width:0;height:18px;padding:0 5px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#0d0d0e;color:var(--text-bright);font:11px Verdana,sans-serif}.lobby-chat-tab.unread:not(.on){color:#f7c843}.chat-line .player-name{font-weight:400}.normal-room{width:min(980px,96vw)}.normal-room>.tb-body{display:flex;flex-direction:column;gap:10px;padding:8px 10px 10px}.room-head{display:flex;align-items:center;gap:8px;color:var(--text-bright);text-shadow:var(--outline)}.room-head b{color:var(--gold)}.room-tag{padding:2px 8px;font-size:10px;color:var(--muted);border:1px solid rgba(255,255,255,.15);background:#00000059}.room-tag.open{color:#9fe39a;border-color:#5cff5a59}.grow{flex:1}.room-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.room-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:190px;padding:6px 6px 8px;box-sizing:border-box;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;background:url(/assets/ui/bg-dark.png) repeat;color:var(--text);font:11px Verdana,sans-serif}.room-card.me{box-shadow:0 0 0 1px #f7c84399,0 0 12px #f7c84340}.room-card-name{display:flex;align-items:center;gap:4px;max-width:100%;color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.room-card-name{width:100%;justify-content:center}.room-card-name span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-ping{display:inline-flex;flex:none;align-items:flex-end;gap:2px;color:var(--muted);font-size:9px;font-weight:400}.room-ping .ping-bars{height:9px;gap:1px}.room-ping .ping-bars i{width:2px}.room-card-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100px;image-rendering:pixelated}.room-card-stage.dim{opacity:.5;filter:grayscale(.6)}.room-pedestal{position:absolute;bottom:2px;left:50%;width:66px;height:69px;transform:translate(-50%);background:url(/assets/ui/boosted-boss-pedestal.png) center / 100% 100% no-repeat;image-rendering:pixelated}.room-pedestal .outfit-canvas{position:absolute;z-index:1;bottom:26px;left:-58px;filter:drop-shadow(0 3px 1px rgba(0,0,0,.85))}.room-card-title{color:var(--gold);font-size:10px;text-shadow:var(--outline);text-align:center}.room-card-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:3px 4px;box-sizing:border-box;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000059;color:var(--text-bright);font-size:10px}.room-card-info .muted{color:var(--muted)}.room-card-info .reputation-stars i{width:9px;height:10px}.room-card-more{position:absolute;top:2px;right:4px;padding:0 4px;border:none;background:none;color:var(--text-bright);font:700 14px Verdana;cursor:pointer;text-shadow:var(--outline)}.room-card-more:hover{color:var(--gold)}.room-card-menu{position:absolute;z-index:20;top:22px;right:4px;display:flex;flex-direction:column;min-width:160px;padding:4px}.room-card-menu button{display:flex;align-items:center;gap:6px;padding:5px 6px;border:none;background:none;color:var(--text-bright);font:11px Verdana;text-align:left;cursor:pointer}.room-card-menu button:hover{background:#ffffff14}.room-card.pending{border-image:url(/assets/ui/frame-down.png) 2 fill stretch}.room-card.empty{justify-content:center;gap:6px;cursor:pointer;color:var(--muted);border-image:url(/assets/ui/frame-down.png) 2 fill stretch;background:#0000004d}.room-card.empty:hover{color:var(--gold);background:#f7c8430f}.room-card.empty.off{cursor:default}.room-card.empty.off:hover{color:var(--muted);background:#0000004d}.room-plus{font:700 40px/1 Verdana,sans-serif;text-shadow:var(--outline)}.room-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.room-bar .tb-button{display:inline-flex;align-items:center;gap:6px}.room-search{min-width:170px}.room-inactive{color:#ffb3a8;font-size:11px;text-shadow:var(--outline)}.invite-dialog{width:min(360px,92vw)}.invite-dialog .tb-body{padding:10px 12px}.invite-dialog [role=dialog]{display:flex;flex-direction:column;gap:8px;min-height:250px}.invite-dialog [role=dialog]>.row{margin-top:auto}.invite-dialog .row{justify-content:center}.invite-hint{margin:0;font-size:10px}.invite-talkers{display:flex;flex-wrap:wrap;gap:4px}@media (max-width: 760px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.room-card.manage .room-card-name{padding:0 14px;box-sizing:border-box}.match-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-row{display:flex;justify-content:center;gap:12px}.loading-slot{position:relative;transition:filter .3s}.loading-slot .lobby-character-card{cursor:default}.loading-slot.me .lobby-character-card{box-shadow:0 0 0 1px #f7c84399,0 0 14px #f7c8434d}.loading-slot.stalled{filter:grayscale(.85) brightness(.75)}.loading-slot.stalled .ping-bars i.on{background:linear-gradient(#ff8a7a,#c02222)}.loading-pct{display:flex;align-items:center;gap:6px;align-self:stretch}.loading-pct .ready-bar{flex:1;height:7px}.loading-pct b{min-width:46px;color:var(--text-bright);font-size:10px;text-align:right;text-shadow:var(--outline)}.loading-slot.done .loading-pct b{color:#5cff5a}.loading-slot.done .ready-bar i{background:linear-gradient(#8dff7a,#22b322)}.loading-slot.stalled .loading-pct b{color:#ff8a7a}.loading-total{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;row-gap:4px;width:min(900px,100%);box-sizing:border-box;padding:8px 14px;color:var(--text-bright);text-shadow:var(--outline)}.loading-mode{color:var(--gold);font-weight:700;white-space:nowrap}.loading-bar{height:12px}.loading-total-pct{min-width:40px;font-size:14px;text-align:right}.loading-note{grid-column:1 / -1;color:var(--muted);font-size:10px;text-align:center}.history-tabs-row{display:flex;gap:4px;flex-wrap:wrap}.history-sort-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.history-sort-label{color:var(--muted)}.history-table-container{max-height:calc(92vh - 130px)}.history-table{width:100%;border-collapse:collapse;font-size:11px}.history-table th{position:sticky;top:0;padding:6px 8px;background:#1a1a1a;color:var(--muted);font-size:9px;font-weight:400;text-align:left;text-transform:uppercase;letter-spacing:.4px}.history-table td{padding:4px 8px;border-top:1px solid rgba(0,0,0,.55);vertical-align:middle;white-space:nowrap}.history-row:nth-child(2n) td{background:#00000026}.history-row:hover td{background:#f7c84314}.col-num{width:36px;text-align:center}.mode-cell{display:inline-flex;align-items:center;gap:5px;color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.mode-icon-symbol{max-height:13px}.delta-val,.xp-val,.honor-cell,.rep-cell{display:inline-flex;align-items:center;gap:3px;font-weight:700;text-shadow:var(--outline)}.history-table .green,.history-table .xp-val{color:var(--win)}.history-table .red{color:var(--loss)}.history-table .gray{color:var(--muted);font-weight:400}.history-table .gold{color:var(--gold)}.col-date{color:var(--muted)}.col-details{text-align:right}.empty-history-cell{padding:24px!important;color:var(--muted);text-align:center}.history-overlay{z-index:300}.history-modal{width:min(900px,96vw)}.ranking-tabs-row{display:flex;gap:4px}.ranking-profile-panel{width:300px;flex:none;padding:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.profile-pedestal-card{padding:10px;display:flex;flex-direction:column;align-items:center}.pedestal-stage{height:140px;display:flex;align-items:center;justify-content:center}.pedestal-stage .outfit-canvas{transform:translate(-11%,-14%)}.profile-name-bar{display:flex;align-items:center;gap:8px;margin-top:6px}.profile-name{font-size:13px;color:#f3f4f6;font-weight:700}.profile-edit-btn{cursor:pointer;font-size:12px;opacity:.8}.profile-edit-btn:hover{opacity:1}.profile-details-row{display:flex;gap:12px;font-size:10px;color:#9ca3af;margin-top:4px}.profile-level-box{display:flex;align-items:center;gap:10px;padding:8px 10px}.level-badge-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:38px}.level-title{font-size:7px;color:#9ca3af;text-transform:uppercase}.level-number{font-size:12px;font-weight:700;color:#f7ca54}.level-progress-col{flex:1;display:flex;flex-direction:column;gap:4px}.level-bar-track{height:8px;overflow:hidden}.level-bar-fill{height:100%}.level-bar-numbers{display:flex;justify-content:space-between;font-size:9px;color:#9ca3af}.profile-chart-box{padding:8px 10px;display:flex;flex-direction:column;gap:4px}.chart-header{display:flex;justify-content:space-between;font-size:9px}.chart-title{color:#8b92a5;text-transform:uppercase;font-weight:700}.chart-period{color:#6b7280}.chart-container-svg{margin-top:4px}.profile-quick-stats{display:flex;gap:8px}.quick-stat-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px}.qs-val{font-size:12px;font-weight:700;color:#f7ca54}.qs-lbl{font-size:8px;color:#8b92a5;text-transform:uppercase;margin-top:2px}.profile-name{text-shadow:var(--outline)}.profile-details-row,.chart-period,.qs-lbl{color:var(--muted)!important}.qs-val{color:var(--text-bright)!important;text-shadow:var(--outline)}.ranking-table-section{flex:1;min-width:0}.ranking-main-table{width:100%;border-collapse:collapse;font-size:11px}.ranking-main-table th{position:sticky;top:0;z-index:1;padding:6px 8px;background:#1a1a1a;color:var(--muted);font-size:9px;font-weight:400;text-align:left;text-transform:uppercase;letter-spacing:.4px}.ranking-main-table td{padding:3px 8px;border-top:1px solid rgba(0,0,0,.55);color:var(--text);vertical-align:middle;white-space:nowrap}.ranking-row:nth-child(2n) td{background:#00000026}.ranking-row:hover td{background:#f7c84314}.ranking-row.highlight-self td{background:#f7c8431f;box-shadow:inset 0 1px #f7c84359,inset 0 -1px #f7c84359}.col-rank-num{width:36px;text-align:center}.player-info-cell{display:flex;align-items:center;gap:6px}.player-avatar-box{display:grid;place-items:center;width:27px;height:27px}.player-name-link{color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.tier-badge-cell{color:var(--gold);font-weight:700;text-shadow:var(--outline)}.mmr-number{color:var(--text-bright);font-weight:700}.empty-ranking-cell{padding:24px!important;color:var(--muted);text-align:center}.ranking-overlay{z-index:300}.ranking-modal{width:min(1040px,96vw)}.ranking-filters-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.ranking-filters-info{color:var(--muted)}.ranking-search{width:200px;margin:0}.ranking-content-body{display:flex;gap:6px;min-height:0;max-height:calc(92vh - 110px)}@media (max-width: 900px){.ranking-content-body{flex-direction:column;max-height:none}}.match-board-view{display:flex;flex-direction:column;gap:4px}.board-orient{display:flex;justify-content:space-between;padding:0 4px;color:var(--muted);font-size:9px;text-transform:uppercase}.board-squares{display:grid;grid-template-columns:repeat(8,minmax(0,64px));gap:6px;justify-content:center;padding:6px 4px 14px}.board-sq{position:relative;aspect-ratio:1;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000047}.board-sq.on{border:none;background:url(/assets/ui/lib/titles/tutorial__border-vocationinfo-spells.png) 0 0 / 100% 100%;image-rendering:pixelated}.board-sq.on.hovered{filter:brightness(1.25)}.sq-unit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.sq-unit .portrait{max-width:100%;max-height:100%}.sq-cost{position:absolute;left:3px;top:3px;z-index:1;width:7px;height:7px;border:1px solid #000;border-radius:50%;background:var(--c1)}.board-sq.cost-2 .sq-cost{background:var(--c2)}.board-sq.cost-3 .sq-cost{background:var(--c3)}.board-sq.cost-4 .sq-cost{background:var(--c4)}.board-sq.cost-5 .sq-cost{background:var(--c5)}.sq-items{position:absolute;right:2px;top:2px;z-index:1;display:flex;gap:1px}.sq-stars{position:absolute;left:50%;bottom:-10px;z-index:2;transform:translate(-50%)}.match-synergies{display:flex;flex-direction:column;gap:4px;margin-top:6px}.match-synergies-title{color:var(--muted);font-size:9px;text-transform:uppercase}.match-synergy-tags-row{display:flex;flex-wrap:wrap;gap:4px}.match-synergy-tag{cursor:default}.match-syn-icon{display:inline-grid;place-items:center}.match-syn-tier{color:var(--gold)}.match-syn-thresh{color:var(--muted);font-weight:400}.match-stats-summary{display:flex;flex-direction:column}.match-stat-line{display:flex;align-items:center;gap:6px;padding:4px 2px;border-top:1px solid rgba(0,0,0,.55)}.match-stat-line:first-child{border-top:none}.match-stat-icon{display:grid;place-items:center;width:16px;flex:none}.match-stat-label{flex:1;color:var(--text)}.match-stat-value{color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.match-damage-chart{display:flex;flex-direction:column;gap:4px}.match-damage-row{display:grid;grid-template-columns:auto 32px minmax(0,1fr);align-items:center;gap:6px}.damage-avatar-box{display:grid;place-items:center;width:32px;height:32px}.damage-info-col{display:flex;flex-direction:column;gap:2px;min-width:0}.damage-name-bar{display:flex;align-items:center;justify-content:space-between;gap:6px}.damage-name-left{display:flex;align-items:center;gap:4px;min-width:0}.damage-unit-name{overflow:hidden;color:var(--text-bright);font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--outline)}.damage-stars{height:12px;width:auto}.damage-items-chips{display:flex;gap:1px}.damage-num{color:var(--gold);font-weight:700;text-shadow:var(--outline)}.damage-meter-bg{position:relative;height:7px;border:1px solid transparent;border-image:url(/assets/ui/bar-border.png) 1 stretch;background:#111}.damage-meter-fill{position:absolute;inset:0 auto 0 0;background:url(/assets/ui/hp-fill.png) 0 0 / 100% 100%}.match-players-ranking{overflow-x:auto}.ranking-table-compact{width:100%;border-collapse:collapse;font-size:11px}.ranking-table-compact th{padding:4px 6px;color:var(--muted);font-size:9px;font-weight:400;text-align:left;text-transform:uppercase}.ranking-table-compact td{padding:3px 6px;border-top:1px solid rgba(0,0,0,.55);vertical-align:middle}.ranking-table-compact tr.highlight-self td{background:#f7c8431f}.player-nick-cell{display:flex;align-items:center;gap:5px;color:var(--text-bright);font-weight:700;text-shadow:var(--outline);white-space:nowrap}.player-lvl{color:var(--muted);font-weight:400;text-shadow:none;font-size:10px}.units-line-mini{display:flex;gap:2px}.unit-micro-box{display:grid;place-items:center;width:22px;height:22px}.synergy-badges-mini{display:flex;gap:2px;flex-wrap:wrap}.syn-badge{color:var(--muted);font-size:9px}.mvp-table-compact{width:100%;border-collapse:collapse;font-size:11px}.mvp-table-compact th{padding:4px 6px;color:var(--muted);font-size:9px;font-weight:400;text-align:left;text-transform:uppercase}.mvp-table-compact td{padding:3px 6px;border-top:1px solid rgba(0,0,0,.55);vertical-align:middle;font-weight:700;text-shadow:var(--outline)}.mvp-unit-cell{display:flex;align-items:center;gap:6px;color:var(--text-bright)}.mvp-stars{height:12px;width:auto}.match-detail-overlay{z-index:310}.match-detail-modal{width:min(1080px,98vw)}.match-detail-banner{align-self:center;min-width:420px}.match-detail-empty{padding:30px;color:var(--muted);text-align:center}.match-detail-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px}.summary-when{flex:1;color:var(--text-bright);text-shadow:var(--outline);white-space:nowrap}.summary-chip{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:2px 8px;line-height:1.3}.chip-label{color:var(--muted);font-size:9px;text-transform:uppercase}.chip-val{display:inline-flex;align-items:center;gap:3px;color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.match-detail-modal .green-text{color:var(--win)!important}.match-detail-modal .gold-text{color:var(--gold)!important}.match-detail-modal .orange-text{color:#ffa65c!important}.match-detail-modal .blue-text{color:#7fb4ff!important}.match-detail-modal .red-text{color:#ff8a7a!important}.match-detail-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;max-height:calc(92vh - 150px)}.detail-panel{display:flex;flex-direction:column;min-width:0}.section-extra{margin-left:auto;color:var(--muted);font-weight:400;text-transform:none}.detail-panel-content{flex:1;padding:6px}.comp-panel{grid-column:1;grid-row:1}.top-damage-panel{grid-column:2;grid-row:1}.final-ranking-panel{grid-column:1;grid-row:2}.stats-panel{grid-column:2;grid-row:2}.mvp-panel{grid-column:1 / 3;grid-row:3}@media (max-width: 900px){.match-detail-body{grid-template-columns:1fr}.comp-panel,.stats-panel,.top-damage-panel,.final-ranking-panel,.mvp-panel{grid-column:1;grid-row:auto}.match-detail-banner{min-width:0}}.celebration{position:fixed;z-index:600;top:120px;left:50%;width:500px;height:132px;transform:translate(-50%);cursor:pointer;animation:celebration-in .35s steps(6) both;image-rendering:pixelated}.celebration-scroll{position:absolute;left:60px;top:14px;width:433px;height:118px;background:url(/assets/ui/lib/titles/tutorial__backdrop-infobanner-bottom.png) 0 0 / 100% 100% no-repeat;transform-origin:left center;animation:celebration-unroll .45s steps(8) both}.celebration-medal{position:absolute;left:0;top:6px;z-index:2;width:108px;height:112px}.celebration-title,.celebration-text{position:absolute;z-index:2;left:130px;right:30px;text-align:center;animation:celebration-in .3s .4s both}.celebration-title{top:30px;color:#5a1a0a;font:700 13px Verdana,sans-serif}.celebration-text{top:76px;color:#2a1c0a;font-weight:700;line-height:1.5}@keyframes celebration-in{0%{opacity:0}to{opacity:1}}@keyframes celebration-unroll{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@media (max-width: 560px){.celebration{transform:translate(-50%) scale(.7)}}.char-card-btn.tb-panel.lobby-character-card{display:flex;flex-direction:column;width:210px;padding:0;border-style:solid;border-color:transparent;border-width:15px 4px 4px 4px;border-image:url(/assets/ui/widget.png) 15 4 4 4 fill stretch;color:var(--text);font:11px Verdana,sans-serif;text-align:left}.lobby-character-card>.tb-body{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 8px 8px}.lobby-character-info{display:grid;gap:3px;align-self:stretch;margin:0;padding:6px 8px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000059}.lobby-character-info>div{display:flex;align-items:center;justify-content:space-between}.lobby-character-info dt{color:var(--muted)}.lobby-character-info dd{margin:0;color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.lobby-character-info dd.muted{color:var(--muted);font-weight:400}.reputation-stars{display:inline-flex;gap:2px}.reputation-stars i{width:18px;height:20px;background:url(/assets/ui/lib/icons/icon-star-inactive.png) center / 100% 100% no-repeat;image-rendering:pixelated;opacity:.6}.reputation-stars i.on{background-image:url(/assets/ui/lib/icons/icon-star-gold.png);opacity:1}.lobby-screen{gap:10px}.lobby-screen>.logo-img{margin-bottom:6px}.lobby-character-stage{position:relative;width:174px;height:168px;image-rendering:pixelated}.lobby-character-pedestal{position:absolute;bottom:8px;left:50%;width:82px;height:86px;transform:translate(-50%);background:url(/assets/ui/boosted-boss-pedestal.png) center / 100% 100% no-repeat;image-rendering:pixelated}.lobby-character-pedestal .outfit-canvas{position:absolute;z-index:1;bottom:33px;left:-73px;filter:drop-shadow(0 3px 1px rgba(0,0,0,.85))}.mode-grid{display:grid;grid-template-columns:repeat(4,210px);gap:12px}@media (max-width: 960px){.mode-grid{grid-template-columns:repeat(2,minmax(0,210px))}}.mode-grid-carousel .mode-card{width:210px}.mode-card{display:flex;flex-direction:column}.mode-card .tb-body{flex:1;display:flex;flex-direction:column;gap:8px;min-height:230px}.mode-art{height:116px;display:grid;place-items:center;background:url(/art/square.png) center / contain no-repeat}.mode-art.practice,.mode-art.normal,.mode-art.ranked,.mode-art.strategy{background:var(--mode-frame) center / 116px 116px no-repeat,linear-gradient(#1b1a18,#0f0f10) center / 96px 96px no-repeat;clip-path:inset(0 calc(50% - 58px))}.mode-art.practice{--mode-frame: url(/art/hud/molduras-box-00.png)}.mode-art.normal{--mode-frame: url(/art/hud/molduras-box2-00.png)}.mode-art.ranked{--mode-frame: url(/art/hud/molduras-box2-11.png)}.mode-art.strategy{--mode-frame: url(/art/hud/molduras-box2-02.png)}.mode-card p{margin:0;line-height:1.5}.mode-card .tb-body>.tb-button:last-child{margin-top:auto}.mode-card.locked{filter:grayscale(.75) brightness(.75)}.bot-picker{display:flex;align-items:center;gap:5px}.resume-card{width:min(340px,92vw)}.resume-card .tb-body{padding:10px 16px 12px;color:var(--text-bright);text-align:center}.resume-card p{margin:0 0 6px}.resume-card b{color:var(--gold)}.resume-card .row{justify-content:center;gap:8px;margin-top:10px}.char-card-btn{padding:0;border:none;background:none;cursor:pointer;transition:transform .1s,filter .1s}.char-card-btn:hover{transform:translateY(-2px);filter:brightness(1.15) drop-shadow(0 0 8px rgba(247,200,67,.4))}.mode-creature.playing{animation-name:mode-creature-frames}@keyframes mode-creature-frames{0%{background-position-y:var(--mode-start-y)}to{background-position-y:var(--mode-end-y)}}.lobby-character-title{width:186px;height:37px;margin-top:6px}.lobby-character-title.empty{font-size:10px;padding:0 26px 4px}.lobby-character-card .lobby-character-stage{height:138px}.lobby-screen{position:relative}.lobby-top-row{display:flex;align-items:stretch;justify-content:center;gap:12px}.lobby-side-card{width:250px}.lobby-side-card .tb-body{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box}.lobby-side-subtitle{margin:0;color:#8b92a5;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.lobby-side-card .tb-button{margin-top:auto}.lobby-recent-matches-list,.lobby-top-ranking-box,.lobby-top-ranking-list{display:flex;flex-direction:column;gap:3px}.lobby-match-row .match-row-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.match-row-mode{color:var(--text-bright);font-size:11px;text-shadow:var(--outline)}.match-row-players{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:9px;white-space:nowrap}.match-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.2}.match-delta-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;text-shadow:var(--outline)}.match-delta-tag.green{color:var(--win)}.match-delta-tag.red{color:var(--loss)}.match-row-badges{display:flex;align-items:center;gap:3px}.lobby-empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px;min-height:86px;text-align:center}.lobby-empty-placeholder .empty-icon{height:21px;opacity:.7}.lobby-empty-placeholder .empty-title{color:var(--text-bright);font-weight:700;text-shadow:var(--outline)}.lobby-empty-placeholder .empty-sub{color:var(--muted);font-size:10px;line-height:1.35}.lobby-ranking-row{font-size:10px}.ranking-row-avatar{display:grid;place-items:center;width:20px;height:20px;flex:none}.ranking-row-name{flex:1;min-width:0;overflow:hidden;color:var(--text-bright);font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--outline)}.ranking-row-score{color:var(--gold);text-shadow:var(--outline);white-space:nowrap}.lobby-ranking-row.me{margin-top:2px}@media (max-width: 760px){.lobby-top-row{flex-direction:column;align-items:center}}.practice-level-card{width:min(380px,92vw)}.practice-level-card .tb-body{padding:10px 14px 12px;color:var(--text-bright)}.practice-levels{display:flex;flex-direction:column;gap:8px}.practice-level{display:flex;flex-direction:column;gap:2px;padding:8px 10px;text-align:left;color:var(--text-bright);background:#00000059;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:filter .1s,border-color .1s}.practice-level:hover{filter:brightness(1.2);border-color:var(--gold)}.practice-level b{font-size:14px}.practice-level span{font-size:12px;opacity:.85}.practice-level.easy b{color:#7ddc6f}.practice-level.normal b{color:var(--gold)}.practice-level.hard b{color:#ff6b5b}.practice-level.normal-std b{color:#7ddc6f}.practice-level.normal-fast b{color:#ff9a3c}.practice-level-card .row{justify-content:center;margin-top:10px}.profile-actions{width:min(640px,94vw)}.profile-actions .tb-body{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-actions p{display:flex;align-items:center;gap:6px;margin:0}.profile-actions .row{flex-wrap:wrap;justify-content:center}.mode-room-note{margin:0;font-size:10px}.lobby-character-info .card-ping{display:inline-flex;align-items:center;gap:4px}.card-ping .ping-bars{height:11px;gap:1px}.card-ping .ping-bars i{width:3px}.lobby-screen.in-room{justify-content:flex-start}.lobby-character-info>.lobby-card-xp{display:flex;flex-direction:column;gap:2px;width:100%;padding:2px 0 4px}.lobby-card-xp-track{height:7px;width:100%;box-sizing:border-box;border:1px solid #796034;background:#11161b;border-radius:2px;overflow:hidden}.lobby-card-xp-fill{height:100%;background:linear-gradient(90deg,#9c6928,#ecc45d);transition:width .25s ease}.lobby-card-xp small{font-size:9px;text-align:center;color:#c7ad70}.login-panel{width:360px;max-width:94vw}.login-panel.tb-dialog{border-image:url(/assets/ui/dialog.png) 17 4 4 4 stretch;background:url(/assets/ui/backdrop-dark.png) repeat;box-shadow:0 0 0 1px #080808,0 8px 22px #000000a6,inset 0 0 0 1px #ffffff0d}.login-panel form{display:flex;flex-direction:column;gap:8px}.login-connect{width:min(350px,92vw)}.login-play-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:14px 0 10px}.play-action-btn{width:100%;height:48px;font-size:20px!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000073;transition:transform .1s ease,filter .15s ease}.play-action-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.play-action-btn:active:not(:disabled){transform:translateY(1px)}.discord-logo-btn{display:inline-block;flex:none;width:22px;height:22px;background:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));-webkit-mask:url(/art/brand/discord.svg) center / contain no-repeat;mask:url(/art/brand/discord.svg) center / contain no-repeat}.login-auth-status{margin-top:8px;text-align:center}.login-discord-hint{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--muted);margin:0}.discord-logo-inline{display:inline-block;width:16px;height:16px;background:#5865f2;-webkit-mask:url(/art/brand/discord.svg) center / contain no-repeat;mask:url(/art/brand/discord.svg) center / contain no-repeat}.session-info{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;font-size:11px;color:#a0d468;background:#00000059;border:1px solid rgba(255,255,255,.08)}.switch-account-btn{background:none;border:none;color:#ff8a7a;cursor:pointer;font-size:11px;text-decoration:underline;padding:0}.switch-account-btn:hover{color:#ffaba0}.characters-screen{gap:10px}.character-logo{width:min(590px,90vw)}.creator-win{position:relative;width:440px;max-width:94vw;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:30px 10px 10px;border:4px solid transparent;border-image:url(/assets/ui/lib/frames/skin__classic__4pixel-up-frame.png) 4 stretch;background:url(/assets/ui/bg.png) repeat;background-origin:border-box;box-shadow:0 0 0 1px #050505,0 14px 40px #000000b3}.creator-plate{position:absolute;z-index:1;top:-24px;left:50%;transform:translate(-50%);width:279px;height:44px;box-sizing:border-box;display:grid;place-items:center;padding:0 0 2px 46px;background:url(/assets/ui/lib/titles/taskboard__backdrop_tasksystem_gold_task.png) center / 100% 100% no-repeat;image-rendering:pixelated;color:#fff3c4;font:700 15px Verdana,sans-serif;letter-spacing:.5px;text-shadow:var(--outline);filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.creator-group{display:flex;flex-direction:column;border-style:solid;border-width:15px 4px 4px 4px;border-color:transparent;border-image:url(/assets/ui/widget.png) 15 4 4 4 fill stretch}.creator-group>h3{margin:-15px 0 0;height:15px;line-height:15px;text-align:center;color:silver;font:700 10px Verdana,sans-serif;text-shadow:var(--outline)}.creator-group>.in{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px}.creator-stage{display:flex;align-items:center;justify-content:center;gap:26px;align-self:stretch;padding:10px 0 6px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:url(/assets/ui/backdrop-dark.png) repeat}.creator-arrow{width:40px;height:40px;padding:0;border:none;background:center / 100% 100% no-repeat;image-rendering:pixelated;cursor:pointer}.creator-arrow.prev{background-image:url(/assets/ui/arrow-left.png)}.creator-arrow.next{background-image:url(/assets/ui/arrow-right.png)}.creator-arrow.prev:active{background-image:url(/assets/ui/arrow-left-down.png)}.creator-arrow.next:active{background-image:url(/assets/ui/arrow-right-down.png)}.creator-podium{position:relative;width:174px;height:168px}.creator-pedestal{position:absolute;bottom:8px;left:50%;width:82px;height:86px;transform:translate(-50%);background:url(/assets/ui/boosted-boss-pedestal.png) center / 100% 100% no-repeat;image-rendering:pixelated}.creator-pedestal .outfit-canvas,.creator-pedestal .portrait{position:absolute;z-index:1;bottom:33px;left:-73px;background-color:transparent;filter:drop-shadow(0 3px 1px rgba(0,0,0,.85))}.creator-vocation{width:126px;height:42px;margin-top:-4px;background:center / contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.creator-gender{display:flex;gap:8px}.creator-gender button{width:34px;height:30px;padding:0;border:2px solid transparent;border-image:url(/assets/ui/btn.png) 2 fill stretch;background:none;font:700 18px/26px Segoe UI Symbol,Verdana,sans-serif;cursor:pointer;opacity:.5}.creator-gender button.male{color:#5cff5a;text-shadow:var(--outline)}.creator-gender button.female{color:#ff6fc0;text-shadow:var(--outline)}.creator-gender button.on{opacity:1;border-image-source:url(/assets/ui/btn-down.png)}.creator-field{gap:5px}.creator-field input{width:260px;height:30px;margin:0;text-align:center;font:700 13px Verdana,sans-serif;background:#101112}.creator-field small{color:var(--muted);font-size:10px}.creator-actions{display:flex;justify-content:center;gap:10px;padding-top:2px}.creator-actions .tb-button{width:120px;min-height:30px;font-size:13px}.char-select{width:480px}.char-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.char-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0 0 8px;border-style:solid;border-width:15px 4px 4px 4px;border-color:transparent;border-image:url(/assets/ui/widget.png) 15 4 4 4 fill stretch;background:none;color:var(--text);font:11px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.char-card>h3{margin:-15px 0 0;height:15px;line-height:15px;color:silver;font:700 10px Verdana,sans-serif;text-shadow:var(--outline)}.char-card:hover{filter:brightness(1.1)}.char-card.selected{box-shadow:0 0 0 2px #f7c843,0 0 12px #f7c8438c}.char-card.selected>h3{color:var(--gold)}.char-card-stage{position:relative;align-self:stretch;height:148px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:url(/assets/ui/backdrop-dark.png) repeat}.char-card-stage .creator-pedestal{bottom:6px}.char-card-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#79d76b;font:700 12px Verdana,sans-serif;text-shadow:var(--outline)}.char-card .char-card-info{margin:0 6px;align-self:stretch;text-align:left}.char-card.empty{justify-content:center;gap:4px;color:#bebebe}.char-card.empty>h3{align-self:stretch;margin-bottom:auto}.char-card.empty strong{color:#78bc65;font-size:28px;line-height:1}.char-card.empty span{margin-bottom:auto}.char-card.locked{opacity:.55;cursor:default;filter:none}.creator-actions .tb-button:disabled{opacity:.5;cursor:default}.settings-popover{position:absolute;top:44px;right:0;z-index:40;width:min(286px,calc(100vw - 32px))}.settings-panel.tb-dialog{color:var(--text-bright);background:url(/assets/ui/backdrop-dark.png) repeat;border-image:url(/assets/ui/dialog.png) 17 4 4 4 stretch;box-shadow:0 0 0 1px #090909,0 7px 18px #000000b3,inset 0 0 0 1px #292929}.settings-panel>.tb-body{padding:5px}.settings-backdrop .settings-panel{width:min(620px,calc(100vw - 32px))}.settings-window{display:grid;grid-template-columns:138px minmax(0,1fr);min-height:264px;background:#1c1d20;border:1px solid #070707;box-shadow:inset 1px 1px #ffffff14}.settings-tabs{padding:7px;border-right:1px solid #090909;background:#151619;box-shadow:inset -1px 0 #ffffff14}.settings-tabs button{display:block;width:100%;padding:6px 8px;border:1px solid transparent;background:none;color:#c4c4c4;font:700 11px Verdana,sans-serif;text-align:left;text-shadow:var(--outline);cursor:pointer}.settings-tabs button:hover{background:#ffffff0f}.settings-tabs button.active{border-color:#686868 #121212 #121212 #686868;background:#333438;color:#fff}.settings-content{position:relative;padding:8px}.settings-content .settings-section{padding:4px}.settings-content .settings-section p{margin:0 0 12px;color:#bdbdbd;font-size:10px;line-height:1.45}.settings-close{position:absolute;top:4px;right:4px}.settings-range{display:block;margin:0 0 10px;color:#dfdfdf;font-weight:700}.settings-range span{display:flex;justify-content:space-between;margin-bottom:4px}.settings-range b{color:#aee69d}.settings-range input{width:100%;accent-color:#4ba747}.settings-toggle{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:0;border:0;background:none;color:#ddd;font:700 10px Verdana,sans-serif;cursor:pointer}.settings-toggle i{width:13px;height:13px;border:1px solid #080808;background:#161616;box-shadow:inset 1px 1px #4c4c4c}.settings-toggle i.on:after{content:"✓";display:block;color:#6cc557;font-size:13px;line-height:12px;text-align:center}.settings-select{display:grid;gap:4px;color:#e4e4e4;font-weight:700}.settings-select select{width:170px;padding:3px 5px;border:1px solid #777;background:#222;color:#eee;font:10px Verdana,sans-serif}.settings-section{padding:7px 7px 8px}.settings-section+.settings-section{border-top:1px solid #070707;box-shadow:inset 0 1px #ffffff14}.settings-section h2{margin:0 0 6px;padding:3px 5px;border:1px solid #161616;background:#0000006b;color:#d7d7d7;font-size:10px;text-transform:uppercase;text-shadow:var(--outline)}.music-track{display:grid;grid-template-columns:1fr;gap:2px;padding:6px 7px;border:1px solid #191919;background:#08080994}.music-track span{color:#a8a8a8;font-size:10px}.music-track b{overflow:hidden;color:#f1f1f1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.music-track small{color:#87ba76;font-size:10px}.music-actions{display:flex;justify-content:flex-end;margin-top:7px}.player-next{display:inline-flex;min-height:23px;align-items:center;gap:6px;padding:2px 5px 2px 8px;border:1px solid #686868;background:#242424;color:#e4e4e4;font:700 10px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.player-next:hover:not(:disabled){border-color:#bcbcbc;background:#353535}.player-next:disabled{opacity:.45;cursor:default}.player-next i{width:13px;height:13px;background:url(/assets/ui/arrow-right.png) center / contain no-repeat}.game-settings .menu-item{display:block;width:100%;padding:5px 6px}.menu-item{padding:7px 8px;border:none;background:none;color:var(--text-bright);font:11px Verdana,sans-serif;text-align:left;text-shadow:var(--outline);cursor:pointer}.menu-item:hover{background:#f7c84326}.menu-item.danger{color:#ff8a7a}.admin-toggle{position:fixed;right:14px;top:64px;z-index:310}.admin-panel{position:fixed;right:14px;top:64px;z-index:310;width:330px;max-height:calc(100vh - 80px)}.admin-panel>.tb-panel{max-height:inherit;display:flex;flex-direction:column}.admin-panel>.tb-panel{cursor:move}.admin-panel .tb-body{cursor:default}.admin-panel .tb-title{-webkit-user-select:none;user-select:none}.admin-grants{margin:2px 0 0;padding:0 0 0 14px;font-size:10px;color:#9fe39a;text-shadow:var(--outline)}.admin-panel .tb-body{display:flex;flex-direction:column;gap:8px;overflow:auto}.admin-panel section{display:flex;flex-direction:column;gap:4px}.admin-panel h4{margin:0;font-size:11px;color:var(--gold);text-shadow:var(--outline)}.admin-close{position:absolute;top:2px;right:6px;z-index:1;border:none;background:none;color:var(--text-bright);font:700 14px Verdana;cursor:pointer;text-shadow:var(--outline)}.admin-close:hover{color:var(--gold)}.admin-state{margin:0;font-size:10px}.admin-state .green{color:#9fe39a}.admin-state .red{color:#ffada8}.admin-controls,.admin-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:flex-end}.admin-controls label{flex:1;min-width:80px;display:flex;flex-direction:column;gap:3px;font-size:10px}.admin-panel select,.admin-panel input{color:#eee;background:#222630;border:1px solid #75633a;padding:3px;font-size:10px;box-sizing:border-box}.admin-controls select,.admin-controls input{width:100%}.admin-actions input{width:70px}.admin-actions select,.admin-actions .tb-button{flex:1}.admin-error{color:#ffada8}.admin-results{width:100%;border-collapse:collapse;font-size:10px;background:#00000059;border:1px solid rgba(255,255,255,.12)}.admin-results th,.admin-results td{padding:2px 4px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.admin-results th{color:var(--gold);font-weight:400}.context-menu{z-index:450;min-width:200px}.context-menu hr{width:100%;margin:4px 0;border:none;border-top:1px solid rgba(0,0,0,.7);box-shadow:0 1px #ffffff14}.context-menu .cm-sound{background-image:url(/art/ui/nav-ico-sound-old.png)}.context-menu .cm-sound.off{filter:grayscale(1) brightness(.55)}.context-menu .cm-gear{background-image:url(/art/ui/nav-ico-gear-old.png)}.context-hint{padding:5px 6px 1px;color:var(--muted);font-size:9px}.cookie-consent{position:fixed;inset:auto 16px 16px;z-index:11000;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(860px,calc(100% - 32px));margin:0 auto;padding:16px 20px;border:1px solid var(--gold-dark);border-radius:4px;background:#181512;box-shadow:0 4px 24px #0009;color:var(--text-bright);font-size:12px;line-height:1.5}.cookie-consent strong{color:var(--gold)}.cookie-consent p{margin:6px 0 0;color:var(--text)}.cookie-consent-actions{display:flex;flex-wrap:wrap;flex-shrink:0;gap:8px}.cookie-consent-actions .tb-button{min-height:32px}@media (max-width: 760px){.cookie-consent{flex-direction:column;align-items:stretch;padding:14px;gap:12px}.cookie-consent-actions .tb-button{flex:1}}