: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.webp) center / cover no-repeat,#0c0c0c}.logo-img{width:min(640px,92vw);image-rendering:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.8))}.logo-img.small{width:min(420px,80vw)}@media (max-width: 600px){.logo-img{width:min(640px,calc(100vw - 2 * (var(--sq) + 20px)))}.logo-img.small{width:min(190px,50vw);align-self:flex-start;margin-left:calc((100% - 100vw)/2 + 10px)}.lobby-screen>.logo-img.small{margin-bottom:76px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#00000085}.modal-backdrop.blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;background:#000000a6}.row{display:flex;justify-content:center;gap:8px}.tb-panel{position:relative;border-style:solid;color:var(--text)}.tb-widget{border-width:15px 4px 4px 4px;border-image:url(/assets/ui/widget.png) 15 4 4 4 fill stretch}.tb-widget:not(.has-title){border-top-width:4px;border-image:url(/assets/ui/frame2.png) 2 fill stretch;border-width:2px}.tb-dialog{border-width:17px 4px 4px 4px;border-image:url(/assets/ui/dialog.png) 17 4 4 4 fill stretch}.tb-plain{border-width:2px;border-image:url(/assets/ui/frame2.png) 2 fill stretch}.tb-title{position:absolute;left:0;right:0;top:-14px;height:13px;line-height:13px;text-align:center;color:var(--title);font-weight:700;font-size:10px;letter-spacing:.3px;text-shadow:var(--outline);pointer-events:none}.tb-dialog>.tb-title{top:-16px;height:15px;line-height:15px;font-size:11px}.tb-body{padding:6px 7px}.tb-hud{position:relative;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 stretch;background:linear-gradient(180deg,#1e2028f5,#0f1015f5);box-shadow:0 0 0 1px #000,0 6px 16px #0000008c,inset 0 0 0 1px #f0be5024}.hud-title{display:flex;align-items:center;gap:7px;height:26px;padding:0 8px;background:url(/assets/ui/header.png) 0 0 / 100% 100%;border-bottom:1px solid #000;box-shadow:0 1px #f0be5033;color:var(--gold);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;text-shadow:var(--outline)}.hud-title>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-body{padding:6px 8px 8px}.hud-ico{width:18px;height:18px;flex:none;background:no-repeat center / contain;image-rendering:pixelated}.hud-ico.synergy{background-image:url(/art/hex.png);image-rendering:auto}.hud-ico.players{background-image:url(/assets/ui/icon-players.png)}.hud-ico.cost{border-radius:50%;width:12px;height:12px;border:1px solid #000}.hud-ico.cost.c1{background:var(--c1)}.hud-ico.cost.c2{background:var(--c2)}.hud-ico.cost.c3{background:var(--c3)}.hud-ico.cost.c4{background:var(--c4)}.hud-ico.cost.c5{background:var(--c5)}.hud-ico.star{background-image:url(/art/star.png);image-rendering:auto}.tb-field{border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000059}.tb-plate{display:flex;align-items:center;gap:6px;min-height:25px;padding:0 3px;border:5px solid transparent;border-image:url(/assets/ui/lib/titles/bossdifficultysel__bds_player_box.png) 5 fill stretch}.tb-plate.me{filter:sepia(.5) saturate(1.6) brightness(1.1)}.tb-plate.clickable{cursor:pointer}.tb-plate.clickable:hover{filter:brightness(1.2)}.tb-plate.me.clickable:hover{filter:sepia(.5) saturate(1.6) brightness(1.3)}.tb-place{display:inline-grid;place-items:center;flex:none;min-width:18px;height:18px;padding:0 2px;border:1px solid #000;background:#00000073;box-shadow:inset 1px 1px #0009,inset -1px -1px #ffffff1f;color:var(--text-bright);font-weight:700;font-size:10px;text-shadow:var(--outline)}.tb-place.p1,.tb-place.p2,.tb-place.p3{box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #00000073}.tb-place.p1{background:linear-gradient(#f7d55a,#b8860b)}.tb-place.p2{background:linear-gradient(#d9d9d9,#7d7d7d)}.tb-place.p3{background:linear-gradient(#d98b45,#7a3f12)}.tb-section-title{display:flex;align-items:center;gap:6px;height:20px;padding:0 8px;background:url(/assets/ui/header.png) 0 0 / 100% 100%;border-bottom:1px solid #000;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;text-shadow:var(--outline)}.tb-banner-combat,.tb-banner-loot{display:flex;align-items:center;justify-content:center;gap:6px;border-style:solid;color:var(--text-bright);font-weight:700;text-shadow:var(--outline);white-space:nowrap}.tb-banner-combat{height:42px;border-width:0 50px;border-image:url(/assets/ui/banner-combat.png) 0 50 fill stretch;font-size:13px}.tb-banner-loot{height:26px;border-width:0 46px;border-image:url(/assets/ui/banner-loot.png) 0 46 fill stretch;color:var(--gold);font-size:11px}.ui-icon{display:inline-block;flex:none;vertical-align:middle;image-rendering:pixelated}.star-badge{display:block;image-rendering:pixelated}.tb-loading{display:inline-flex;align-items:center;gap:8px;color:var(--text-bright);text-shadow:var(--outline)}.tb-loading:before{content:"";width:64px;height:64px;background:url(/assets/effects/296.png) 0 0 / 64px auto no-repeat;animation:tb-loading-book 2.7s steps(27) infinite}@keyframes tb-loading-book{to{background-position:0 -1728px}}.tb-modal .tb-body{display:flex;flex-direction:column;gap:6px;max-height:calc(92vh - 24px);min-height:0}.tb-modal-close{position:absolute;top:-16px;right:1px;z-index:1}.tb-scroll{min-height:0;overflow-y:auto}.notice-icon{display:grid;place-items:center;width:20px;flex:none}.notice-icon.info .ui-icon{transform:scale(2)}.tb-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 12px;min-height:22px;border:2px solid transparent;border-image:url(/assets/ui/btn.png) 2 fill stretch;background:none;color:var(--text-bright);font:700 11px Verdana,sans-serif;text-shadow:var(--outline);cursor:pointer}.tb-button:active:not(:disabled),.tb-button.active{border-image-source:url(/assets/ui/btn-down.png);padding:4px 11px 2px 13px}.tb-button:hover:not(:disabled){filter:brightness(1.18)}.tb-button:disabled{filter:grayscale(.8) brightness(.65);cursor:default}.tb-button.green{border-image-source:url(/assets/ui/btn-green.png)}.tb-button.green:active:not(:disabled){border-image-source:url(/assets/ui/btn-green-down.png)}.tb-button.gold{border-image-source:url(/assets/ui/btn-gold.png)}.tb-button.gold:active:not(:disabled){border-image-source:url(/assets/ui/btn-gold-down.png)}.tb-button.discord{width:100%;border-image-source:url(/assets/ui/btn-blue.png)}.tb-button.tiny{min-height:18px;padding:1px 8px;font-size:10px}.tb-button.big{min-height:30px;font-size:13px}.close-x{width:16px;height:16px;border:none;background:url(/assets/ui/exit.png) center / 16px 16px no-repeat;image-rendering:pixelated;cursor:pointer}.close-x:active{background-image:url(/assets/ui/exit-down.png)}.tb-button.purple{border-image-source:url(/assets/ui/btn-green.png);filter:hue-rotate(155deg) saturate(1.3)}.tb-button.purple:active:not(:disabled){border-image-source:url(/assets/ui/btn-green-down.png)}.tb-button.purple>*{filter:hue-rotate(-155deg) saturate(.77)}.tb-button.purple:hover:not(:disabled){filter:hue-rotate(155deg) saturate(1.3) brightness(1.18)}.tb-button.purple:disabled{filter:grayscale(.8) brightness(.65)}.tb-button.blue{border-image-source:url(/assets/ui/btn-blue.png)}.tb-button.blue:active:not(:disabled){border-image-source:url(/assets/ui/btn-blue-down.png)}a.tb-button{text-decoration:none}.arrow-btn{flex:none;width:16px;height:16px;padding:0;border:none;background:url(/assets/ui/lib/buttons/button-arrow-right-up.png) center / 100% 100% no-repeat;image-rendering:pixelated;cursor:pointer}.arrow-btn:active:not(:disabled){background-image:url(/assets/ui/lib/buttons/button-arrow-right-down.png)}.arrow-btn.left{background-image:url(/assets/ui/lib/buttons/button-arrow-left-up.png)}.arrow-btn.left:active:not(:disabled){background-image:url(/assets/ui/lib/buttons/button-arrow-left-down.png)}.arrow-btn:disabled{opacity:.35;cursor:default}.tb-input{width:100%;margin-top:3px;padding:4px 6px;border:2px solid transparent;border-image:url(/assets/ui/frame3.png) 3 stretch;background:#1e1e1e;color:var(--text-bright);font:11px Verdana,sans-serif;outline:none}.swatch{display:inline-block;width:10px;height:10px;border:1px solid #000}.palette{display:grid;grid-template-columns:repeat(19,1fr);gap:1px;padding:3px;background:#000}.pal{aspect-ratio:1;border:1px solid #111;padding:0;cursor:pointer}.pal.on{outline:2px solid #fff;outline-offset:-1px}.coin{display:inline-block;width:9px;height:9px;vertical-align:-1px;background:url(/assets/ui/gold.png) no-repeat}.coin.big{width:18px;height:18px;background-size:18px 18px}.sheet-anim{background-repeat:no-repeat;background-position-y:0;image-rendering:pixelated}.sheet-anim.playing{animation-name:sheet-frames;animation-iteration-count:infinite;animation-timing-function:steps(var(--frames))}@keyframes sheet-frames{0%{background-position-y:0}to{background-position-y:calc(var(--frames) * var(--cell) * -1)}}.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}}.top-nav{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--sq-gap)}.top-nav.fixed{position:fixed;top:12px;right:16px;z-index:80}.nav-btn{position:relative;flex:none;width:var(--sq);height:var(--sq);padding:0;border:none;background:url(/art/ui/nav-square.png) center / 100% 100% no-repeat,linear-gradient(#24211c,#0e0e10) center / 78% 78% no-repeat;image-rendering:pixelated;cursor:pointer;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.nav-btn:after{content:"";position:absolute;inset:var(--nav-inset, 24%);background:var(--nav-ico, none) center / contain no-repeat;image-rendering:auto;pointer-events:none}.nav-btn:hover,.nav-btn.on{filter:brightness(1.15) drop-shadow(0 3px 5px rgba(0,0,0,.6))}.nav-btn:active{transform:translateY(1px)}.nav-btn.friends{--nav-ico: url(/art/ui/nav-ico-friends.png);--nav-inset: 15.9%}.nav-btn.friends:after{image-rendering:pixelated}.nav-btn.inventory:after{inset:auto;top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;background:url(/art/ui/nav-ico-inventory.png) center / 32px 32px no-repeat;image-rendering:pixelated}.nav-badge{position:absolute;z-index:1;right:2px;bottom:2px;min-width:14px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:#1d5e1b;box-shadow:0 0 0 1px #000;color:#d8ffd6;font:700 10px/14px Verdana,sans-serif;text-align:center;pointer-events:none}.nav-btn.sound{--nav-ico: url(/art/ui/nav-ico-sound-old.png)}.nav-btn.sound.off:after{filter:grayscale(1) brightness(.55)}.nav-btn.gear{--nav-ico: url(/art/ui/nav-ico-gear-old.png)}.nav-btn.help{--nav-ico: url(/art/ui/nav-ico-help-old.png)}.nav-btn.exit{--nav-ico: url(/art/ui/nav-ico-exit-old.png)}.nav-btn.store{--nav-ico: url(/assets/ui/lib/buttons/button-storeicon-up.png);--nav-inset: 22% 18%}.nav-btn.store:after{image-rendering:pixelated}.nav-btn.ping{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.ping-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.ping-bars i{width:4px;background:#3a3f48;box-shadow:0 0 0 1px #000}.ping-bars.good i.on{background:linear-gradient(#8dff7a,#22b322);box-shadow:0 0 0 1px #000,0 0 4px #50ff5099}.ping-bars.ok i.on{background:linear-gradient(#f4ff7a,#b3b322);box-shadow:0 0 0 1px #000,0 0 4px #e6ff5099}.ping-bars.poor i.on{background:linear-gradient(#ffc37a,#d67a18);box-shadow:0 0 0 1px #000,0 0 4px #ffa03c99}.ping-bars.bad i.on{background:linear-gradient(#ff8a7a,#c02222);box-shadow:0 0 0 1px #000,0 0 4px #ff463c99}.ping-ms{color:var(--text-bright);font-size:8px;font-weight:700;line-height:1;text-shadow:var(--outline)}.help-menu{width:290px;padding:8px 10px;color:var(--text-bright);line-height:1.45}.help-menu b{color:var(--gold)}.help-menu ul{margin:4px 0 0;padding-left:16px}.nav-shop{position:relative;flex:none}.nav-shop-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:var(--sq);width:calc(var(--sq) * 360 / 91);padding:0 0 2px;border:none;background:url(/art/ui/nav-long.png) center / 100% 100% no-repeat,linear-gradient(#24211c,#0e0e10) center / 90% 60% no-repeat;image-rendering:pixelated;color:var(--gold);font:700 13px Verdana,sans-serif;letter-spacing:.5px;text-shadow:var(--outline);cursor:pointer;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.nav-shop-btn:hover{filter:drop-shadow(0 3px 5px rgba(0,0,0,.6)) brightness(1.15)}.nav-shop-btn i{width:22px;height:19px;background:url(/assets/ui/lib/icons/icon-tibiastore.png) center / contain no-repeat;image-rendering:pixelated}.nav-shop-sign{position:absolute;top:calc(100% - 4px);left:50%;width:96px;height:93px;margin-left:-48px;padding:0;border:none;background:url(/art/ui/nav-hanging.png) center / 100% 100% no-repeat,linear-gradient(#24211c,#0e0e10) 50% 83% / 66% 17% no-repeat;image-rendering:pixelated;transform-origin:50% 0;cursor:pointer}.nav-shop-sign:hover{animation:sign-swing 1.6s ease-out}@keyframes sign-swing{0%{transform:rotate(0)}15%{transform:rotate(9deg)}35%{transform:rotate(-7deg)}55%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.nav-shop-sign span{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;align-items:center;gap:4px;color:var(--gold);font:700 12px Verdana,sans-serif;text-shadow:var(--outline)}.nav-shop-sign img{width:16px;height:16px;image-rendering:pixelated}.exit-dialog{width:min(300px,92vw)}.exit-dialog p{margin:4px 0 12px;text-align:center;color:var(--text-bright)}.exit-options{display:flex;flex-direction:column;gap:6px}.exit-options .tb-button{min-height:30px}.menu-wrap{position:relative}.menu{position:absolute;top:44px;right:0;z-index:40;display:flex;flex-direction:column;min-width:210px;padding:4px}@media (max-width: 1024px){.top-nav.fixed{display:grid;grid-template-columns:auto var(--sq);align-items:start;column-gap:6px;row-gap:var(--sq-gap);top:8px;right:8px}.top-nav.fixed>.nav-shop{grid-column:1;grid-row:1 / span 7}.top-nav.fixed>.nav-btn,.top-nav.fixed>.menu-wrap{grid-column:2}.top-nav.fixed>.nav-btn.exit{order:1}.top-nav.fixed>.nav-btn.gear{order:2}.top-nav.fixed>.nav-btn.sound{order:3}.top-nav.fixed>.nav-btn.friends{order:4}.top-nav.fixed>.nav-btn.inventory{order:5}.top-nav.fixed>.menu-wrap{order:6}.top-nav.fixed>.nav-btn.ping,.top-nav.fixed>.nav-btn.store{order:7}}.nav-btn.season-pass{--nav-ico: url(/art/ui/nav-ico-pass.png);--nav-inset: 16%}@media (max-width: 1024px){.top-nav.fixed>.nav-btn.season-pass{order:6}}.player-name{padding:0;border:none;background:none;color:inherit;font:inherit;font-weight:700;text-shadow:inherit;cursor:pointer}.player-name:hover{text-decoration:underline;color:#fff}.mini-outfit{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;flex:none;overflow:hidden;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000073;image-rendering:pixelated}.mini-outfit .outfit-canvas{position:absolute;right:-6px;bottom:-4px}.pm-ico{display:inline-block;width:16px;height:16px;flex:none;background:center / contain no-repeat;image-rendering:pixelated}.pm-ico.msg{background-image:url(/assets/ui/lib/icons/icon-inbox.png)}.pm-ico.profile{background-image:url(/assets/ui/lib/icons/icon-cyclopedia-characterinfo.png)}.pm-ico.history{background-image:url(/assets/ui/lib/icons/icon-history.png)}.pm-ico.invite{background-image:url(/assets/ui/lib/icons/icon-invite.png)}.pm-ico.add{background-image:url(/assets/ui/lib/icons/skin__classic__icon-add.png)}.pm-ico.remove{background-image:url(/assets/ui/lib/icons/icon-delete.png)}.pm-ico.kick{background-image:url(/assets/ui/lib/icons/icon-delete.png)}.pm-ico.leader{background-image:url(/assets/ui/lib/icons/icon-leader.png)}.player-menu{position:fixed;z-index:400;display:flex;flex-direction:column;min-width:180px;padding:6px;gap:2px;font:11px Verdana,sans-serif;color:var(--text-bright)}.player-menu>b{padding:2px 6px 6px;color:var(--gold);text-shadow:var(--outline)}.player-menu button{display:flex;align-items:center;gap:8px;padding:5px 6px;border:none;background:none;color:var(--text-bright);font:inherit;text-align:left;cursor:pointer}.player-menu button:hover{background:#ffffff14;color:#fff}.friends-wrap{position:fixed;z-index:300;display:flex}.friends-wrap .friends-panel{flex:1;min-width:0;display:flex;flex-direction:column}.friends-wrap .tb-title{cursor:move;-webkit-user-select:none;user-select:none}.friends-panel .tb-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding:6px}.friends-wrap .friends-list{flex:1;min-height:0;max-height:none}.friends-grip{position:absolute;z-index:2;top:-3px;left:-3px;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,rgba(247,200,67,.7) 0 2px,transparent 2px 5px,rgba(247,200,67,.5) 5px 7px,transparent 7px)}.friends-tabs{display:flex;gap:4px}.friends-tabs .tb-button.active{filter:brightness(1.35)}.friends-tabs .tb-button{white-space:nowrap}.friends-wrap .friends-tabs{gap:3px;align-items:stretch}.friends-wrap .friends-tabs .tb-button{flex:1 1 0;min-width:0;padding:1px 3px;overflow:hidden;text-overflow:ellipsis}.friends-wrap .friends-tabs .friends-close{flex:0 0 20px;margin-left:0;padding:0}.friends-close{margin-left:auto}.friends-list{display:flex;flex-direction:column;gap:3px;max-height:min(420px,60vh);overflow-y:auto;margin:0;padding:4px;list-style:none;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000059}.friend-row{display:flex;align-items:center;gap:8px;padding:3px 4px;cursor:pointer;border:1px solid transparent}.friend-row:hover{border-color:#f7c84373;background:#ffffff0a}.friend-row.offline{opacity:.55}.friend-text{display:flex;flex-direction:column;min-width:0;flex:1}.friend-text b{color:#5cff5a;text-shadow:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row.offline .friend-text b{color:#ff6b5b}.friend-row.away .friend-text b{color:khaki}.friend-row.match .friend-text b,.friend-row.queue .friend-text b{color:#9fd0ff}.friend-text small{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:4px}.friend-rank{color:var(--text)}.friend-unread{min-width:16px;padding:0 4px;border-radius:8px;background:#b52a1f;color:#fff;font-size:10px;text-align:center}.friends-empty{color:var(--muted);padding:6px;cursor:default}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5cff5a;box-shadow:0 0 0 1px #000}.status-dot.away{background:khaki}.status-dot.match,.status-dot.queue{background:#6fb6ff}.status-dot.offline{background:#ff6b5b}.friends-add{display:flex;gap:4px}.friends-add input{flex:1;min-width:0;height:20px;padding:0 5px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#0d0d0e;color:var(--text-bright);font:11px Verdana,sans-serif}.online-notices{position:fixed;z-index:350;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.online-notice,.online-invite{pointer-events:auto;font:11px Verdana,sans-serif;text-shadow:var(--outline)}.online-notice{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border:2px solid transparent;border-image:url(/assets/ui/frame2.png) 2 fill stretch;color:var(--text-bright);font-weight:700}.online-notice.error{color:#ffb3a8}.online-invite{display:flex;align-items:center;gap:8px;padding:6px 8px;color:var(--text-bright)}.online-invite small{color:var(--muted)}.ready-backdrop{z-index:500}.ready-card{width:min(420px,92vw)}.ready-card .tb-body{padding:12px 16px 14px;color:var(--text-bright);text-align:center}.ready-card [role=dialog]{display:flex;flex-direction:column;align-items:center;gap:10px}.ready-card p{margin:0}.ready-mode{margin:0;color:var(--gold);font-weight:700;text-shadow:var(--outline)}.ready-bar{width:100%;height:8px;border:1px solid transparent;border-image:url(/assets/ui/frame-down.png) 1 stretch;background:#00000080}.ready-bar i{display:block;height:100%;background:linear-gradient(#f7c843,#b8860b);transition:width .2s linear}.ready-dots{display:flex;gap:6px}.ready-dot{width:16px;height:16px;border-radius:50%;background:#2a2a2a;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #555}.ready-dot.ok{background:#3fae3a;box-shadow:inset 0 0 0 1px #000,0 0 6px #5cff5a}.ready-dot.no{background:#b52a1f}.ready-accept{min-width:150px;font-size:14px}.ready-declines{margin:0;font-size:10px}.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}.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)}