: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-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.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}.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}.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}.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-modal{width:min(880px,96vw);max-height:94vh;display:flex;flex-direction:column}.profile-modal .hud-title .close-x{flex:none}.pf-body{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;overflow:auto}.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,.pc-box{background:#00000059;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #f0be501f}.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{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 img{display:block;width:100%;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)}.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-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 6}.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>.menu-wrap{order:5}.top-nav.fixed>.nav-btn.ping,.top-nav.fixed>.nav-btn.store{order:6}}.hud-ico.damage{background-image:url(/assets/ui/icon-melee.png)}.hud-top{position:relative;z-index:5;display:grid;grid-template-columns:var(--col-l) 1fr var(--col-r);align-items:center;gap:var(--gap);width:100%;height:var(--top-h)}.round-box{display:flex;align-items:center;gap:10px;height:72px;padding:0 14px}.round-icon{color:var(--gold);font-size:26px;text-shadow:0 0 6px rgba(247,200,67,.6)}.round-text{flex:1;min-width:0}.round-title{color:var(--gold);font-size:21px;font-weight:700;text-shadow:var(--outline);white-space:nowrap}.round-sub{color:var(--text-bright);white-space:nowrap}.round-timer{display:flex;align-items:center;gap:3px;color:var(--text-bright);font-size:18px;font-weight:700;text-shadow:var(--outline)}.round-timer .hourglass{font-size:16px;filter:sepia(1) saturate(4) hue-rotate(5deg)}.round-timer.hot{color:var(--loss)}.stage-track{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:100%}.stage-rail{display:flex;align-items:center;justify-content:space-evenly;min-width:340px;height:64px;transform:translateY(12px);padding:0 18px;background:linear-gradient(180deg,#121a2cf2,#080c16f2);border-top:2px solid #b8892c;border-bottom:2px solid #b8892c;box-shadow:0 0 0 1px #000,inset 0 1px #ffdc7840,inset 0 -1px #ffdc7840,0 6px 14px #0009}.stage-rail.left{margin-right:-40px;padding-right:56px;border-left:2px solid #b8892c;border-radius:6px 0 0 6px}.stage-rail.right{margin-left:-40px;padding-left:56px;border-right:2px solid #b8892c;border-radius:0 6px 6px 0}.stage-logo{position:relative;z-index:2;height:124px;margin:-2px 0 -26px;align-self:flex-start;image-rendering:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.8))}.stage-step{display:flex;flex-direction:column;align-items:center;gap:1px}.stage-node{position:relative;display:grid;place-items:center;width:44px;height:46px}.stage-node img{max-width:44px;max-height:46px;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(80,150,255,.7))}to{filter:drop-shadow(0 0 9px rgba(80,150,255,1)) brightness(1.15)}}.stage-node .stage-event{position:absolute;top:-4px;right:-6px;width:20px;height:20px;object-fit:contain}.stage-label{color:var(--text);font-size:10px;font-weight:700;line-height:1;text-shadow:var(--outline)}.stage-step.cur .stage-label{color:#8ec3ff}.stage-step.done .stage-label{color:var(--gold)}.stage-link{flex:1 1 48px;min-width:44px;max-width:110px;height:26px;margin:0 -2px 10px;border-style:solid;border-width:0 20px;border-image:url(/art/ui/link-diamond.png) 0 48 fill / 0 20px stretch;filter:grayscale(.9) brightness(.6)}.stage-link.lit{filter: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{display:grid;grid-template-columns:var(--col-l) 1fr var(--col-r);gap:var(--gap);align-items:stretch;width:100%;height:var(--shop-h);min-height:0}.level-box{display:flex;flex-direction:column;gap:5px;padding:8px 10px}.level-line{display:flex;align-items:baseline;justify-content:space-between}.level-label{color:var(--text-bright);font-size:15px;font-weight:700;text-shadow:var(--outline)}.level-label b{color:#5dff4f;font-size:24px;text-shadow:var(--outline),0 0 8px rgba(93,255,79,.45)}.level-xp{color:#5dff4f;font-size:13px;font-weight:700;text-shadow:var(--outline)}.level-sub{font-size:10px}.shop-btn{width:100%;min-height:32px;justify-content:space-between;font-size:12px}.shop-area{position:relative;display:flex;flex-direction:column;gap:6px}.odds-row{display:flex;justify-content:center;gap:8px;margin-top:-2px}.odds-pill{display:inline-flex;align-items:center;gap:4px;min-width:58px;justify-content:center;padding:2px 10px;border-radius:10px;border:1px solid currentColor;background:#000000b3;font-size:12px;font-weight:700;text-shadow:var(--outline);box-shadow:0 0 6px color-mix(in srgb,currentColor 40%,transparent)}.odds-pill.c1{color:var(--c1)}.odds-pill.c2{color:var(--c2)}.odds-pill.c3{color:var(--c3)}.odds-pill.c4{color:var(--c4)}.odds-pill.c5{color:var(--c5)}.odds-pill.zero{opacity:.45;box-shadow:none}.odds-ico{width:11px;height:11px;background:url(/assets/ui/icon-refresh.png) center / contain no-repeat}.shop-cards{position:relative;flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.shop-card{position:relative;height:100%;min-height:0;padding:0;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 stretch;background:radial-gradient(ellipse at 50% 35%,#2a3042,#131722 70%);color:var(--text-bright);font:11px Verdana,sans-serif;cursor:pointer;box-shadow:0 0 0 1px #000,inset 0 -3px 0 var(--c1);transition:transform .08s,filter .08s;overflow:hidden}.shop-card.c2{box-shadow:0 0 0 1px #000,inset 0 -3px 0 var(--c2),0 0 6px color-mix(in srgb,var(--c2) 45%,transparent)}.shop-card.c3{box-shadow:0 0 0 1px #000,inset 0 -3px 0 var(--c3),0 0 7px color-mix(in srgb,var(--c3) 50%,transparent)}.shop-card.c4{box-shadow:0 0 0 1px #000,inset 0 -3px 0 var(--c4),0 0 8px color-mix(in srgb,var(--c4) 55%,transparent)}.shop-card.c5{box-shadow:0 0 0 1px #000,inset 0 -3px 0 var(--c5),0 0 10px color-mix(in srgb,var(--c5) 60%,transparent)}.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-traits{position:absolute;left:5px;top:5px;z-index:1;display:flex;flex-direction:column;gap:3px}.card-owned{position:absolute;top:5px;right:6px;z-index:1;color:var(--gold);font-size:10px;font-weight:700;text-shadow:var(--outline)}.card-art{position:absolute;left:0;right:0;top:4px;bottom:46px;display:grid;place-items:center}.card-foot{position:absolute;left:0;right:0;bottom:0;height:48px;padding:5px 7px;background:linear-gradient(180deg,#090c1499,#090c14f2);border-top:1px solid rgba(240,190,80,.25);text-align:left}.card-name{font-size:12px;font-weight:700;text-shadow:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30px}.card-sub{margin-top:2px;color:#aab4c8;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30px}.card-cost{position:absolute;right:7px;bottom:7px;display:flex;align-items:center;gap:3px;color:var(--gold);font-size:14px;font-weight:700;text-shadow:var(--outline)}.sell-overlay{position:absolute;top:0;right:0;bottom:0;left:0;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:flex;flex-direction:column;gap:8px}.gold-amount{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;color:var(--gold);font-size:32px;font-weight:700;text-shadow:var(--outline),0 0 10px rgba(247,200,67,.4);transition:transform .15s}.gold-amount.flash{transform:scale(1.06)}.gold-pile{width:56px;height:56px;background:url(/assets/items/gold-pile.png) center / contain no-repeat;image-rendering:pixelated}.fight-btn{min-height:58px;font-size:22px;letter-spacing:1px;border-image:url(/assets/ui/btn-green.png) 2 stretch;background:linear-gradient(#0003,#00000073),url(/assets/ui/pb-green.png) repeat-x 0 0 / auto 100%;box-shadow:0 0 0 1px #000,0 0 12px #3cc83c59}.fight-btn:active:not(:disabled){border-image-source:url(/assets/ui/btn-green-down.png);background:linear-gradient(#00000059,#0000008c),url(/assets/ui/pb-green.png) repeat-x 0 0 / auto 100%}.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}.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{position:relative;display:flex;flex-direction:column;width:min(900px,calc(100vw - 32px));height:min(560px,calc(100vh - 32px));border-style:solid;border-width:17px 4px 4px 4px;border-image:url(/assets/ui/dialog.png) 17 4 4 4 stretch;background:linear-gradient(180deg,#1e2028fa,#0f1015fa);box-shadow:0 0 0 1px #000,0 10px 30px #000000b3}.shop-titlebar{position:absolute;left:0;right:0;top:-16px;height:15px;display:flex;align-items:center;justify-content:center;color:var(--title);font:700 11px Verdana,sans-serif;text-shadow:var(--outline)}.shop-titlebar .close-x{position:absolute;right:0;top:0;width:14px;height:14px;background-size:14px 14px}.shop-body{flex:1;min-height:0;display:grid;grid-template-columns:170px 1fr 280px;gap:8px;padding:8px}.shop-cats,.shop-list,.shop-detail{min-height:0;padding:6px;background:#00000059;border:1px solid #000;box-shadow:inset 0 0 0 1px #f0be501f}.shop-cats{display:flex;flex-direction:column;gap:4px}.shop-cat{display:flex;align-items:center;gap:7px;padding:4px 6px;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-align:left;text-shadow:var(--outline);cursor:pointer}.shop-cat .coin-stack,.shop-cat .tibia-icon{border:1px solid #000}.shop-cat.on{border-image-source:url(/assets/ui/btn-green.png);color:#fff}.shop-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;scrollbar-width:thin}.shop-item{flex:none;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid #000;background:linear-gradient(180deg,#2a2d36,#1a1c23);color:var(--text-bright);font:11px Verdana,sans-serif;text-align:left;cursor:pointer}.shop-item:hover{filter:brightness(1.12)}.shop-item.on{outline:1px solid var(--gold);box-shadow:0 0 8px #f7c84359}.shop-item.soon{opacity:.7}.shop-item-art{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3a3322,#12100b);border:1px solid #000}.shop-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.shop-item-text b{text-shadow:var(--outline)}.shop-tag{color:#aab4c8;font-size:9px}.shop-item-price{display:flex;align-items:center;gap:5px}.shop-discount{padding:2px 5px;background:#1c3a1a;border:1px solid #2c6a28;color:#6dff5a;font-weight:700}.shop-price{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:#101114;border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff0f;color:var(--text-bright);font-weight:700;white-space:nowrap}.shop-price.free{color:#6dff5a}.shop-icon{image-rendering:auto}.shop-detail{display:flex;flex-direction:column;gap:7px;overflow-y:auto;scrollbar-width:thin;color:var(--text-bright);line-height:1.45}.shop-detail p{margin:0}.shop-detail-head{display:flex;align-items:center;gap:8px}.shop-detail-head b{color:var(--gold);font-size:13px;text-shadow:var(--outline)}.shop-detail-art{flex:none;display:grid;place-items:center;width:96px;height:96px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3a3322,#12100b);border:1px solid #000}.shop-detail-art.board{width:120px}.shop-box{padding:5px 7px;background:#15171d;border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff0d}.shop-box ul{margin:3px 0 0;padding-left:16px}.shop-box-title{color:var(--gold);font-weight:700}.shop-box.bonus{color:#d9b8ff;font-weight:700}.shop-box.soon{color:#ffcf6a;font-weight:700;text-align:center}.shop-actions{display:flex;flex-direction:column;gap:5px;margin-top:auto}.shop-pay{display:flex;justify-content:space-between;width:100%}.shop-note{font-size:9px}.shop-footer{display:flex;align-items:center;gap:8px;padding:0 8px 8px}.shop-balance{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:#101114;border:1px solid #000;color:var(--text-bright);font-weight:700}.shop-footnote{flex:1;font-size:10px}.shop-item-art.outfit canvas,.shop-detail-art.outfit canvas{image-rendering:pixelated;transform:translate(-14%,-14%) scale(1.3)}.shop-item-art.mount canvas,.shop-detail-art.mount canvas{image-rendering:pixelated}.game{--col-l: 270px;--col-r: 270px;--gap: 12px;--top-h: 96px;--shop-h: 160px;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr) var(--shop-h);gap:8px;height:100vh;max-width:1560px;margin:0 auto;padding:6px 12px 10px;overflow:hidden}body:has(.game){overflow:hidden;background:linear-gradient(#06080ccc,#06080ceb),url(/art/BatalhasTaticasBG.jpg) center / cover fixed,#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}.board-area{min-width:0;min-height:0;display:flex;gap:6px}.board-stage{position:relative;flex:1;min-width:0;min-height:0;display:grid;place-items:center}.unitinfo-float{position:absolute;left:0;top:0;z-index:20;width:250px;pointer-events:none}.unitinfo-float>*{pointer-events:auto}.board-wrap{position:relative;padding:16px 26px 20px}.board-host{position:relative;z-index:1;padding:4px;background:#1a120a;border:3px solid #8a6a2c;box-shadow:0 0 0 2px #2a1a08,inset 0 0 0 2px #3b2a12,0 10px 30px #000000b3}.board-host canvas{display:block;image-rendering:pixelated}.board-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.deco{position:absolute;image-rendering:auto}.deco.corner{width:66px}.deco.corner.tl{left:0;top:0}.deco.corner.tr{right:0;top:0}.deco.corner.bl{left:0;bottom:0}.deco.corner.br{right:0;bottom:0}.deco.pillar{top:50%;width:28px;transform:translateY(-50%)}.deco.pillar.l{left:-1px}.deco.pillar.r{right:-1px}.deco.bottom{left:50%;bottom:4px;width:250px;transform:translate(-50%)}.vs-label{position:absolute;z-index:3;left:50%;top:34px;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, 96px) + 84px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:50}.toast{padding:5px 14px;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-panel{width:320px;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)}.board-wrap.skin-gold .board-host{border:4px solid #d9a21b;box-shadow:0 0 0 2px #5a3c05,inset 0 0 0 2px #7a5608,0 0 26px #f7c84359,0 10px 30px #000000b3}.board-wrap.skin-stone{padding:8px}.board-wrap.skin-stone .board-host{border:4px solid transparent;border-image:url(/assets/ui/widget.png) 4 fill stretch;background:#1e1e1e;box-shadow:0 10px 30px #000000b3}.deco.banner{top:20%;width:46px}.deco.banner.l{left:-14px}.deco.banner.r{right:-14px}.deco.brazier{top:-14px;width:30px}.deco.brazier.l{left:20px}.deco.brazier.r{right:20px}.deco.plaque{left:50%;bottom:-2px;width:90px;transform:translate(-50%)}@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}.visit-back{position:absolute;z-index:4;left:50%;bottom:calc(var(--map-bottom, 70px) + 6px);transform:translate(-50%);min-height:24px;padding:2px 14px;font-size:12px;white-space:nowrap;box-shadow:0 2px 6px #0009}.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{padding:6px 12px;background:#000000c7;border:1px solid rgba(247,200,67,.4);color:var(--text-bright)}.online-notice.error{border-color:#ff6b5b99;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:8px;padding:8px 14px;background:#0006;border-bottom:1px solid rgba(139,110,50,.3)}.history-tab-btn{font-family:inherit;font-size:13px;font-weight:700;padding:5px 14px;cursor:pointer;transition:all .15s ease}.history-tab-btn.gold{border-color:gold;box-shadow:inset 0 0 8px #ffd7004d;color:#fff2a8}.history-sort-bar{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#14181eb3;font-size:12px;border-bottom:1px solid rgba(139,110,50,.2)}.history-sort-label{color:#c0b89d;font-weight:500}.history-sort-btn{font-family:inherit;font-size:11px;padding:3px 8px}.history-sort-btn.gold{border-color:gold;box-shadow:inset 0 0 6px #ffd70040}.history-table-container{flex:1;overflow-y:auto;max-height:calc(92vh - 150px);padding:10px 14px;background:#111218}.history-table{width:100%;border-collapse:collapse;font-size:11px}.history-table th{padding:8px 10px;background:#1a1c26;border-bottom:2px solid #2d3242;color:#9ca3af;font-size:10px;text-transform:uppercase;letter-spacing:.4px;text-align:left}.history-table td{padding:8px 10px;border-bottom:1px solid #1a1c26;vertical-align:middle}.history-row:hover{background:#ffffff08}.history-row:nth-child(2n){background:#13151d}.history-row:nth-child(2n):hover{background:#ffffff0a}.col-num{width:44px;text-align:center}.col-mode{width:130px}.col-points{width:110px}.col-xp{width:90px}.col-mvp{width:60px;text-align:center}.col-honor,.col-rep{width:80px}.col-date{width:140px;color:#9ca3af;font-size:10px}.col-details{width:70px;text-align:right}.wreath-place{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:900;font-size:13px;box-shadow:0 0 6px #0009}.wreath-1{background:radial-gradient(circle,#ffe259,#ffa751);color:#1a1202;border:1px solid #ffd700;box-shadow:0 0 8px #ffd70080}.wreath-2{background:radial-gradient(circle,#e0e0e0,#a8a8a8);color:#141414;border:1px solid #ffffff;box-shadow:0 0 6px #c8c8c866}.wreath-3{background:radial-gradient(circle,#d98d4d,#8c4e1f);color:#fff;border:1px solid #cd7f32;box-shadow:0 0 6px #cd7f3266}.plain-place{font-weight:700;color:#9ca3af;font-size:12px}.mode-cell{display:flex;align-items:center;gap:6px;font-weight:700;color:#f3f4f6}.mode-icon-symbol{font-size:13px}.delta-val{font-weight:700}.delta-val.green,.honor-cell.green{color:#34d399}.delta-val.red,.honor-cell.red,.rep-cell.red{color:#f87171}.delta-val.gray,.honor-cell.gray,.rep-cell.gray{color:#6b7280}.xp-val{color:#34d399;font-weight:700}.mvp-crown{font-size:14px}.rep-cell.gold{color:#f7ca54}.detail-view-btn{min-width:50px}.empty-history-cell{text-align:center;padding:30px;color:#6b7280;font-style:italic}.history-overlay{z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.history-modal{width:900px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;background:#14161f;border:2px solid #52442a;box-shadow:0 10px 30px #000000e6,0 0 20px #ffd7001a;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.history-titlebar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:linear-gradient(180deg,#2a2c3a,#171922);border-bottom:2px solid #5a4b32}.history-title-banner{display:flex;align-items:center;gap:8px}.history-title-text{font-family:inherit;font-size:14px;font-weight:900;letter-spacing:.8px;color:#f7ca54;text-shadow:1px 1px 2px #000}@media (max-width: 768px){.history-modal{width:98vw;max-height:96vh}}.ranking-tabs-row{display:flex;gap:8px;padding:8px 14px;background:#181a23;border-bottom:1px solid #2a2f3d;overflow-x:auto}.ranking-tab-btn{font-family:inherit;font-size:11px;height:26px;padding:0 14px;white-space:nowrap}.ranking-tab-btn.gold{border-color:gold;box-shadow:inset 0 0 8px #ffd7004d;color:#fff2a8}.ranking-profile-panel{width:320px;background:#161821;border-left:1px solid #2a2f3e;padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.profile-panel-header{font-size:11px;font-weight:700;letter-spacing:.5px;color:#f7ca54;text-transform:uppercase;border-bottom:1px solid #2a2f3e;padding-bottom:6px}.profile-pedestal-card{background:#12131a;border:1px solid #282c3c;padding:10px;display:flex;flex-direction:column;align-items:center;border-radius:2px}.pedestal-stage{height:110px;display:flex;align-items:center;justify-content:center}.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{background:none;border:none;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;background:#12131a;border:1px solid #282c3c;padding:8px 10px;border-radius:2px}.level-badge-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:2px solid #f7ca54;background:#1d202d}.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;background:#0d0e13;border:1px solid #333a4c;border-radius:2px;overflow:hidden}.level-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399)}.level-bar-numbers{display:flex;justify-content:space-between;font-size:9px;color:#9ca3af}.profile-chart-box{background:#12131a;border:1px solid #282c3c;padding:8px 10px;border-radius:2px;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;background:#12131a;border:1px solid #282c3c;padding:6px;border-radius:2px}.qs-val{font-size:12px;font-weight:700;color:#f7ca54}.qs-lbl{font-size:8px;color:#8b92a5;text-transform:uppercase;margin-top:2px}.ranking-table-section{flex:1;display:flex;flex-direction:column;overflow-y:auto;max-height:calc(92vh - 150px);padding:10px 14px}.ranking-main-table{width:100%;border-collapse:collapse;font-size:11px}.ranking-main-table th{padding:8px 10px;background:#1a1c26;border-bottom:2px solid #2d3242;color:#9ca3af;font-size:10px;text-transform:uppercase;letter-spacing:.4px;text-align:left}.ranking-main-table td{padding:6px 10px;border-bottom:1px solid #1a1c26;vertical-align:middle}.ranking-row:nth-child(2n){background:#13151d}.ranking-row:hover{background:#ffffff0a}.ranking-row.highlight-self{background:#f7ca541f;border:1px solid rgba(247,202,84,.4)}.col-rank-num{width:44px;text-align:center}.col-player{width:200px}.col-tier{width:140px}.col-mmr{width:90px}.col-wins,.col-top4{width:70px}.col-winrate{width:100px}.col-streak{width:70px;text-align:center}.wreath-rank{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:900;font-size:13px}.wreath-rank.rank-1{background:radial-gradient(circle,#ffe259,#ffa751);color:#1a1202;border:1px solid #ffd700;box-shadow:0 0 8px #ffd70080}.wreath-rank.rank-2{background:radial-gradient(circle,#e0e0e0,#a8a8a8);color:#141414;border:1px solid #ffffff;box-shadow:0 0 6px #c8c8c866}.wreath-rank.rank-3{background:radial-gradient(circle,#d98d4d,#8c4e1f);color:#fff;border:1px solid #cd7f32;box-shadow:0 0 6px #cd7f3266}.plain-rank{font-weight:700;color:#9ca3af;font-size:12px}.player-info-cell{display:flex;align-items:center;gap:8px}.player-avatar-box{width:26px;height:26px;background:#1a1c26;border:1px solid #333a4d;display:flex;align-items:center;justify-content:center;border-radius:2px}.player-name-link{font-weight:700;color:#f3f4f6}.tier-badge-cell{display:flex;align-items:center;gap:6px;font-weight:700}.tier-symbol{font-size:13px}.mmr-number{font-weight:700;color:#f7ca54}.winrate-bar-box{display:flex;align-items:center;gap:6px}.winrate-pct{font-weight:700;width:32px}.winrate-track{flex:1;height:5px;background:#0f1016;border:1px solid #232734;border-radius:2px;overflow:hidden}.winrate-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.streak-tag{display:inline-block;padding:1px 6px;background:#232635;border:1px solid #3b4259;border-radius:2px;font-size:9px;font-weight:700}.streak-tag.fire{border-color:#f97316;color:#fdba74}.streak-tag.up{border-color:#10b981;color:#6ee7b7}.empty-ranking-cell{text-align:center;padding:30px;color:#6b7280;font-style:italic}.ranking-overlay{z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ranking-modal{width:1040px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;background:#14161f;border:2px solid #52442a;box-shadow:0 10px 30px #000000e6,0 0 20px #ffd7001a;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.ranking-titlebar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:linear-gradient(180deg,#2a2c3a,#171922);border-bottom:2px solid #5a4b32}.ranking-title-banner{display:flex;align-items:center;gap:8px}.ranking-title-text{font-family:inherit;font-size:14px;font-weight:900;letter-spacing:.8px;color:#f7ca54;text-shadow:1px 1px 2px #000}.ranking-filters-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#13141b;border-bottom:1px solid #222633}.ranking-filters-info{font-size:11px;color:#9ca3af}.tibia-input{background:#1a1c26;border:1px solid #3d414d;color:#f3f4f6;font-size:11px;padding:4px 8px;outline:none;border-radius:2px}.tibia-input:focus{border-color:#f7ca54}.search-input-box{display:flex;align-items:center;gap:6px;position:relative}.search-icon{position:absolute;right:6px;font-size:11px;pointer-events:none;opacity:.6}.ranking-content-body{display:flex;flex:1;overflow:hidden;background:#111218}@media (max-width: 900px){.ranking-modal{width:98vw}.ranking-content-body{flex-direction:column}}.match-board-view{display:flex;flex-direction:column;gap:8px;width:100%;-webkit-user-select:none;user-select:none}.board-header-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:linear-gradient(180deg,#1e212d,#141620);border:1px solid #3d3424;border-radius:3px;box-shadow:inset 0 1px #ffffff0d}.board-header-left{display:flex;align-items:center;gap:8px}.board-header-icon{font-size:14px}.board-title{font-size:11px;font-weight:800;color:#f7ca54;letter-spacing:.4px;text-shadow:1px 1px 2px #000}.board-count-pill{font-size:9px;font-weight:700;padding:1px 6px;background:#2563eb;color:#fff;border-radius:10px;box-shadow:0 1px 3px #00000080}.board-subtitle{font-size:9px;font-weight:700;color:#8b92a5;text-transform:uppercase;letter-spacing:.5px}.board-direction-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:3px 6px;border-radius:2px;font-size:9px;font-weight:800;letter-spacing:.8px;text-shadow:0 1px 2px #000}.board-direction-bar.front{background:linear-gradient(90deg,#ef44440d,#ef444438,#ef44440d);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.board-direction-bar.back{background:linear-gradient(90deg,#3b82f60d,#3b82f638,#3b82f60d);color:#93c5fd;border:1px solid rgba(59,130,246,.35)}.dir-icon{font-size:11px}.dir-text{text-transform:uppercase}.tibia-board-platform{position:relative;width:100%;aspect-ratio:2 / 1;max-height:310px;background-image:url(/art/board_8x4_wood.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;image-rendering:pixelated;image-rendering:crisp-edges;border:4px solid #5a4b32;border-radius:4px;box-shadow:0 8px 24px #000000f2,inset 0 0 12px #000000b3,0 0 0 1px #000000e6;overflow:hidden;box-sizing:border-box}.tibia-board-grid{display:flex;flex-direction:column;width:100%;height:100%}.board-grid-row{display:grid;grid-template-columns:repeat(8,1fr);flex:1}.board-sqm{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;transition:transform .12s ease,box-shadow .12s ease}.board-sqm.empty{cursor:default}.board-sqm.empty:hover{background:#ffd70014;outline:1px dashed rgba(255,215,0,.35)}.sqm-hover-marker{display:none}.board-sqm.occupied{cursor:pointer;z-index:1}.board-sqm.occupied:hover,.board-sqm.occupied.hovered{transform:scale(1.05);z-index:10;box-shadow:inset 0 0 10px #ffd70080,0 0 12px #ffd70059;background:#ffd7001f;outline:1px solid rgba(255,215,0,.6)}.board-sqm.occupied.cost-1{border-bottom:2px solid rgba(156,163,175,.8)}.board-sqm.occupied.cost-2{border-bottom:2px solid rgba(16,185,129,.9)}.board-sqm.occupied.cost-3{border-bottom:2px solid rgba(59,130,246,.9)}.board-sqm.occupied.cost-4{border-bottom:2px solid rgba(168,85,247,.9)}.board-sqm.occupied.cost-5{border-bottom:2px solid rgba(245,158,11,.95);box-shadow:inset 0 0 8px #f59e0b40}.sqm-stars{position:absolute;top:1px;display:flex;align-items:center;justify-content:center;gap:1px;pointer-events:none;z-index:3}.star-char{font-size:11px;color:gold;text-shadow:0 0 4px #ffd700,1px 1px 2px #000,-1px -1px 2px #000;line-height:1}.sqm-stars.star-3 .star-char{color:#fbbf24;text-shadow:0 0 6px #f59e0b,0 0 2px #fff,1px 1px 2px #000}.sqm-unit-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.sqm-fallback{font-size:20px}.sqm-items-dock{position:absolute;bottom:2px;display:flex;align-items:center;justify-content:center;gap:2px;padding:1px 3px;background:#0a0c12d9;border:1px solid rgba(255,215,0,.35);border-radius:2px;box-shadow:0 2px 4px #000c;pointer-events:none;z-index:3}.sqm-item-icon{display:flex;align-items:center;justify-content:center}.match-synergies{margin-top:6px}.match-synergies-title{display:block;font-size:9px;font-weight:700;color:#9ca3af;margin-bottom:6px;text-transform:uppercase}.match-synergy-tags-row{display:flex;flex-wrap:wrap;gap:6px}.match-synergy-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#202330;border:1px solid #3a4053;border-radius:3px;font-size:10px}.match-synergy-tag.active{border-color:#f7ca54;background:#f7ca541f}.match-syn-icon{font-size:11px}.match-syn-name{color:#e5e7eb}.match-syn-tier{color:gold;font-weight:700}.match-syn-thresh{font-size:8px;color:#9ca3af}.match-stats-summary{display:flex;flex-direction:column;gap:6px}.match-stat-line{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#14161f;border:1px solid #202430;font-size:10px;border-radius:2px}.match-stat-icon{font-size:12px;width:16px;text-align:center}.match-stat-label{flex:1;color:#9ca3af}.match-stat-value{font-size:11px;font-weight:700}.match-damage-chart{display:flex;flex-direction:column;gap:7px}.match-damage-row{display:flex;align-items:center;gap:8px;background:#14161f;border:1px solid #202430;padding:4px 8px;border-radius:2px}.damage-rank-badge{width:18px;height:18px;line-height:18px;text-align:center;font-size:11px;font-weight:700;border-radius:50%;background:#2a2e3d;color:#fff;flex-shrink:0}.damage-rank-badge.rank-1{background:gold;color:#000}.damage-rank-badge.rank-2{background:silver;color:#000}.damage-rank-badge.rank-3{background:#cd7f32;color:#000}.damage-avatar-box{position:relative;width:36px;height:36px;background:#1b1e2a;border:1px solid #333a4d;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:2px}.damage-avatar-box .unit-stars{top:-2px;font-size:9px}.damage-info-col{flex:1;display:flex;flex-direction:column;gap:3px}.damage-name-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px}.damage-name-left{display:flex;align-items:center;gap:6px}.damage-unit-name{font-weight:700;color:#e5e7eb}.damage-items-chips{display:flex;align-items:center;gap:2px}.damage-item-mini{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.damage-num{font-weight:700;color:#fff}.damage-meter-bg{height:6px;background:#0f1015;border:1px solid #252936;border-radius:2px;overflow:hidden}.damage-meter-fill{height:100%;border-radius:1px;transition:width .3s ease}.match-players-ranking{overflow-x:auto}.ranking-table-compact{width:100%;border-collapse:collapse;font-size:10px}.ranking-table-compact th{text-align:left;padding:4px 6px;font-size:9px;color:#8b92a5;border-bottom:1px solid #2e3342;text-transform:uppercase}.ranking-table-compact td{padding:4px 6px;border-bottom:1px solid #1a1c26;color:#d1d5db;vertical-align:middle}.ranking-table-compact tr.highlight-self{background:#f7ca541f}.ranking-table-compact tr:hover{background:#ffffff0a}.place-tag{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font-weight:700;font-size:9px;border-radius:50%;background:#2a2f3d;color:#fff}.place-tag.place-1{background:gold;color:#000}.place-tag.place-2{background:silver;color:#000}.place-tag.place-3{background:#cd7f32;color:#000}.player-nick-cell{display:flex;align-items:center;gap:6px;font-weight:700}.player-lvl{font-size:9px;color:#9ca3af;margin-left:2px}.self-star{color:gold;font-size:10px}.units-line-mini{display:flex;gap:3px;align-items:center}.unit-micro-box{width:22px;height:22px;background:#111219;border:1px solid #333a4c;display:flex;align-items:center;justify-content:center;border-radius:2px}.unit-micro-char{font-size:10px}.synergy-badges-mini{display:flex;gap:3px}.syn-badge{display:inline-block;padding:1px 4px;background:#232735;border:1px solid #3d455b;border-radius:2px;font-size:9px;color:gold}.match-mvp-units{overflow-x:auto}.mvp-table-compact{width:100%;border-collapse:collapse;font-size:10px}.mvp-table-compact th{text-align:left;padding:4px 6px;font-size:9px;color:#8b92a5;border-bottom:1px solid #2e3342;text-transform:uppercase}.mvp-table-compact td{padding:4px 6px;border-bottom:1px solid #1a1c26;color:#d1d5db;vertical-align:middle}.mvp-unit-cell{display:flex;align-items:center;gap:6px;font-weight:700}.mvp-stars{color:gold;font-size:9px;margin-left:2px}.match-detail-overlay{z-index:10000;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.match-detail-modal{width:1080px;max-width:98vw;max-height:94vh;display:flex;flex-direction:column;background:#14161f;border:2px solid #5a4b32;box-shadow:0 10px 40px #000000f2,0 0 25px #ffd70026;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.match-detail-titlebar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:linear-gradient(180deg,#2a2c3a,#171922);border-bottom:2px solid #5a4b32}.titlebar-left{display:flex;align-items:center;gap:8px}.match-detail-icon{font-size:14px}.match-detail-title-text{font-family:inherit;font-size:13px;font-weight:900;letter-spacing:.8px;color:#f7ca54;text-shadow:1px 1px 2px #000}.match-detail-header-card{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(180deg,#1b1e2a,#13141c);border-bottom:1px solid #2e3342;gap:12px;flex-wrap:wrap}.header-card-left{display:flex;align-items:center;gap:10px}.mode-map-thumb{width:38px;height:38px;background:url(/assets/ui/icon-map.png) center / cover no-repeat,#232734;border:1px solid #4a5165;border-radius:2px;flex-shrink:0}.mode-info{display:flex;flex-direction:column}.mode-title{font-size:12px;font-weight:700;color:#f3f4f6}.mode-sub{font-size:10px;color:#9ca3af}.header-card-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.placement-badge{display:inline-flex;align-items:baseline;gap:2px}.placement-badge .place-num{font-size:16px;font-weight:900;color:gold;text-shadow:0 0 6px rgba(255,215,0,.6)}.placement-badge .place-total{font-size:10px;color:#9ca3af}.metric-pill{display:flex;flex-direction:column;padding:3px 8px;background:#171822;border:1px solid #2a2e3d;border-radius:3px;font-size:9px;line-height:1.2}.metric-label{color:#8b92a5;text-transform:uppercase;font-size:8px;letter-spacing:.4px}.metric-val{font-size:11px;font-weight:700;color:#e5e7eb}.metric-sub{font-size:8px;color:#9ca3af}.level-chip{display:inline-block;margin-left:4px;padding:1px 3px;font-size:8px;background:#2563eb;color:#fff;border-radius:2px}.mvp-tag{color:#f59e0b}.star-rep{color:#fbbf24}.green-text{color:#34d399!important}.gold-text{color:#f7ca54!important}.orange-text{color:#fb923c!important}.blue-text{color:#60a5fa!important}.red-text{color:#f87171!important}.match-detail-body{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;padding:12px;overflow-y:auto;max-height:calc(94vh - 120px)}.detail-panel{background:#191b24;border:1px solid #2e3342;box-shadow:inset 0 0 0 1px #0006;display:flex;flex-direction:column;border-radius:3px}.detail-panel-header{height:24px;line-height:24px;padding:0 10px;background:linear-gradient(180deg,#262936,#1c1e28);border-bottom:1px solid #2e3342;font-size:10px;font-weight:700;letter-spacing:.5px;color:#d8b04d;text-transform:uppercase;text-shadow:0 1px 2px #000}.detail-panel-content{padding:10px;flex:1}.comp-panel{grid-column:1 / 2;grid-row:1 / 2}.top-damage-panel{grid-column:2 / 3;grid-row:1 / 2}.final-ranking-panel{grid-column:1 / 2;grid-row:2 / 3}.stats-panel{grid-column:2 / 3;grid-row:2 / 3}.mvp-panel{grid-column:1 / 3;grid-row:3 / 4}@media (max-width: 900px){.match-detail-body{grid-template-columns:1fr;grid-template-rows:auto}.comp-panel,.stats-panel,.top-damage-panel,.final-ranking-panel,.mvp-panel{grid-column:1 / 2;grid-row:auto}}.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 .tb-body{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{flex:1;margin:0;line-height:1.5}.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{display:flex;flex-direction:column;gap:4px}.lobby-match-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:#14161f;border:1px solid #252834;border-radius:2px;cursor:pointer;transition:border-color .15s,background-color .15s}.lobby-match-row:hover{background:#1c1f2d;border-color:#f7ca54}.match-row-left{display:flex;align-items:center;gap:6px}.wreath-place-mini{width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;font-weight:900;font-size:11px}.wreath-place-mini.wreath-1{background:gold;color:#000;box-shadow:0 0 6px #ffd70066}.wreath-place-mini.wreath-2{background:silver;color:#000}.wreath-place-mini.wreath-3{background:#cd7f32;color:#fff}.plain-place-mini{width:20px;text-align:center;font-weight:700;color:#9ca3af;font-size:11px}.match-row-info{display:flex;flex-direction:column}.match-row-mode{font-size:11px;color:#f3f4f6}.match-row-players{font-size:9px;color:#8b92a5}.match-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.match-delta-tag{font-size:11px;font-weight:700}.match-delta-tag.green{color:#34d399}.match-delta-tag.red{color:#f87171}.match-row-badges{display:flex;align-items:center;gap:4px}.mini-badge-mvp{font-size:9px;color:gold}.mini-badge-honor{font-size:10px}.match-row-date{font-size:8px;color:#6b7280}.lobby-empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 10px;background:#0e1017bf;border:1px dashed #282d3d;border-radius:2px;min-height:86px;box-sizing:border-box}.lobby-empty-placeholder .empty-title{color:#e5e7eb;font-size:11px;font-weight:600;margin-bottom:4px}.lobby-empty-placeholder .empty-sub{color:#8b92a5;font-size:10px;line-height:1.35}.lobby-top-ranking-box{display:flex;flex-direction:column;gap:4px}.lobby-top-ranking-list{display:flex;flex-direction:column;gap:2px}.lobby-ranking-row{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#14161f;border:1px solid #202430;border-radius:2px;font-size:10px}.ranking-row-rank{width:16px;text-align:center;font-weight:700;color:#8b92a5}.ranking-row-rank.wreath-1{color:gold}.ranking-row-rank.wreath-2{color:silver}.ranking-row-rank.wreath-3{color:#cd7f32}.ranking-row-avatar{width:18px;height:18px;background:#1d202d;border:1px solid #333a4d;display:flex;align-items:center;justify-content:center}.ranking-row-name{flex:1;color:#e5e7eb;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-crown-icon{font-size:10px}.ranking-row-score{color:gold;font-size:10px}.lobby-self-ranking-card{display:flex;align-items:center;gap:6px;padding:4px 6px;margin-top:2px;background:#f7ca541a;border:1px solid #f7ca54;border-radius:2px;font-size:10px}.self-rank-badge{font-weight:700;color:#f7ca54;width:20px;text-align:center}.self-avatar-wrap{width:18px;height:18px;background:#1d202d;border:1px solid #333a4d;display:flex;align-items:center;justify-content:center}.self-name-text{flex:1;color:#fff;font-weight:700}.self-score-text{color:gold}@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-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}.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}.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}}