.hotbar{height:48px;display:flex;flex:0 0 auto;align-items:center;justify-content:center}.hotbar-item:hover{cursor:pointer;box-shadow:0 0 10px 0 #fff}.active{animation:fade .25s ease-in-out}@keyframes fade{0%{box-shadow:0 0 0 0 #fff}50%{box-shadow:0 0 10px 0 #fff}100%{box-shadow:0 0 0 0 #fff}}.hotbar-item{color:grey;display:flex;height:32px;width:32px;user-select:none;align-items:flex-end;justify-content:center;border:1px solid #000;background-image:url("/png/bg2.png");margin:2px;position:relative;box-shadow:0 0 10px 0 #000}.hotbar-item .hotbar-text{position:absolute;inset:0;z-index:10;font-size:9px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000}.hotbar-item .hotbar-key{font-size:8px;pointer-events:none;position:absolute;z-index:11;left:2px;top:2px;max-width:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px #000,0 0 2px #000;color:#ffd86b;font-weight:700}.hotbar-item .hotbar-key.hotbar-key-listening{color:#7dff7d;animation:hotbar-key-pulse .6s ease-in-out infinite alternate}@keyframes hotbar-key-pulse{from{opacity:.4}to{opacity:1}}.hotbar-item canvas{position:absolute;pointer-events:none;width:32px;height:32px}.hotbar-actions{display:flex;align-items:center;margin-left:4px;padding-left:5px;border-left:1px solid #000;box-shadow:inset 1px 0 0 rgba(255,255,255,.08)}.hotbar-action{color:grey;display:flex;height:32px;width:32px;user-select:none;align-items:center;justify-content:center;border:1px solid #000;background-image:url("/png/bg2.png");margin:2px;position:relative;box-shadow:0 0 10px 0 #000;cursor:pointer;overflow:hidden}.hotbar-action:hover{box-shadow:0 0 10px 0 #fff}.hotbar-action svg{display:block;image-rendering:pixelated}.level-up-btn{color:#e6c34a;box-shadow:0 0 10px 0 #000,inset 0 0 8px rgba(201,162,39,.45)}.level-up-btn::before{content:"";position:absolute;inset:0;background:rgba(160,120,20,.28);pointer-events:none}.level-up-btn.hidden{display:none}.level-up-btn:hover{box-shadow:0 0 10px 0 #e6c34a,inset 0 0 8px rgba(201,162,39,.55)}.level-up-btn.level-up-pending{animation:level-up-pulse 1.1s ease-in-out infinite alternate}.level-up-icon{z-index:2;pointer-events:none;color:#ffd86b;filter:drop-shadow(0 0 1px #000)}.level-up-badge{position:absolute;right:2px;bottom:1px;color:#ffd86b;font-size:9px;font-weight:700;line-height:1;display:none;z-index:5;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000}@keyframes level-up-pulse{from{box-shadow:0 0 10px 0 #000,inset 0 0 6px rgba(201,162,39,.35)}to{box-shadow:0 0 10px 0 #c9a227,inset 0 0 10px rgba(255,220,80,.7)}}.level-up-modal-header{text-align:center;margin-bottom:10px}.level-up-modal-points{font-size:13px;font-weight:700;color:gold;text-shadow:1px 1px 0 #000}.level-up-modal-subtitle{font-size:11px;color:#bbb;margin-top:4px}.level-up-modal-options{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;scrollbar-width:thin}.level-up-option{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:8px 10px;margin:0;font-family:Verdana,Sans-Serif;color:#ddd;background-image:url("/png/bg2.png");border:1px solid #000;box-shadow:inset 0 0 4px #000;cursor:not-allowed;opacity:.75}.level-up-option-disabled,.level-up-option:disabled{opacity:.7;cursor:not-allowed}.level-up-option:not(:disabled):not(.level-up-option-disabled){cursor:pointer;opacity:1}.level-up-option:not(:disabled):not(.level-up-option-disabled):hover{border-color:gold;color:#fff}.level-up-skill .level-up-option-desc{color:#9c9;font-weight:700}.level-up-back{opacity:.95!important;cursor:pointer!important}.level-up-option-icon{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;color:gold;border:1px solid #000;background-image:url("/png/bg3.png");box-shadow:inset 0 0 3px #000}.level-up-option-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.level-up-option-title{font-size:12px;font-weight:700;color:#fff}.level-up-option-desc{font-size:10px;color:#aaa;font-weight:400}.level-up-option-soon{font-size:9px;color:#888;font-style:italic;margin-top:2px}.level-up-modal-note{margin-top:8px;font-size:10px;color:#888;text-align:center;line-height:1.35}.base-recall-btn{color:#8ec4e8;box-shadow:0 0 10px 0 #000,inset 0 0 8px rgba(50,110,170,.45)}.base-recall-btn::before{content:"";position:absolute;inset:0;background:rgba(30,70,120,.28);pointer-events:none}.base-recall-btn:hover{box-shadow:0 0 10px 0 #6af,inset 0 0 8px rgba(80,150,210,.55)}.base-recall-btn.active{animation:fade .25s ease-in-out}.base-recall-btn.base-recall-casting{animation:base-recall-pulse .9s ease-in-out infinite alternate}.base-recall-btn.base-recall-ready:not(.base-recall-on-cd){box-shadow:0 0 10px 0 #000,inset 0 0 8px rgba(60,150,90,.4)}.base-recall-icon{z-index:2;pointer-events:none;color:#9cf;filter:drop-shadow(0 0 1px #000)}.base-recall-cd{display:none;position:absolute;left:0;right:0;bottom:0;height:100%;background:rgba(0,0,0,.65);z-index:3;pointer-events:none;transition:height 50ms linear}.base-recall-cd-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}@keyframes base-recall-pulse{from{box-shadow:0 0 10px 0 #000,inset 0 0 6px rgba(80,180,255,.35)}to{box-shadow:0 0 10px 0 #5af,inset 0 0 10px rgba(80,180,255,.7)}}#base-recall-castbar{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:min(280px,70%);z-index:9000;pointer-events:none;text-align:center}#base-recall-castbar.hidden{display:none}#base-recall-cast-label{font-size:11px;color:#9cf;text-shadow:0 0 2px #000,0 0 2px #000;margin-bottom:3px}#base-recall-cast-track{height:12px;border:1px solid #000;background-color:#222;overflow:hidden}#base-recall-cast-fill{height:100%;width:0%;background:#39f;transition:width 50ms linear}.hotbar-item-list{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow-y:auto;padding:4px;background-image:url("/png/bg3.png");border:1px solid #000;min-height:48px}.hotbar-item-entry{display:flex;flex-direction:column;align-items:center;width:72px;padding:4px;border:1px solid #222;background-image:url("/png/bg2.png");cursor:pointer;user-select:none}.hotbar-item-entry:hover{border-color:gold;box-shadow:0 0 6px rgba(255,215,0,.4)}.hotbar-item-entry canvas{width:32px;height:32px;image-rendering:pixelated;background-image:url("/png/item.png");border:1px solid #111}.hotbar-item-entry .hotbar-item-name{font-size:9px;color:#ddd;text-align:center;margin-top:3px;line-height:1.15;max-height:28px;overflow:hidden}.hotbar-item-entry .hotbar-item-qty{font-size:9px;color:#9cf}.hotbar-item-list-empty{width:100%;text-align:center;color:#888;padding:16px 8px;font-size:11px}.hotbar-item-selected{display:flex;align-items:center;gap:10px;padding:8px;background-image:url("/png/bg2.png");border:1px solid #000}.hotbar-item-selected canvas{width:32px;height:32px;image-rendering:pixelated;background-image:url("/png/item.png");border:1px solid #111}.hotbar-item-modes{display:flex;flex-direction:column;gap:6px;margin-top:8px}.hotbar-item-mode-btn{width:100%;text-align:left;padding:8px 10px;font-size:12px}.hotbar-item-mode-btn:hover{border-color:#7cf}.hotbar-item-back{margin-top:10px;font-size:11px;background:0 0;border:none;color:#9cf;cursor:pointer;text-decoration:underline}.hotbar-item .hotbar-item-mode-tag{position:absolute;right:1px;bottom:1px;font-size:7px;color:#9cf;text-shadow:0 0 2px #000;pointer-events:none;z-index:5;line-height:1}#text-wrapper{width:100%;height:100%;position:absolute;pointer-events:none;z-index:10000;will-change:transform;transform:translateZ(0)}.prototype{display:none}.text-bubble{background-color:transparent;border:none;border-radius:8px;padding:4px;text-align:center;word-break:break-word;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000;font-family:Verdana,sans-serif;font-weight:900;font-size:14px;max-width:500px;white-space:nowrap}.text-window{line-height:14px;pointer-events:none;position:absolute;font-size:10px;text-align:center;will-change:transform;backface-visibility:hidden}.character-element-bar{margin:0 auto;width:32px;background-color:#000;border:1px solid #000}.value-health{background-color:green;height:2px;width:100%}.value-mana{background-color:#00f;height:2px;width:100%}.npc-icon{display:block;width:16px;height:16px;margin:4px auto 0 auto;margin-left:40px;image-rendering:pixelated;filter:drop-shadow(0 0 1px rgba(0, 0, 0, .8))}#screen{z-index:100;background-color:#000;box-shadow:0 0 10px 0 #000}.canvas-wrapper{min-width:480px;min-height:352px;max-width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}::-webkit-scrollbar{width:16px;background:#000}::-webkit-scrollbar-thumb{background:#222;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.75);border:1px solid grey}::-webkit-scrollbar-corner{background:#000}.chat-message{max-width:100%}.chat-message:hover{color:#fff;cursor:pointer}.chatbox-wrapper{display:flex;height:100%;flex-direction:column;word-wrap:break-word}#chat-input{width:100%;color:#ff0;outline:0;padding-left:8px;border-top:1px solid #000;border-bottom:1px solid #000}#chat-input:disabled{background-image:url("/png/bg4.png");color:grey}#chat-text{overflow-y:hidden;background-image:url("/png/bg3.png");height:100%;padding:4px;border:1px solid #000;border-top:0}.chat-header{display:flex;flex:1 1 auto;overflow-x:hidden}.channel-header{display:flex}.wrapper-header{display:flex;height:46px}.chat-title span{pointer-events:none;margin-top:4px;margin-bottom:4px;margin-left:24px;margin-right:24px}.chat-title{flex:1 1 auto;display:flex;align-items:center;background-image:url("/png/bg2.png");cursor:pointer;font-weight:700;border:1px solid #000}.chat-title.selected{background-image:url("/png/bg3.png");border-bottom:0}.chat-body{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;height:100%;align-items:flex-start}.channel-empty{height:100%;display:flex;align-items:center;justify-content:center;width:100%}.chat-footer{margin-top:2px;margin-bottom:2px;display:flex}#chat-resizer{height:5px;background-color:#222;border-top:1px solid #000;border-bottom:1px solid #000;cursor:ns-resize;width:100%;flex:0 0 auto;z-index:10}#chat-resizer:hover{background-color:#444}.resizing{pointer-events:none;user-select:none}#chat-resizer.locked{background-color:#111;border-top:1px solid #111;border-bottom:1px solid #111}#chat-resizer.locked:hover{background-color:#111}#login-wrapper{display:flex;align-items:center;justify-content:center;height:100%;min-width:640px;min-height:480px;background:#0c0a09}#login-wrapper #login-inner{justify-content:center;align-items:center;position:relative;height:100%;width:100%;min-width:640px;min-height:480px;display:flex}#login-wrapper #login-inner .login-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.login-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(420px,calc(100% - 48px))}.login-logo{display:block;width:168px;height:auto;margin:0 0 12px;pointer-events:none;filter:drop-shadow(0 10px 24px rgba(0, 0, 0, .7))}@media (max-height:640px){.login-logo{width:112px;margin-bottom:8px}}.password-input{text-align:center}#login-wrapper #login-inner .login-settings{display:none}.app-version{position:fixed;left:16px;bottom:10px;z-index:6000;margin:0;pointer-events:none;font-family:Verdana,"Trebuchet MS",sans-serif;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,220,196,.38);text-shadow:none}.app-version.is-ingame,.app-version:empty{display:none}.auth-card{--auth-gold:#c9a227;--auth-gold-dim:rgba(201, 162, 39, 0.7);--auth-parchment:#e8dcc4;--auth-parchment-dim:rgba(232, 220, 196, 0.4);--auth-border:#3a3228;--auth-panel:#161210;--auth-bg:rgba(12, 10, 9, 0.72);--auth-crimson:#8b2020;--auth-crimson-bright:#b83434;position:relative;z-index:2;width:100%;overflow:hidden;border:1px solid var(--auth-border);background:var(--auth-panel);box-shadow:0 0 0 1px #000,0 16px 48px rgba(0,0,0,.65)}.auth-gold-rule{position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,#8a6a14,var(--auth-gold),#8a6a14)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--auth-border)}.auth-tab{margin:0;padding:12px 8px;border:0;background:0 0;color:var(--auth-parchment-dim);font-family:Verdana,Sans-Serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:none;cursor:pointer;transition:color .15s ease,background .15s ease}.auth-tab:hover{color:var(--auth-gold-dim)}.auth-tab.is-active{background:var(--auth-bg);color:var(--auth-gold)}.auth-status{margin:0 32px;padding:10px 12px;border:1px solid var(--auth-border);font-size:12px;line-height:1.4;text-align:center;text-shadow:none;cursor:pointer}.auth-status.hidden{display:none}.auth-status.is-error{margin-top:16px;border-color:var(--auth-crimson-bright);background:rgba(139,32,32,.25);color:#f3c4c4}.auth-status.is-ok{margin-top:16px;border-color:var(--auth-gold);background:rgba(201,162,39,.15);color:var(--auth-gold)}.auth-status.is-info{margin-top:16px;border-color:var(--auth-border);background:var(--auth-bg);color:var(--auth-parchment)}.auth-form{display:flex;flex-direction:column;gap:20px;padding:28px 32px 32px}.auth-form.hidden{display:none}.auth-label{display:block}.auth-label>span{display:block;margin-bottom:8px;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--auth-gold-dim);text-shadow:none}.auth-label input,.auth-label select{display:block;width:100%;box-sizing:border-box;min-height:48px;border:1px solid var(--auth-border);background:var(--auth-bg);color:var(--auth-parchment);padding:12px 14px;font-family:Verdana,Sans-Serif;font-size:15px;line-height:24px;font-weight:400;text-align:left;text-shadow:none;outline:0;transition:border-color .15s ease}.auth-label input::placeholder{color:rgba(232,220,196,.25)}.auth-label input:focus,.auth-label select:focus{border-color:var(--auth-gold-dim)}.auth-label select option{background:#161210;color:var(--auth-parchment)}.auth-submit{width:100%;margin:4px 0 0;padding:12px 16px;border:0;background:var(--auth-crimson);color:#f3e6d0;font-family:Verdana,Sans-Serif;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:none;cursor:pointer;box-shadow:0 0 20px rgba(139,32,32,.5);transition:background .15s ease,transform .1s ease}.auth-submit:hover:not(:disabled){background:var(--auth-crimson-bright)}.auth-submit:active:not(:disabled){transform:scale(.95)}.auth-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.auth-foot{margin:0;text-align:center;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--auth-parchment-dim);text-shadow:none}.auth-link{margin:0;padding:0;border:0;background:0 0;color:var(--auth-gold);font:inherit;letter-spacing:inherit;text-transform:inherit;text-shadow:none;cursor:pointer}.auth-link:hover{color:var(--auth-gold-dim)}html{height:100%}.oogwrap{display:flex;flex-direction:column;overflow:hidden;height:100%}.oogwrap2{width:100%;min-width:0}body{height:100%;margin:0;font-family:Verdana,Sans-Serif;font-weight:700;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;font-size:12px;color:#fff;scrollbar-width:thin;scrollbar-color:rgba(24,24,24,1) rgba(51,51,51,1);background-image:url("/png/bg2.png")}#battle-window-target{display:none;align-items:center}.battle-window-bar-wrapper{display:flex;flex-direction:column}.bar-holder{position:relative;height:12px;background-color:#222;border:1px solid #000;margin:1px 0}.battle-window-target-stats-bar{height:100%}.health{background:#00c000;background:#00c000}.mana{background:#0000c0}.bar-text{position:absolute;top:0;left:0;width:100%;text-align:center;font-size:9px;color:#fff;line-height:11px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;pointer-events:none}.battle-window-target-wrapper:hover{border:1px solid #fff;cursor:pointer}.battle-window-target-wrapper{display:flex;width:100%;background-image:url("/png/bg2.png");margin:0 0 1px 0;border:1px solid #000;height:40px}.battle-window-target-title{color:rgba(0,255,0)}.battle-window-target-canvas{flex:0 1}.battle-window-target-canvas>canvas{width:32px;height:32px}.battle-window-target-stats{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-left:4px}.visible{visibility:visible;opacity:1}.hidden{visibility:hidden;opacity:0}.zone-sub{font-size:24px;color:#fff;font-family:Goudy Old Style}.zone-title{font-variant:small-caps;font-family:Arno Pro;letter-spacing:5px}#zone-message hr{color:gold;padding:0;margin:0;background:gold}#zone-message{left:0;right:0;margin-left:auto;margin-right:auto;font-size:36px;color:gold;top:20%;text-align:center;position:absolute;z-index:10000000;padding:4px}#server-message{display:none;background-color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.5);border-radius:8px;padding:4px;left:0;right:0;margin-left:auto;margin-right:auto;max-width:256px;top:50%;text-align:center;position:absolute;padding:4px}.checkboxes{display:flex;justify-content:center}.checkboxes label{display:inline-block;padding-right:10px;white-space:nowrap;flex:1 1 auto}.checkboxes input{vertical-align:middle}.checkboxes label span{vertical-align:middle}.close-button-transparent:hover{font-weight:700;color:grey;border:none;box-shadow:none}.close-button-transparent{position:absolute;right:6px;border:0;background:0 0}input{background-image:url("/png/bg3.png");height:14px;outline:0;padding:4px;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;font-weight:700;border:0}hr{border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),grey,rgba(0,0,0,0));margin:8px}button{font-size:10px;color:#fff;cursor:pointer;font-weight:700;background-image:url("/png/bg3.png");border:1px solid #000;margin:2px;padding:4px;border-radius:4px}button:hover{border:1px solid #fff;background-image:url("/png/bg2.png")}button:disabled{color:grey}button:disabled:hover{border:1px solid grey;box-shadow:0 0 4px 1px grey}button.symbol-button.small{font-size:8px}button.symbol-button{padding:0;width:18px;height:18px;min-width:18px;max-width:18px}.symbol-button-long{padding:0;min-width:24px}.close-button{position:absolute;right:6px}#game-wrapper{display:none;height:100%;min-width:992px;min-height:508px}#game-wrapper .column{display:flex;width:180px;min-width:180px;flex-direction:column;justify-content:flex-start;background-image:url("/png/bg2.png");max-height:100%;min-height:100%;flex:0 1 auto;overflow:hidden}#game-wrapper .main{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;min-width:0;overflow:hidden}#clock-time{font-size:10px;position:absolute;top:4px;left:4px}.main .middle{display:flex;flex:1 1 auto;justify-content:center;align-items:flex-end;background-image:url("/png/bg.png")}.main .upper{display:flex;align-items:center;justify-content:center;flex:1 1 auto;background-image:url("/png/bg.png");overflow:hidden}.main .lower{height:100%;background-image:url("/png/bg2.png");overflow-x:auto;max-height:140px;flex:1 1 auto}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-notification{text-align:center;color:#fff;position:absolute;bottom:2px;width:100%;z-index:8000}.stack-wrapper{width:100%;height:100%;max-height:100%}.stack-top{flex:0 0 auto;height:256px;overflow:auto}#debug-statistics{z-index:1000;margin:8px;position:absolute;font-size:10px;left:0;top:0}.equipment-options-wrapper{display:flex;margin:8px}.equipment-buttons{flex:1 1 auto;text-align:center;display:flex;flex-direction:column;justify-content:center;margin:4px}.equipment-buttons button{width:100%;margin:2px;height:20px}.character-status{margin:8px}.bar{border:1px solid #000;margin:2px;border-radius:8px;height:12px;text-align:center;cursor:pointer;background-image:url("/png/bg3.png");position:relative}.bar:hover{border:1px solid #fff}.bar .icon{position:absolute;left:0;font-size:10px}.bar .percentage{position:absolute;font-size:10px;left:0;right:0;margin-left:auto;margin-right:auto}.character-health{background-color:#ff7f7f;width:100%;height:100%;border-radius:8px;position:absolute}.character-mana{background-color:#add8e6;width:100%;height:100%;border-radius:8px;position:absolute}.equipment.wrapper{display:flex;align-items:center;justify-content:center}.equipment-column{display:flex;flex-direction:column;justify-content:center}.status-bar{width:100%;display:flex;align-items:center;min-height:18px;margin-top:4px;background-image:url("/png/bg3.png");border:1px solid #000}.status-bar img{flex:0 0 auto}#head-slot{background-image:url("/png/head.png")}#armor-slot{background-image:url("/png/armor.png")}#legs-slot{background-image:url("/png/legs.png")}#backpack-slot{background-image:url("/png/backpack.png")}#boots-slot{background-image:url("/png/boots.png")}#left-slot{background-image:url("/png/left.png")}#right-slot{background-image:url("/png/right.png")}#quiver-slot{background-image:url("/png/quiver.png")}#shoulder-slot{background-image:url("/png/shoulder.png")}#ring-slot{background-image:url("/png/ring.png")}.equipment-padding{text-align:center;font-size:10px;min-height:24px}.equipment-gold{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;padding:1px;margin:0;border:1px solid #111;background-image:url("/png/item.png");box-shadow:none;font-family:Verdana,Sans-Serif;font-size:11px;font-weight:700;color:gold;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;user-select:none;cursor:default;overflow:hidden}.equipment-gold:hover{box-shadow:0 0 0 1px #fff inset}.equipment-gold-icon{flex:0 0 auto;width:8px;height:8px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 0 1px #000)}#equipment-gold-amount{flex:0 0 auto;width:100%;max-width:30px;line-height:1;text-align:center;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.window{display:none;color:grey;flex-direction:column;flex:0 1 auto;background-image:url("/png/bg3.png");min-height:0}.window>.body{display:flex;flex-wrap:wrap;padding:8px;min-height:40px;justify-content:center;align-items:flex-start;align-content:flex-start;overflow-y:scroll;scrollbar-width:thin}.window>.header{height:22px;display:flex;align-items:center;cursor:move;padding-left:4px;background-image:url("/png/bg4.png")}.window>.header>button{flex:0 0 auto}.window>.header>.title{flex:1 1 auto;padding-left:8px;pointer-events:none}.window>.footer{height:4px;cursor:ns-resize;background:#000}.friend-entry{cursor:pointer;width:100%}.friend-entry:hover{color:#fff!important}#skill-window .body{display:block}.minimap-container{display:flex;flex-direction:row;align-items:flex-start;gap:4px;margin:8px;box-sizing:border-box}.minimap-wrapper{flex:1 1 auto;min-width:0;position:relative;padding:9px;box-sizing:border-box}.minimap-wrapper canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;background-color:#0a0a0a;border-radius:2px;box-shadow:0 0 0 3px #1a0a0a,0 0 0 5px #8b2020,0 0 0 7px #5a1515,0 0 0 9px #2a0808,0 0 20px rgba(139,32,32,.5)}.minimap-wrapper .crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ff6b6b;z-index:5;text-shadow:1px 1px 2px #000;pointer-events:none}#clock-time{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:rgba(20,5,5,.85);color:#f99;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;z-index:15;border:1px solid rgba(139,32,32,.6);font-variant-numeric:tabular-nums;letter-spacing:.04em;display:none}.minimap-container .button-stack{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;z-index:20;padding-top:9px}.minimap-container .button-stack .symbol-button{width:22px;height:22px;border-radius:4px;background:linear-gradient(180deg,#6a2020 0,#3a1010 100%);border:1px solid #8b3030;color:#faa;cursor:pointer;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.minimap-container .button-stack .symbol-button:hover{background:linear-gradient(180deg,#8a3030 0,#5a2020 100%);border-color:#ab4040;color:#fff}.minimap-container .button-stack .symbol-button:active{background:linear-gradient(180deg,#4a1515 0,#2a0808 100%)}.slot{width:32px;height:32px;background-image:url("/png/item.png");position:relative;border:1px solid #111}.slot:hover{box-shadow:0 0 0 1px #fff inset}.slot.selected{box-shadow:inset 0 0 8px #fff}.slot.legendary{box-shadow:inset 0 0 8px orange}.slot.epic{box-shadow:inset 0 0 8px purple}.slot.rare{box-shadow:inset 0 0 8px #00f}.slot.uncommon{box-shadow:inset 0 0 8px green}.slot>canvas{pointer-events:none;width:32px;height:32px;position:absolute;z-index:100}.slot>.count{color:#fff;font-size:10px;position:absolute;bottom:2px;right:4px;pointer-events:none;z-index:100}.bar-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-gap:2px}.skill-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.skill-wrapper>.skill{text-align:right}.bar-wrapper>.bar>.value{background:green;width:20%;height:4px;position:relative}.bar-wrapper>.bar{border:1px solid #000;background-image:url("/png/bg2.png");width:100%;height:4px;position:relative;cursor:pointer}#skill-window .outer-skill-wrapper.skill-up .skill,#skill-window .outer-skill-wrapper.skill-up .skill-wrapper>span:first-child{color:#6adf4d}#skill-window .outer-skill-wrapper.skill-down .skill,#skill-window .outer-skill-wrapper.skill-down .skill-wrapper>span:first-child{color:#ffcc4d}select{background-image:url("/png/bg2.png");border:1px solid #000;cursor:pointer;width:100%;font-weight:700;color:#fff;caret-color:transparent;scrollbar-width:thin}select option{background-image:url("/png/bg3.png");font-weight:700;color:#fff}select option:hover{color:grey}select option:nth-child(2n){background-image:url("/png/bg2.png")}.channel-select{width:100%;overflow:hidden;scrollbar-width:none}.slider::-webkit-slider-thumb{appearance:none;width:24px;height:12px;background-image:url("/png/bg2.png");cursor:pointer;border:1px solid #000}.slider::-moz-range-thumb{width:24px;height:12px;background-image:url("/png/bg2.png");cursor:pointer;border:1px solid grey;border-radius:0}.slider::-moz-range-thumb:hover{border:1px solid #fff}.slider{background-image:url("/png/bg3.png");padding:0;appearance:none;height:12px;outline:0;caret-color:transparent}.modal-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:absolute}.modal{display:none;position:absolute;z-index:30000;border:1px solid #000;box-shadow:0 0 10px 0 #000;background-image:url("/png/bg.png")}.modal-header{background-image:url("/png/bg2.png");cursor:grab;text-align:center;padding:4px}.modal .modal-footer{text-align:right}.modal-body{box-shadow:inset 0 0 6px #000;padding:12px}.tab-flex{display:flex}.offer-tab{flex:1 1 auto;padding:4px;background-image:url("/png/bg2.png")}.offer-category-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:6px 4px 4px;background-image:url("/png/bg.png");border:1px solid #000;border-top:0;max-height:72px;overflow-y:auto;scrollbar-width:thin}.offer-category-tab{flex:0 0 auto;padding:2px 8px;margin:0;font-family:Verdana,Sans-Serif;font-size:10px;font-weight:700;color:#ccc;text-shadow:1px 1px 0 #000;background-image:url("/png/bg2.png");border:1px solid #000;cursor:pointer;line-height:1.3}.offer-category-tab:hover{color:#fff;border-color:#555}.offer-category-tab.selected{color:gold;background-image:url("/png/bg3.png");border-color:gold}.offers{display:flex;flex-wrap:wrap;padding:8px;justify-content:flex-start;align-items:flex-start;background-image:url("/png/bg3.png");max-height:220px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.offers canvas{margin:2px;cursor:pointer;border:1px solid transparent}.offers canvas:hover{border:1px solid gold}.offer-tab.selected{border-bottom:0;background-image:url("/png/bg3.png")}.modal input{color:#fff;border:1px solid #000}#offer-modal{width:440px;max-width:94vw}#offer-price{width:64px;display:inline-block}#offer-name-wrapper{flex:1 0 auto;text-align:right}#buy-count-wrapper{display:flex;align-items:center;gap:4px}.offer-count-btn{flex:0 0 auto;width:22px;height:22px;padding:0;margin:0;font-family:Verdana,Sans-Serif;font-size:14px;font-weight:700;line-height:20px;color:#eee;text-align:center;text-shadow:1px 1px 0 #000;background-image:url("/png/bg2.png");border:1px solid #000;cursor:pointer}.offer-count-btn:hover{color:gold;border-color:gold}.offer-count-btn:active{background-image:url("/png/bg3.png")}#buy-count{width:100px;margin-left:8px;margin-right:0}#offer-count{min-width:24px;text-align:center}#offer-info{min-height:40px;display:flex;flex-direction:column;gap:4px;border:1px solid #000;padding:4px 6px;background-image:url("/png/bg2.png")}.offer-stats{display:none;font-size:10px;font-weight:400;line-height:1.35;color:#ccc;text-shadow:1px 1px 0 #000}.offer-stats.visible{display:block}.offer-stats-line{color:gold;font-weight:700;letter-spacing:.02em}.offer-stats-desc{margin-top:2px;color:#bbb;font-style:italic;max-height:2.8em;overflow:hidden}#book-text-area{height:220px;resize:none;scrollbar-width:thin;background-image:url("/png/bg2.png");color:#fff;font-weight:700;padding:16px;padding-right:8px;font-size:12px;font-family:Verdana;box-shadow:inset 0 0 8px #000;border:1px solid #000;border-radius:16px 0 0 16px}#book-text-area:disabled{color:grey}#book-text-area:focus{outline:0}#map-modal{background:rgba(12,14,20,.72);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 40px rgba(0,0,0,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);max-width:92vw;max-height:92vh}#map-modal .modal-header{background:rgba(20,24,32,.85);border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.04em}#map-modal .modal-body{background:0 0;box-shadow:none;padding:10px 12px 12px}#map-modal .modal-footer{margin-top:8px}#map-modal .modal-footer button{opacity:.9}#map-modal-canvas{display:block;background-color:rgba(0,0,0,.45)!important;border:1px solid rgba(255,255,255,.12);border-radius:2px;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;opacity:.96}.map-modal-wrapper{position:relative;display:inline-block;line-height:0}.map-modal-wrapper span{position:absolute;left:8px;top:8px;z-index:2;line-height:1.3;font-size:12px;color:rgba(255,255,255,.9);text-shadow:0 1px 2px #000,0 0 6px #000;pointer-events:none}.map-modal-wrapper .vline{pointer-events:none;border-bottom:1px solid rgba(255,255,255,.55);width:512px;top:256px;position:absolute;z-index:1;opacity:.85}.map-modal-wrapper .hline{pointer-events:none;border-right:1px solid rgba(255,255,255,.55);left:256px;position:absolute;height:512px;z-index:1;opacity:.85}#spellbook-list{max-height:250px;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;background-image:url("/png/bg.png");width:400px}.spellbook-wrapper{width:45%;border:1px solid #000;flex:1 1 auto;display:flex;margin:4px;align-items:center;background-image:url("/png/bg2.png")}.spellbook-wrapper canvas{flex:0 1 auto;width:32px;height:32px;box-shadow:0 0 4px 0 #000;cursor:pointer}.spellbook-wrapper span{flex:0 1 auto;text-align:center;width:100%}#spellbook-wrapper-prototype{display:none}#settings-modal{width:380px}#settings-modal .settings-body{padding:10px 14px 14px;text-align:left}#settings-modal .settings-section{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.35)}#settings-modal .settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}#settings-modal .settings-section-title{margin:0 0 8px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:gold;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}#settings-modal .settings-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:8px}#settings-modal .settings-check{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:11px;white-space:nowrap;cursor:pointer}#settings-modal .settings-check input{margin:0;vertical-align:middle}#settings-modal .settings-row{display:flex;align-items:center;gap:10px;margin:6px 0}#settings-modal .settings-label{flex:0 0 92px;font-size:11px;font-weight:700}#settings-modal .settings-row select{flex:1;min-width:0;height:22px;background-image:url("/png/bg3.png");color:#fff;font-weight:700;font-size:11px;border:1px solid #000;outline:0;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}#settings-modal .settings-row input[type=range]{flex:1;min-width:0}#settings-modal #volume-slider-value{flex:0 0 36px;font-size:11px;text-align:right}#settings-modal .settings-hint{margin:2px 0 8px;font-size:10px;line-height:1.35;opacity:.75}#settings-modal #hotbar-keys-reset{display:block;width:100%;margin:0;padding:6px 8px}.move-item-wrapper{display:flex}.move-item-wrapper-inner{display:flex;flex-direction:column;align-items:stretch}.move-item-wrapper-inner-row{display:flex}.move-item-wrapper-inner-row button{flex:1 1 auto;margin:2px}.change-outfit{display:flex}.change-outfit-inner{display:flex;flex:1 1 auto;flex-basis:100%;margin:2px}.change-outfit-inner span{display:flex;flex:1 1 auto;background-image:url("/png/bg2.png");align-items:center;justify-content:center}.change-outfit-inner button{flex:0 0 auto}.outfit-face-picker.on{background-image:url("/png/bg2.png")}.outfit-color-picker{display:flex;height:100%;flex-direction:column;justify-content:center}.outfit-color-picker-row{display:flex;flex-direction:row;justify-content:center}.outfit-color-picker-row>button{display:flex;flex:0 1 auto;background-image:none;margin:1px;height:12px;width:12px}#outfit-modal .outfit-canvas-wrapper{position:relative;flex:0 0 auto}#outfit-modal .button-wrapper{position:absolute;left:4px;top:4px}#outfit-modal .modal-body>.change-outfit-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-content:stretch;align-items:stretch;height:128px}.outfit-color-picker-wrapper{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;align-content:stretch}.outfit-color-picker-wrapper .outfit-button-row{display:flex;flex:0 0 auto;justify-content:space-between}.outfit-color-picker-wrapper .outfit-button-row button{flex:1 1 auto;margin:2px}.contextmenu{position:fixed;width:80px;padding:2px;z-index:99999}.contextmenu.modal{z-index:99999}.contextmenu>.menu-header{background-image:url("/png/bg2.png");cursor:auto;text-align:center;padding:2px}.contextmenu button{width:100%;padding:2px;border:0;border-radius:0;margin:0}#achievement{background-color:rgba(200,200,10,.75);width:200px;height:50px;border:1px solid gold;border-radius:20px;box-shadow:0 0 20px gold;padding:16px;bottom:16px}#achievement.visible{visibility:visible;opacity:1;transition:opacity .25s ease-in-out;animation:pulse .25s}#achievement.hidden{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s ease-in-out}@keyframes pulse{0%{transform:scale(0)}100%{transform:scale(1)}}.event-banner{--gold:#c9a227;--gold-bright:#e8c547;--gold-dim:rgba(201, 162, 39, 0.6);--gold-line:rgba(201, 162, 39, 0.5);--parchment:#e8dcc4;--parchment-70:rgba(232, 220, 196, 0.7);--crimson:#8b2020;--crimson-bright:#c43a3a;--panel:#161210;--bg:#0c0a09;--display:Cinzel,"Times New Roman",serif;--accent:var(--crimson-bright);--accent-border:rgba(196, 58, 58, 0.7);--accent-glow:rgba(196, 58, 58, 0.4);pointer-events:none;position:fixed;left:50%;top:14px;z-index:2147483000;display:flex;justify-content:center;align-items:flex-start;width:min(520px,92vw);max-width:92vw;visibility:hidden;opacity:0;transform:translateX(-50%) scale(.94);transform-origin:center top;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;font-family:Verdana,"Trebuchet MS",sans-serif;font-weight:400;color:var(--parchment);text-shadow:none;box-sizing:border-box}.event-banner *,.event-banner ::after,.event-banner ::before{box-sizing:border-box}.event-banner.visible{visibility:visible;opacity:1;transform:translateX(-50%) scale(1);transition:opacity .2s ease,transform .22s cubic-bezier(.2, .8, .2, 1),visibility 0s}.event-banner.hiding{visibility:visible;opacity:0;transform:translateX(-50%) scale(.96)}.event-banner.hidden{display:none}.event-banner .event-banner-glow{display:none}.event-banner .event-banner-panel{position:relative;z-index:1;width:100%;overflow:hidden;border:1px solid var(--accent-border);background:linear-gradient(90deg,var(--bg) 0,var(--panel) 50%,var(--bg) 100%);box-shadow:0 0 40px var(--accent-glow)}.event-banner .event-banner-edge{position:absolute;left:0;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none}.event-banner .event-banner-edge--top{top:0}.event-banner .event-banner-edge--bottom{bottom:0}.event-banner .event-banner-corner{pointer-events:none;position:absolute;width:8px;height:8px;border-color:var(--gold-line);border-style:solid}.event-banner .event-banner-corner--tl{top:4px;left:4px;border-width:1px 0 0 1px}.event-banner .event-banner-corner--tr{top:4px;right:4px;border-width:1px 1px 0 0}.event-banner .event-banner-corner--bl{bottom:4px;left:4px;border-width:0 0 1px 1px}.event-banner .event-banner-corner--br{bottom:4px;right:4px;border-width:0 1px 1px 0}.event-banner .event-banner-body{display:flex;align-items:center;gap:16px;padding:10px 16px 8px}.event-banner .event-banner-diamond{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);border:1px solid rgba(201,162,39,.4);background:rgba(12,10,9,.7)}.event-banner .event-banner-icon{display:block;transform:rotate(-45deg);font-size:16px;line-height:1;color:var(--accent);image-rendering:pixelated}.event-banner .event-banner-text{min-width:0;flex:1 1 auto;text-align:center}.event-banner .event-banner-label{margin:0;padding:0;font-size:10px;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-dim);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-banner .event-banner-title{margin:2px 0 0;padding:0;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-banner .event-banner-subtitle{margin:2px 0 0;padding:0;font-size:12px;font-weight:400;letter-spacing:.08em;color:var(--parchment-70);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-banner .event-banner-footer,.event-banner .event-banner-header,.event-banner .event-banner-header-icon{display:none}.event-banner .event-banner-bar{height:2px;margin:0;border:0;background:rgba(12,10,9,.8);overflow:hidden}.event-banner .event-banner-bar-fill{height:100%;width:100%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.event-banner.event-banner--kill{--accent:var(--crimson-bright);--accent-border:rgba(196, 58, 58, 0.7);--accent-glow:rgba(196, 58, 58, 0.4)}.event-banner.event-banner--death,.event-banner.event-banner--defeat{--accent:var(--crimson);--accent-border:rgba(139, 32, 32, 0.7);--accent-glow:rgba(139, 32, 32, 0.45)}.event-banner.event-banner--death .event-banner-title,.event-banner.event-banner--defeat .event-banner-title{color:var(--parchment)}.event-banner.event-banner--defeat .event-banner-panel{background:linear-gradient(90deg,rgba(139,32,32,.3) 0,var(--bg) 50%,rgba(139,32,32,.3) 100%);box-shadow:0 0 50px rgba(139,32,32,.5)}.event-banner.event-banner--achievement,.event-banner.event-banner--promote,.event-banner.event-banner--victory{--accent:var(--gold-bright);--accent-border:rgba(201, 162, 39, 0.6);--accent-glow:rgba(232, 197, 71, 0.3)}.event-banner.event-banner--achievement .event-banner-panel,.event-banner.event-banner--promote .event-banner-panel,.event-banner.event-banner--victory .event-banner-panel{border-color:rgba(201,162,39,.6);background:linear-gradient(90deg,rgba(139,32,32,.25) 0,var(--panel) 50%,rgba(139,32,32,.25) 100%);box-shadow:0 0 46px rgba(232,197,71,.3)}.event-banner.event-banner--achievement .event-banner-title,.event-banner.event-banner--promote .event-banner-title,.event-banner.event-banner--victory .event-banner-title{color:var(--gold-bright)}.event-banner.event-banner--levelup{--accent:var(--gold-bright);--accent-border:rgba(201, 162, 39, 0.55);--accent-glow:rgba(232, 197, 71, 0.28)}.event-banner.event-banner--levelup .event-banner-title{color:var(--gold)}.event-banner.event-banner--match_start{--accent:var(--crimson-bright);--accent-border:rgba(139, 32, 32, 0.7);--accent-glow:rgba(139, 32, 32, 0.5)}.event-banner.event-banner--match_start .event-banner-panel{border-color:rgba(139,32,32,.7);background:linear-gradient(90deg,rgba(139,32,32,.3) 0,var(--bg) 50%,rgba(139,32,32,.3) 100%);box-shadow:0 0 50px rgba(139,32,32,.5)}.event-banner.event-banner--match_start .event-banner-title{color:var(--gold)}.event-banner.event-banner--generic{--accent:var(--gold);--accent-border:rgba(201, 162, 39, 0.45);--accent-glow:rgba(201, 162, 39, 0.22)}.event-banner.event-banner--generic .event-banner-title{color:var(--parchment)}.event-banner.event-banner--recall{--accent:#6cb8e0;--accent-border:rgba(108, 184, 224, 0.55);--accent-glow:rgba(108, 184, 224, 0.28)}.event-banner.event-banner--recall .event-banner-title{color:#d8eef8}.event-banner.event-banner--recall .event-banner-subtitle{font-variant-numeric:tabular-nums}.event-banner.event-banner--recall .event-banner-bar{height:3px}.event-banner.event-banner--channel .event-banner-panel{min-width:0}.event-banner.event-banner--surrender{--accent:var(--crimson-bright);--accent-border:rgba(196, 58, 58, 0.7);--accent-glow:rgba(196, 58, 58, 0.4)}.event-banner.event-banner--surrender .event-banner-title{color:var(--gold-bright)}.event-banner.event-banner--surrender .event-banner-panel{background:linear-gradient(90deg,rgba(139,32,32,.28) 0,var(--panel) 50%,rgba(139,32,32,.28) 100%);box-shadow:0 0 46px rgba(196,58,58,.35)}#surrender-vote.event-banner{top:86px;z-index:2147482500;pointer-events:none;display:none}#surrender-vote.event-banner.visible{display:flex}#surrender-vote .surrender-vote-actions{pointer-events:auto;display:flex;justify-content:center;gap:10px;padding:0 16px 10px}#surrender-vote .surrender-vote-no,#surrender-vote .surrender-vote-yes{min-width:84px;padding:6px 16px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:0;border:1px solid rgba(201,162,39,.45);background:rgba(12,10,9,.85);color:var(--parchment,#e8dcc4)}#surrender-vote .surrender-vote-yes.is-chosen,#surrender-vote .surrender-vote-yes:hover{border-color:#6aad6a;color:#b8e0b8}#surrender-vote .surrender-vote-no.is-chosen,#surrender-vote .surrender-vote-no:hover{border-color:#c45a5a;color:#efb0b0}#surrender-vote .surrender-vote-no:disabled,#surrender-vote .surrender-vote-yes:disabled{opacity:.55;cursor:default}@media (max-width:640px){.event-banner{top:8px;width:min(520px,96vw)}.event-banner .event-banner-body{gap:10px;padding:8px 12px 6px}.event-banner .event-banner-diamond{flex-basis:26px;width:26px;height:26px}.event-banner .event-banner-icon{font-size:13px}.event-banner .event-banner-title{font-size:13px;letter-spacing:.08em}.event-banner .event-banner-subtitle{font-size:11px}.event-banner .event-banner-label{letter-spacing:.22em}}:root{--mobile-action-btn-size:48px;--mobile-joystick-size:90px;--mobile-hotbar-height:60px;--mobile-header-height:36px;--safe-area-bottom:env(safe-area-inset-bottom, 0px);--safe-area-left:env(safe-area-inset-left, 0px);--safe-area-right:env(safe-area-inset-right, 0px)}.desktop-only{display:block}.mobile-only{display:none!important}@media screen and (max-height:500px),screen and (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}body{overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;width:100%;height:100%}#game-wrapper{display:flex!important;flex-direction:row!important;min-width:unset!important;min-height:unset!important;width:100vw;height:100vh;height:100dvh;overflow:hidden}#game-wrapper .oogwrap{display:block!important;position:absolute;top:0;right:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:9990}.oogwrap .character-status,.oogwrap .minimap-container{display:none!important}.equipment-options-wrapper{display:block!important;pointer-events:auto}#game-wrapper .main{flex:1 1 auto;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;position:relative}#game-wrapper .main .middle{display:none!important}#game-wrapper .main .upper{flex:1 1 auto;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.canvas-wrapper{width:100%!important;height:100%!important;position:relative}#screen{width:100%!important;height:100%!important;display:block}.hotbar{display:none!important}.contextmenu{display:none!important}.window{pointer-events:auto!important;position:fixed!important;top:170px!important;left:auto!important;right:5px!important;transform:scale(.85);transform-origin:top right;width:190px!important;max-width:60vw;max-height:60vh;z-index:9995;overflow:visible;font-size:11px}#battle-window{z-index:9990!important;top:170px!important;right:5px!important;left:auto!important}.window[containerIndex]{left:5px!important;right:auto!important;top:50px!important;transform-origin:top left}.window .header{height:20px!important;line-height:20px!important;font-size:10px!important}.window .body{max-height:40vh!important;overflow-y:auto!important;display:flex;flex-wrap:wrap;justify-content:center;padding:2px!important}.window .slot{width:32px!important;height:32px!important;margin:1px!important;border:1px solid #444}.slot{width:36px!important;height:36px!important}.slot canvas{width:36px!important;height:36px!important}.equipment.wrapper{position:fixed!important;top:50px!important;right:5px!important;left:auto!important;z-index:9998;background:rgba(30,30,30,.95);border:1px solid #555;border-radius:6px;padding:4px;transform:scale(.75);transform-origin:top right}.equipment-options-wrapper{display:block!important}.equipment-column{gap:2px!important}.equipment.wrapper .slot{width:32px!important;height:32px!important}.equipment.wrapper .slot canvas{width:32px!important;height:32px!important}#player-capacity{font-size:10px!important;padding:2px!important}.equipment-buttons{display:none!important}}#mobile-status-bar{display:none;position:fixed;top:0;left:var(--safe-area-left);right:var(--safe-area-right);height:var(--mobile-header-height);background:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.6));border-bottom:1px solid #444;z-index:10001;flex-direction:row;align-items:center;justify-content:center;padding:2px 12px;box-sizing:border-box;gap:12px}@media screen and (max-height:500px),screen and (max-width:768px){#mobile-status-bar{display:flex}}.mobile-bar-container{flex:1 1 auto;max-width:400px;display:flex;flex-direction:row;gap:8px;align-items:center}.mobile-bar{flex:1;height:18px;background:#1a1a1a;border:1px solid #333;border-radius:4px;overflow:hidden;position:relative}.mobile-bar-fill{height:100%;transition:width .2s ease}.mobile-bar-fill.health{background:linear-gradient(to bottom,#2c2,#181)}.mobile-bar-fill.mana{background:linear-gradient(to bottom,#38f,#25a)}.mobile-bar-text{position:absolute;top:0;left:0;right:0;text-align:center;font-size:11px;line-height:18px;color:#fff;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;font-weight:700}#mobile-menu-btn{width:32px;height:32px;border-radius:6px;font-size:16px;flex-shrink:0;min-height:32px;padding:0}#mobile-action-bar{display:none;position:fixed;bottom:15px;left:10px;right:10px;height:var(--mobile-hotbar-height);background:0 0;z-index:10001;flex-direction:row;align-items:center;justify-content:space-between;padding:0;padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);box-sizing:border-box;pointer-events:none}#mobile-action-bar>*{pointer-events:auto}@media screen and (max-height:500px),screen and (max-width:768px){#mobile-action-bar{display:flex}}#mobile-joystick-zone{width:var(--mobile-joystick-size);height:var(--mobile-joystick-size);position:relative;flex-shrink:0}#virtual-joystick{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(40,40,40,.85) 0,rgba(20,20,20,.7) 100%);border:3px solid rgba(100,100,100,.6);box-shadow:0 0 15px rgba(0,0,0,.5)}#joystick-knob{position:absolute;width:45%;height:45%;top:27.5%;left:27.5%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#888 0,#444 50%,#333 100%);border:2px solid #999;box-shadow:0 2px 5px rgba(0,0,0,.5);transition:transform 50ms ease-out}#mobile-hotbar{display:flex;flex:0 1 auto;gap:6px;justify-content:center;align-items:center;padding:6px 10px;background:rgba(0,0,0,.7);border-radius:8px;border:1px solid #444;max-width:250px;overflow-x:auto;scrollbar-width:none}#mobile-hotbar::-webkit-scrollbar{display:none}.mobile-hotbar-slot{flex-shrink:0;width:40px;height:40px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #555;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.mobile-hotbar-slot:active{transform:scale(.95);border-color:#888}.mobile-hotbar-slot canvas{width:32px;height:32px}.mobile-slot-key{position:absolute;bottom:2px;right:2px;font-size:10px;color:#999;font-weight:700;text-shadow:1px 1px 1px #000}#mobile-actions{display:flex;gap:8px;flex-shrink:0;align-items:flex-end}.mobile-action-btn{width:var(--mobile-action-btn-size);height:var(--mobile-action-btn-size);min-width:var(--mobile-action-btn-size);min-height:var(--mobile-action-btn-size);border-radius:50%;border:3px solid;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 3px 10px rgba(0,0,0,.5);padding:0}.mobile-action-btn:active{transform:scale(.9);filter:brightness(1.2)}.mobile-action-btn.attack{background:linear-gradient(145deg,#c22,#811);border-color:#f55}.mobile-action-btn.use{background:linear-gradient(145deg,#2a2,#161);border-color:#5f5}.mobile-action-btn.look{background:linear-gradient(145deg,#25c,#138);border-color:#58f}.mobile-action-btn.inventory{background:linear-gradient(145deg,#a83,#752);border-color:#da4}.mobile-action-btn.equipment{background:linear-gradient(145deg,#84a,#537);border-color:#a6d}.mobile-action-btn.chat{background:linear-gradient(145deg,#2aa,#177);border-color:#4dd}@media screen and (max-height:500px),screen and (max-width:768px){#game-wrapper .main .lower{display:none!important}#game-wrapper .main .lower.mobile-chat-active{display:flex!important;position:fixed!important;bottom:70px!important;left:50%!important;transform:translateX(-50%)!important;width:90vw!important;max-width:500px!important;height:35vh!important;background:rgba(20,20,20,.95)!important;border:2px solid #4dd!important;border-radius:8px!important;z-index:10000!important;flex-direction:column!important;overflow:hidden!important}.mobile-chat-active .chatbox-wrapper{flex:1;display:flex;flex-direction:column;height:100%}.mobile-chat-active .wrapper-header{padding:4px;background:rgba(40,40,40,.9)}.mobile-chat-active #chat-text{flex:1;overflow-y:auto}.mobile-chat-active .chat-footer{padding:4px;display:flex;gap:4px}.mobile-chat-active #chat-input{flex:1;font-size:14px;padding:8px;border-radius:4px}}#mobile-menu-btn.mobile-action-btn{background:linear-gradient(145deg,#555,#333);border-color:#888;font-size:18px}@media screen and (max-height:500px) and (orientation:landscape){:root{--mobile-action-btn-size:44px;--mobile-joystick-size:80px;--mobile-hotbar-height:50px;--mobile-header-height:32px}#mobile-status-bar{height:28px}.mobile-bar{height:16px}.mobile-bar-text{font-size:10px;line-height:16px}#mobile-menu-btn{width:28px;height:28px;min-height:28px;font-size:14px}#mobile-action-bar{bottom:12px;left:8px;right:8px}.mobile-action-btn{font-size:16px}#mobile-hotbar .slot{width:32px!important;height:32px!important}}@media screen and (max-width:768px) and (orientation:portrait){:root{--mobile-action-btn-size:56px;--mobile-joystick-size:110px}#game-wrapper .main .lower{display:block!important;max-height:80px;flex:0 0 auto}#mobile-action-bar{bottom:90px}}@supports (padding:env(safe-area-inset-top)){#mobile-status-bar{padding-top:env(safe-area-inset-top);height:calc(var(--mobile-header-height) + env(safe-area-inset-top))}}@supports (-webkit-touch-callout:none){body,html{height:100%;overflow:hidden}#game-wrapper{height:-webkit-fill-available}}@media screen and (max-height:500px),screen and (max-width:768px){#debug-statistics{font-size:8px!important;top:40px!important;left:4px!important;max-width:200px;background:rgba(0,0,0,.7);padding:4px;border-radius:4px}}.fight-mode-selector{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px;margin-left:4px;background:0 0}.chase-mode-btn,.fight-mode-btn{width:24px;height:24px;min-width:24px;padding:0;border:1px solid #444;border-radius:4px;background-color:#222;cursor:pointer;transition:all .2s ease;font-size:14px;line-height:22px;text-align:center;color:#888;position:relative;display:flex;justify-content:center;align-items:center}.chase-mode-btn svg,.fight-mode-btn svg{pointer-events:none}.chase-mode-btn:hover,.fight-mode-btn:hover{border-color:#777;background-color:#333;color:#fff;transform:scale(1.1)}.chase-mode-btn.active,.fight-mode-btn.active{background-color:#333;color:#fff;z-index:1}.fight-mode-btn[data-mode=offensive].active{border-color:#f33;box-shadow:0 0 8px rgba(255,51,51,.6);color:#fcc}.fight-mode-btn[data-mode=balanced].active{border-color:#fa0;box-shadow:0 0 8px rgba(255,170,0,.6);color:#fed}.fight-mode-btn[data-mode=defensive].active{border-color:#3f3;box-shadow:0 0 8px rgba(51,255,51,.6);color:#cfc}.chase-mode-btn[data-chase=stand].active{border-color:#aaa;box-shadow:0 0 8px rgba(170,170,170,.6);color:#fff}.chase-mode-btn[data-chase=chase].active{border-color:#39f;box-shadow:0 0 8px rgba(51,153,255,.6);color:#cef}.mode-separator{height:1px;width:100%;background-color:#444;margin:2px 0;display:block}.tooltip-container{position:absolute;width:200px;background:#1a1b26;border:1px solid #4a5568;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -1px rgba(0,0,0,.3);pointer-events:none;z-index:1000;font-family:Verdana,sans-serif;font-size:11px;color:#e2e8f0;overflow:hidden;transition:opacity .1s ease}.tooltip-header{padding:8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);min-height:48px;position:relative}.tooltip-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent,#1a1b26)}.tooltip-image-container{width:32px;height:32px;background:rgba(0,0,0,.3);border-radius:4px;padding:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1}.tooltip-weight-header{font-weight:700;color:#a0aec0;font-size:10px;z-index:1;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.tooltip-body{padding:8px 10px}.tooltip-title{color:#f6ad55;font-weight:700;font-size:12px;margin-bottom:8px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tooltip-stats{display:flex;flex-direction:column;gap:4px}.stat{display:flex;align-items:center;gap:6px;color:#cbd5e0}.stat .icon{width:14px;text-align:center}.tooltip-description{margin-top:8px;font-style:italic;color:#a0aec0;font-size:10px;border-top:1px solid #2d3748;padding-top:6px}#quest-log-modal .body{padding:0;display:block;overflow:hidden;background:#1e1e1e;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.quest-log-window{display:flex;flex-direction:column;width:600px;height:400px;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:12px;color:#e0e0e0;padding:16px;box-sizing:border-box;background:linear-gradient(135deg,#1e1e1e 0,#252525 100%)}.quest-log-window .section-header{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:8px;font-weight:600;padding-left:4px}.quest-details-container,.quest-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.quest-list-container{margin-right:16px;max-width:250px}.quest-log-window .quest-details,.quest-log-window .quest-list{flex:1;overflow-y:auto;background-color:#2a2a2a;border-radius:6px;padding:6px;border:1px solid #333;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.quest-log-window .quest-entry{padding:8px 10px;cursor:pointer;color:#ccc;display:flex;align-items:center;gap:8px;border-radius:4px;transition:all .2s ease;margin-bottom:2px}.quest-log-window .quest-entry:hover{background-color:#383838;color:#fff;transform:translateX(2px)}.quest-log-window .quest-entry.selected{background-color:#3e5f8a;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.quest-log-window .quest-entry .quest-name{font-weight:500}.quest-log-window .quest-entry .quest-check{width:8px;height:8px;border-radius:50%;background-color:#444;transition:background-color .3s}.quest-log-window .quest-entry.completed .quest-check{background-color:#4caf50;box-shadow:0 0 5px rgba(76,175,80,.4)}.quest-log-window .quest-entry.completed .quest-check::before{content:""}.quest-log-window .mission-entry{margin-bottom:12px;background:#333;padding:10px;border-radius:4px;border-left:3px solid #555}.quest-log-window .mission-name{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;margin-bottom:4px;font-size:13px}.quest-log-window .mission-name .mission-check{color:#4caf50;font-size:14px;opacity:.8}.quest-log-window .mission-description{color:#bbb;font-size:11px;line-height:1.5}.footer-panel{margin-top:16px;padding-top:16px;border-top:1px solid #333;display:flex;align-items:flex-end;gap:16px}.footer-left{flex:1;display:flex;flex-direction:column;gap:8px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}.tibia-input,.tibia-select{background:#2a2a2a;border:1px solid #444;color:#ddd;padding:6px 10px;border-radius:4px;font-family:inherit;font-size:11px;outline:0;transition:border-color .2s;width:100%;box-sizing:border-box}.tibia-input:focus,.tibia-select:focus{border-color:#5d87bf}.tibia-checkbox-group{display:flex;gap:12px}.tibia-checkbox{display:flex;align-items:center;gap:6px;color:#aaa;font-size:11px;cursor:pointer;user-select:none}.tibia-checkbox:hover{color:#ccc}.tibia-checkbox input{accent-color:#3e5f8a}.tibia-btn-group{display:flex;gap:8px}.tibia-button{background:#3e5f8a;color:#fff;border:none;padding:7px 14px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.tibia-button:hover{background:#4a6fa0;transform:translateY(-1px)}.tibia-button:active{background:#355075;transform:translateY(0)}.tibia-button[action=close]{background:#444}.tibia-button[action=close]:hover{background:#555}#spells-modal .modal-header{display:block;cursor:grab}#spells-modal .modal-body{padding:0;overflow:hidden}.spell-log-window{width:620px;height:440px}.spell-log-main{display:flex;flex-direction:row;flex:1;overflow:hidden}.spell-entry{gap:8px}.spell-entry-icon{width:32px;height:32px;flex-shrink:0;image-rendering:pixelated}.spell-entry-info{min-width:0;flex:1}.spell-entry-meta{font-size:10px;color:#888;margin-top:2px}.spell-entry.spell-available .spell-entry-meta{color:#7dcea0}.spell-entry.spell-locked{opacity:.55}.spell-entry.spell-wrong-voc{opacity:.4}.spell-detail-card{padding:6px}.spell-detail-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.spell-detail-top canvas{image-rendering:pixelated;width:32px;height:32px}.spell-detail-name{font-size:15px;font-weight:600;color:#fff}.spell-detail-words{font-size:11px;color:#c9a227;letter-spacing:.04em;margin-top:2px}.spell-status{padding:6px 8px;border-radius:4px;font-size:11px;margin-bottom:10px}.spell-status.is-ready{background:rgba(76,175,80,.15);color:#7dcea0}.spell-status.is-locked{background:rgba(201,162,39,.12);color:#d4b44a}.spell-status.is-wrong{background:rgba(196,58,58,.12);color:#e08080}.spell-detail-desc{color:#bbb;font-size:12px;line-height:1.45;margin:0 0 12px}.spell-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.spell-detail-stats div{background:#333;border-radius:4px;padding:8px}.spell-detail-stats span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:4px}.spell-detail-stats b{color:#fff;font-size:12px}.spell-detail-note{font-size:10px;color:#777;margin:0;line-height:1.4}#quest-tracker{display:none!important}.quest-log-window ::-webkit-scrollbar{width:6px}.quest-log-window ::-webkit-scrollbar-track{background:0 0}.quest-log-window ::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.quest-log-window ::-webkit-scrollbar-thumb:hover{background:#555}.empty-state{color:#666;text-align:center;margin-top:30%;font-style:italic;opacity:.7}#quest-tracker{position:absolute;top:10px;left:10px;width:180px;background:rgba(20,20,20,.75);color:#eee;padding:8px 10px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.4);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:11px;z-index:30;display:none;pointer-events:none;backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.08)}#quest-tracker .tracker-header{font-weight:700;color:#e0e0e0;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px;text-transform:uppercase;font-size:10px;letter-spacing:.5px}#quest-tracker .tracker-quest-name{color:#5d87bf;font-weight:600;font-size:12px;margin-bottom:4px}#quest-tracker .tracker-mission-list{display:flex;flex-direction:column;gap:4px}#quest-tracker .tracker-mission{color:#ccc;line-height:1.3}@keyframes flash-update{0%{background-color:rgba(30,30,30,.7)}50%{background-color:rgba(93,135,191,.3)}100%{background-color:rgba(30,30,30,.7)}}.tracker-update{animation:flash-update .5s ease}#lobby-wrapper,.lobby-wrapper{--gold:#c9a227;--gold-dim:rgba(201, 162, 39, 0.7);--gold-line:rgba(201, 162, 39, 0.5);--parchment:#e8dcc4;--parchment-50:rgba(232, 220, 196, 0.5);--parchment-40:rgba(232, 220, 196, 0.4);--parchment-60:rgba(232, 220, 196, 0.6);--parchment-70:rgba(232, 220, 196, 0.7);--crimson:#8b2020;--crimson-bright:#c43a3a;--green:#2f7a3e;--green-bright:#3f9a50;--panel:#161210;--bg:#0c0a09;--border:#3a3228;--display:Cinzel,"Times New Roman",serif;position:fixed;inset:0;z-index:5000;overflow:auto;padding:24px 32px 40px;background:radial-gradient(1100px 520px at 50% -8%,rgba(139,32,32,.2),transparent 58%),radial-gradient(700px 360px at 88% 118%,rgba(201,162,39,.07),transparent 52%),var(--bg);color:var(--parchment);font-family:Verdana,"Trebuchet MS",sans-serif;font-size:13px;font-weight:400;text-shadow:none;box-sizing:border-box;-webkit-font-smoothing:antialiased}#lobby-wrapper *,.lobby-wrapper *{box-sizing:border-box;text-shadow:none}#lobby-wrapper ::selection,.lobby-wrapper ::selection{background:rgba(139,32,32,.4)}#lobby-wrapper .hidden,#lobby-wrapper.hidden,.lobby-wrapper .hidden,.lobby-wrapper.hidden{display:none!important}#lobby-wrapper button,.lobby-wrapper button{margin:0;padding:0;border:0;border-radius:0;background:0 0;background-image:none;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;text-shadow:none;box-shadow:none;cursor:pointer}#lobby-wrapper button:disabled,#lobby-wrapper button:disabled:hover,#lobby-wrapper button:hover,.lobby-wrapper button:disabled,.lobby-wrapper button:disabled:hover,.lobby-wrapper button:hover{background-image:none;box-shadow:none;border-color:transparent}#lobby-wrapper img,.lobby-wrapper img{image-rendering:auto}.lobby-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;max-width:1280px;margin:0 auto 48px;padding-bottom:24px;border-bottom:1px solid var(--border)}.lobby-brand{display:flex;align-items:center;gap:16px}.lobby-logo{width:56px;height:56px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .45))}.lobby-brand-text{margin:0;font-family:var(--display);font-size:24px;font-weight:700;text-transform:uppercase;color:var(--gold)}.lobby-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:32px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment-50)}.lobby-nav-links .is-active{color:var(--gold)}.lobby-nav-links .is-live{font-weight:700;color:var(--crimson-bright)}.lobby-nav-links .nav-link{cursor:pointer;transition:color .15s ease}.lobby-nav-links .nav-link:hover{color:var(--gold)}#lobby-wrapper .lobby-nav-links button,.lobby-wrapper .lobby-nav-links button{color:var(--parchment-40);transition:color .15s ease}#lobby-wrapper .lobby-nav-links button:hover,.lobby-wrapper .lobby-nav-links button:hover{color:var(--gold);border-color:transparent}.lobby-main{display:grid;grid-template-columns:minmax(300px,4fr) minmax(0,8fr);gap:32px;max-width:1280px;margin:0 auto}@media (max-width:960px){#lobby-wrapper,.lobby-wrapper{padding:20px 16px 32px}.lobby-main{grid-template-columns:1fr}}.lobby-h2{margin:0 0 24px;font-family:var(--display);font-size:20px;font-weight:600;color:var(--gold-dim)}.lobby-h2.spaced{margin-top:28px}.lobby-card{position:relative;overflow:hidden;border:1px solid var(--border);background:var(--panel)}.lobby-gold-rule{position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,#8a6a14,var(--gold),#8a6a14)}.lobby-profile-body{padding:20px}.lobby-profile-top{display:flex;align-items:flex-start;gap:16px}.lobby-portrait-wrap{position:relative;flex-shrink:0}.lobby-portrait{display:block;width:80px;height:80px;object-fit:cover;border:1px solid rgba(201,162,39,.4);filter:grayscale(30%);background:var(--bg)}.lobby-lvl-badge{position:absolute;right:-8px;bottom:-8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);border:1px solid rgba(201,162,39,.6);background:var(--crimson)}.lobby-lvl-badge span{transform:rotate(-45deg);font-family:var(--display);font-size:11px;font-weight:700;color:#f3e6d0}.lobby-profile-name{margin:0;font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.lobby-profile-title{margin:4px 0 0;font-size:12px;font-style:italic;font-weight:400;color:var(--parchment-50)}.lobby-profile-guild{margin:8px 0 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-40)}.lobby-xp{margin-top:20px}.lobby-xp-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-50)}.lobby-bar{height:8px;border:1px solid var(--border);background:rgba(12,10,9,.6)}.lobby-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--crimson),var(--gold))}.lobby-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;margin-top:20px;border:1px solid var(--border);background:var(--border)}.lobby-stat{background:var(--panel);padding:12px 8px;text-align:center}.lobby-stat p{margin:0}.lobby-stat .k{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-40)}.lobby-stat .v{margin-top:4px;font-family:var(--display);font-size:13px;font-weight:600;color:var(--parchment)}.lobby-mastery{margin-top:20px}.lobby-mastery>p{margin:0 0 8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim)}.lobby-mastery-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.lobby-mastery-row .name{width:80px;flex-shrink:0;font-size:12px;color:var(--parchment-60)}.lobby-pips{display:flex;flex:1;gap:4px}.lobby-pips i{flex:1;height:6px;background:var(--border)}.lobby-pips i.on{background:var(--gold-dim)}.lobby-mastery-row .n{min-width:18px;width:auto;text-align:right;font-size:10px;color:var(--gold)}.lobby-match-list{display:flex;flex-direction:column;gap:8px}#lobby-wrapper .lobby-match-btn,.lobby-wrapper .lobby-match-btn{display:block;width:100%;margin:0;padding:24px 28px 22px;border:1px solid rgba(58,50,40,.5);background:var(--panel);color:inherit;text-align:left;box-sizing:border-box;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}#lobby-wrapper .lobby-match-btn:hover,.lobby-wrapper .lobby-match-btn:hover{border:1px solid rgba(201,162,39,.45);background:var(--panel)}#lobby-wrapper .lobby-match-btn.selected,.lobby-wrapper .lobby-match-btn.selected{border:1px solid rgba(201,162,39,.65)}#lobby-wrapper .lobby-match-btn.is-full,#lobby-wrapper .lobby-match-btn.is-live,.lobby-wrapper .lobby-match-btn.is-full,.lobby-wrapper .lobby-match-btn.is-live{opacity:.6}.lobby-match-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.lobby-match-top .title{font-family:var(--display);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--parchment)}.lobby-match-btn.selected .title,.lobby-match-btn:hover .title{color:var(--gold)}.lobby-tag{flex-shrink:0;padding:2px 8px;border:1px solid var(--border);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-40)}.lobby-tag.ranked{border-color:var(--crimson);color:var(--crimson-bright)}.lobby-match-meta{display:flex;justify-content:flex-start;font-size:12px;color:var(--parchment-50)}.lobby-match-sub{margin-top:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-40)}.lobby-reconnect{display:block;width:100%;margin-bottom:8px;padding:14px 16px;border:1px solid rgba(201,162,39,.65);background:var(--panel);color:var(--gold);text-align:left}#lobby-wrapper .lobby-reconnect:hover,.lobby-wrapper .lobby-reconnect:hover{border:1px solid var(--gold)}.lobby-reconnect .kicker{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--crimson-bright)}.lobby-reconnect .title{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase}.lobby-name-field{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:28px}.lobby-name-lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim)}#lobby-wrapper .lobby-name-field input,.lobby-wrapper .lobby-name-field input{width:100%;padding:12px 14px;border:1px solid var(--border);background:var(--panel);color:var(--parchment);font-family:var(--display);font-size:14px;letter-spacing:.06em;outline:0}#lobby-wrapper .lobby-name-field input::placeholder,.lobby-wrapper .lobby-name-field input::placeholder{color:var(--parchment-40);text-transform:none;letter-spacing:.04em}#lobby-wrapper .lobby-name-field input:focus,.lobby-wrapper .lobby-name-field input:focus{border-color:var(--gold-line)}#lobby-wrapper .lobby-create,.lobby-wrapper .lobby-create{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:12px;padding:18px 20px;border:1px solid #f0cc4a;background:linear-gradient(180deg,#f0cc4a,var(--gold));color:#1a1408;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 22px rgba(201,162,39,.45),inset 0 1px 0 rgba(255,240,180,.4);transition:background .15s ease,box-shadow .15s ease,transform .15s ease,border-color .15s ease}#lobby-wrapper .lobby-create .plus,.lobby-wrapper .lobby-create .plus{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(26,20,8,.35);background:rgba(26,20,8,.12);color:#1a1408;font-size:22px;line-height:1}#lobby-wrapper .lobby-create .lbl,.lobby-wrapper .lobby-create .lbl{font-size:16px;letter-spacing:.16em;color:#1a1408}#lobby-wrapper .lobby-create:hover,.lobby-wrapper .lobby-create:hover{background:linear-gradient(180deg,#ffe06a,#e0b830);border:1px solid #ffe06a;color:#1a1408;box-shadow:0 0 28px rgba(201,162,39,.6);transform:translateY(-1px)}#lobby-wrapper .lobby-create:active,.lobby-wrapper .lobby-create:active{transform:translateY(0) scale(.98)}.lobby-right{width:100%;min-width:0;display:flex;flex-direction:column;min-height:480px}.lobby-right>.lobby-card{width:100%;flex:1}.lobby-idle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:480px;padding:48px 32px 72px;text-align:center}.lobby-idle-mark{position:relative;width:112px;height:112px;margin-bottom:32px}.lobby-idle-glow{position:absolute;inset:-18px;border-radius:50%;background:rgba(201,162,39,.12);filter:blur(28px);animation:lobby-idle-pulse 2.4s ease-in-out infinite}@keyframes lobby-idle-pulse{0%,100%{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}#lobby-wrapper .lobby-idle-logo,.lobby-wrapper .lobby-idle-logo{position:relative;display:block;width:112px;height:112px;object-fit:contain;opacity:.3;image-rendering:pixelated}.lobby-idle h2{margin:0;font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--parchment)}.lobby-idle-copy{max-width:28rem;margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--parchment-50)}.lobby-idle-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px}#lobby-wrapper .lobby-idle-create,.lobby-wrapper .lobby-idle-create{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 40px;border:0;background:var(--crimson);color:#f3e6d0;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 0 24px rgba(139,32,32,.5);transition:background .15s ease,transform .1s ease}#lobby-wrapper .lobby-idle-create .plus,.lobby-wrapper .lobby-idle-create .plus{color:var(--gold);font-size:16px;line-height:1}#lobby-wrapper .lobby-idle-create .lbl,.lobby-wrapper .lobby-idle-create .lbl{color:inherit}#lobby-wrapper .lobby-idle-create:hover,.lobby-wrapper .lobby-idle-create:hover{background:var(--crimson-bright);color:#f3e6d0;border-color:transparent;transform:scale(1.05)}#lobby-wrapper .lobby-idle-create:active,.lobby-wrapper .lobby-idle-create:active{transform:scale(.95)}.lobby-idle-hint{margin:0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,220,196,.3)}.lobby-idle-foot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 32px 24px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(232,220,196,.2)}.lobby-idle-foot .rule{width:32px;height:1px;background:var(--border)}@media (max-width:960px){.lobby-idle{min-height:400px;padding:32px 20px 64px}.lobby-idle h2{font-size:24px}}.lobby-prep{padding:28px 32px 32px}.lobby-prep-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}.lobby-eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.lobby-prep-head h2{margin:0;font-family:var(--display);font-size:36px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--parchment)}.lobby-voc-kicker{margin:0 0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.lobby-prep-sub{margin:8px 0 0;font-size:12px;color:var(--parchment-50)}.lobby-timer .lbl{margin:0 0 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-40);text-align:right}.lobby-timer .val{margin:0;font-family:var(--display);font-size:24px;font-weight:700;color:var(--crimson-bright);text-align:right}.lobby-voc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1100px){.lobby-voc-grid{grid-template-columns:repeat(2,1fr)}.lobby-prep{padding:20px 16px 24px}}.lobby-voc-card{padding:4px;border:1px solid transparent;background:0 0;color:inherit;text-align:left}#lobby-wrapper .lobby-voc-card:hover,.lobby-wrapper .lobby-voc-card:hover{border:1px solid transparent}#lobby-wrapper .lobby-voc-card.is-on,.lobby-wrapper .lobby-voc-card.is-on{border:1px solid var(--gold)}.lobby-voc-card.is-on .lobby-voc-art,.lobby-voc-card:hover .lobby-voc-art{border-color:rgba(201,162,39,.65)}.lobby-voc-art{position:relative;aspect-ratio:2/3;overflow:hidden;margin-bottom:10px;border:1px solid var(--border);background:var(--bg)}.lobby-voc-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:grayscale(.4);opacity:.7;transition:filter .5s ease,opacity .5s ease,transform .5s ease}.lobby-voc-card.is-on img,.lobby-voc-card:hover img{filter:none;opacity:1;transform:scale(1.05)}.lobby-voc-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg),transparent 45%);pointer-events:none}.lobby-voc-role{position:absolute;top:8px;right:8px;z-index:1;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-60)}.lobby-voc-sel{position:absolute;bottom:8px;left:8px;z-index:3;padding:2px 8px;border:1px solid var(--gold);background:rgba(12,10,9,.8);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.lobby-voc-lock{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px 9px;border:1px solid #e05050;background:linear-gradient(180deg,#c43a3a,#8b2020);color:#fff6e6;font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 16px rgba(196,58,58,.55)}.lobby-voc-lock .kicker{font-family:Verdana,sans-serif;font-size:8px;letter-spacing:.16em;color:rgba(255,246,230,.75)}.lobby-voc-lock .lbl{font-size:13px;letter-spacing:.16em}#lobby-wrapper .lobby-voc-lock:hover,.lobby-wrapper .lobby-voc-lock:hover{background:linear-gradient(180deg,#e04a4a,#b02a2a);border:1px solid #ff6b6b;color:#fff6e6}.lobby-voc-lock.is-on{border-color:#ff6b6b;background:linear-gradient(180deg,#d42a2a,#7a1515)}#lobby-wrapper .lobby-voc-card.is-frozen,.lobby-wrapper .lobby-voc-card.is-frozen{opacity:.42;pointer-events:none;filter:grayscale(.6)}#lobby-wrapper .lobby-join-team.is-blocked,#lobby-wrapper .lobby-join-team.is-blocked:hover,.lobby-wrapper .lobby-join-team.is-blocked,.lobby-wrapper .lobby-join-team.is-blocked:hover{border:1px solid var(--border);background:rgba(12,10,9,.4);color:var(--parchment-40);box-shadow:none;cursor:not-allowed}.lobby-voc-claims{position:absolute;inset:0;z-index:2;pointer-events:none}.lobby-voc-claim{position:absolute;left:8px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border:1px solid var(--border);background:rgba(12,10,9,.85);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-60)}.lobby-voc-claim.is-a.is-locked{border-color:var(--gold);color:var(--gold)}.lobby-voc-claim.is-b{border-color:var(--border);color:var(--parchment-60)}.lobby-voc-claim.is-b.is-locked{border-color:var(--crimson);color:var(--crimson-bright)}.lobby-voc-card h3{margin:0;font-family:var(--display);text-align:center;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment)}.lobby-voc-card.is-on h3{color:var(--gold)}.lobby-voc-diff{margin:4px 0 10px;text-align:center;font-size:10px;color:var(--parchment-50)}.lobby-statline{margin-bottom:8px}.lobby-statline .row{display:flex;justify-content:space-between;margin-bottom:2px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--parchment-50)}.lobby-statline .track{height:4px;overflow:hidden;background:var(--bg)}.lobby-statline .track>i{display:block;height:100%;background:var(--gold)}.lobby-blurb{margin-top:32px;padding:20px;border:1px solid var(--border);background:rgba(12,10,9,.55)}.lobby-blurb .t{margin:0;font-family:var(--display);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.lobby-blurb .d{margin:6px 0 0;font-size:12px;color:var(--parchment-60)}.lobby-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.lobby-chips span{padding:4px 8px;border:1px solid var(--border);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-70)}.lobby-draft-wrap{margin-top:32px}.lobby-draft-headrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lobby-draft-kicker{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.lobby-draft-you{margin:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-50);text-align:right}.lobby-draft-you .is-gold{color:var(--gold)}.lobby-draft-you .is-warn{color:var(--crimson-bright)}.lobby-draft{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:900px){.lobby-draft{grid-template-columns:1fr}}.lobby-draft-col{padding:16px;border:1px solid var(--border);background:rgba(22,18,16,.6)}.lobby-draft-col.is-yours{border-color:rgba(201,162,39,.5);background:var(--panel)}.lobby-draft-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lobby-draft-head h3{margin:0;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(232,220,196,.45)}.lobby-draft-col.is-yours .lobby-draft-head h3{color:var(--gold)}.lobby-draft-side{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,220,196,.3)}.lobby-draft-side.is-yours{padding:2px 8px;border:1px solid var(--gold);color:var(--gold)}.lobby-take-seat{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;padding:12px;border:1px dashed rgba(201,162,39,.35);background:0 0;color:rgba(201,162,39,.6);font-size:10px;letter-spacing:.2em;text-transform:uppercase;transition:border-color .15s ease,background .15s ease,color .15s ease}#lobby-wrapper .lobby-take-seat:hover,.lobby-wrapper .lobby-take-seat:hover{border:1px dashed var(--gold);background:rgba(201,162,39,.05);color:var(--gold)}#lobby-wrapper .lobby-take-seat.is-blocked,#lobby-wrapper .lobby-take-seat.is-blocked:hover,#lobby-wrapper .lobby-take-seat:disabled,#lobby-wrapper .lobby-take-seat:disabled:hover,.lobby-wrapper .lobby-take-seat.is-blocked,.lobby-wrapper .lobby-take-seat.is-blocked:hover,.lobby-wrapper .lobby-take-seat:disabled,.lobby-wrapper .lobby-take-seat:disabled:hover{border:1px dashed var(--border);background:0 0;color:var(--parchment-40);cursor:not-allowed}.lobby-take-seat:last-child{margin-bottom:0}.lobby-join-team{padding:6px 14px;border:1px solid var(--border);background:rgba(12,10,9,.55);color:var(--parchment-60);font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}#lobby-wrapper .lobby-join-team:hover,.lobby-wrapper .lobby-join-team:hover{border:1px solid rgba(201,162,39,.7);background:rgba(201,162,39,.12);color:var(--gold);box-shadow:0 0 12px rgba(201,162,39,.18)}#lobby-wrapper .lobby-join-team.is-yours,#lobby-wrapper .lobby-join-team.is-yours:hover,#lobby-wrapper .lobby-join-team:disabled,#lobby-wrapper .lobby-join-team:disabled:hover,.lobby-wrapper .lobby-join-team.is-yours,.lobby-wrapper .lobby-join-team.is-yours:hover,.lobby-wrapper .lobby-join-team:disabled,.lobby-wrapper .lobby-join-team:disabled:hover{border:1px solid var(--gold);background:rgba(201,162,39,.18);color:var(--gold);box-shadow:none;cursor:default}.lobby-draft-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:8px;border:1px solid var(--border);background:rgba(12,10,9,.4)}.lobby-draft-row:last-child{margin-bottom:0}.lobby-draft-row.is-you{border-color:var(--gold);background:rgba(201,162,39,.1);box-shadow:inset 0 0 0 1px rgba(201,162,39,.25)}.lobby-draft-row.is-you .lobby-draft-thumb{border-color:rgba(201,162,39,.7)}.lobby-draft-row.is-empty{opacity:.85}.lobby-draft-thumb{flex-shrink:0;width:40px;height:40px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.lobby-draft-thumb img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.lobby-draft-thumb span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:10px;color:rgba(232,220,196,.3)}.lobby-draft-info{min-width:0;flex:1}.lobby-draft-info .n{display:flex;align-items:center;gap:8px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment)}.lobby-draft-row.is-you .n{color:var(--gold)}.lobby-draft-info .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lobby-draft-info .lv{flex-shrink:0;font-family:Verdana,sans-serif;font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--parchment-40)}.lobby-draft-info .v{margin:2px 0 0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-50)}.lobby-draft-tag{flex-shrink:0;padding:2px 6px;border:1px solid var(--border);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(232,220,196,.35)}.lobby-draft-tag.is-locked{border-color:var(--gold);color:var(--gold)}.lobby-you-badge{display:inline-block;flex-shrink:0;padding:1px 4px;border:1px solid var(--gold);background:var(--gold);color:var(--bg);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;vertical-align:1px}#lobby-wrapper .lobby-lockpick,.lobby-wrapper .lobby-lockpick{flex-shrink:0;padding:4px 8px;border:1px solid var(--crimson-bright);background:linear-gradient(180deg,var(--crimson-bright),var(--crimson));color:#f4e8d8;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:none;transition:background .15s ease,border-color .15s ease}#lobby-wrapper .lobby-lockpick:hover,.lobby-wrapper .lobby-lockpick:hover{border:1px solid #e05555;background:linear-gradient(180deg,#d44a4a,#9a2828);color:#fff8ee;box-shadow:none}.lobby-lockrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:40px}.lobby-lockmeta{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-50)}.lobby-lockmeta .is-gold{color:var(--gold)}.lobby-lockcol{display:flex;flex-direction:column;align-items:flex-end;gap:10px}#lobby-wrapper .lobby-lock,.lobby-wrapper .lobby-lock{min-width:180px;padding:12px 48px;border:1px solid var(--crimson-bright);background:linear-gradient(180deg,var(--crimson-bright),var(--crimson));color:#f4e8d8;font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 0 20px rgba(196,58,58,.45);transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}#lobby-wrapper .lobby-lock:hover,.lobby-wrapper .lobby-lock:hover{background:linear-gradient(180deg,#d44a4a,#9a2828);border:1px solid #e05555;color:#fff8ee;box-shadow:0 0 28px rgba(196,58,58,.6);transform:scale(1.05)}#lobby-wrapper .lobby-lock:active,.lobby-wrapper .lobby-lock:active{transform:scale(.95)}#lobby-wrapper .lobby-lock.is-locked,.lobby-wrapper .lobby-lock.is-locked{border:1px solid var(--gold);background:0 0;color:var(--gold);box-shadow:none}#lobby-wrapper .lobby-lock.is-locked:hover,.lobby-wrapper .lobby-lock.is-locked:hover{background:rgba(201,162,39,.1);border:1px solid var(--gold);color:var(--gold);transform:none;box-shadow:none}.lobby-side-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}#lobby-wrapper .lobby-start,#lobby-wrapper [data-action=start],.lobby-wrapper .lobby-start,.lobby-wrapper [data-action=start]{padding:10px 22px;border:1px solid var(--green-bright);background:linear-gradient(180deg,var(--green-bright),var(--green));color:#f4f8ee;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 0 16px rgba(47,122,62,.4);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}#lobby-wrapper .lobby-start:hover,#lobby-wrapper [data-action=start]:hover,.lobby-wrapper .lobby-start:hover,.lobby-wrapper [data-action=start]:hover{background:linear-gradient(180deg,#4aad5c,#2a6c38);border:1px solid #5cbc6c;color:#fff;box-shadow:0 0 22px rgba(63,154,80,.55);transform:scale(1.04)}#lobby-wrapper .lobby-start:active,#lobby-wrapper [data-action=start]:active,.lobby-wrapper .lobby-start:active,.lobby-wrapper [data-action=start]:active{transform:scale(.96)}#lobby-wrapper .lobby-start.is-disabled,#lobby-wrapper .lobby-start:disabled,#lobby-wrapper [data-action=start]:disabled,.lobby-wrapper .lobby-start.is-disabled,.lobby-wrapper .lobby-start:disabled,.lobby-wrapper [data-action=start]:disabled{border:1px solid #3a4a3c;background:#1e2a20;color:#7a8a7c;box-shadow:none;opacity:.55;cursor:not-allowed;transform:none;filter:grayscale(.35)}#lobby-wrapper .lobby-start.is-disabled:hover,#lobby-wrapper .lobby-start:disabled:hover,#lobby-wrapper [data-action=start]:disabled:hover,.lobby-wrapper .lobby-start.is-disabled:hover,.lobby-wrapper .lobby-start:disabled:hover,.lobby-wrapper [data-action=start]:disabled:hover{border:1px solid #3a4a3c;background:#1e2a20;color:#7a8a7c;box-shadow:none;transform:none}.lobby-ghost{padding:8px 12px;border:1px solid var(--border);background:0 0;color:var(--parchment-40);font-size:11px;letter-spacing:.12em;text-transform:uppercase}#lobby-wrapper .lobby-ghost:hover,.lobby-wrapper .lobby-ghost:hover{color:var(--gold);border:1px solid var(--gold-line)}.lobby-ghost.is-on{border-color:var(--gold);color:var(--gold)}.lobby-hint{margin-top:14px;font-size:11px;color:var(--parchment-40)}select[data-role=map],select[data-role=team]{display:none}#scoreboard-modal{width:640px;max-width:calc(100% - 24px);opacity:.9;background-image:url("/png/bg.png");background-color:rgba(14,11,8,.55);pointer-events:auto}#scoreboard-modal .modal-header{position:relative}#scoreboard-modal .scoreboard-hint{float:right;font-size:10px;font-weight:400;color:#a89b6a;letter-spacing:.04em;opacity:.9}#scoreboard-modal .match-stats-body{display:block;padding:10px 12px 12px;font-size:12px;line-height:1.3;color:#d8d2c4;overflow-x:hidden;min-height:80px;text-align:left;background:rgba(8,6,4,.28)}.match-stats-empty{color:#9a9488;padding:16px 4px;text-align:center}.match-stats-map{font-size:11px;color:#c4b37a;margin:0 0 8px;letter-spacing:.03em;text-align:center}.match-stats-teams{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-stats-team{margin:0;min-width:0}.match-stats-team-head{display:flex;justify-content:space-between;align-items:baseline;padding:2px 2px 4px;border-bottom:1px solid rgba(200,180,120,.25);margin-bottom:3px}.match-stats-team-name{font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:12px}.match-stats-team.team-1 .match-stats-team-name{color:#8ec4ef}.match-stats-team.team-2 .match-stats-team-name{color:#e07a7a}.match-stats-team.winner .match-stats-team-name::after{content:" ★";color:#c9a227}.match-stats-team-totals{font-size:11px;color:#b0aa9c}.match-stats-table{display:flex;flex-direction:column;width:100%}.match-stats-row{display:grid;grid-template-columns:minmax(0,1.6fr) 22px 22px 22px 22px minmax(36px,0.7fr) 24px;gap:3px;align-items:center;padding:2px 3px}.match-stats-row.head{color:#8a8478;font-size:9px;text-transform:uppercase}.match-stats-row.self{background:rgba(201,162,39,.22);color:#f4ecd0}.match-stats-row.dead{opacity:.55}.match-stats-row.offline{opacity:.45;font-style:italic}.match-stats-row.empty{color:#6a665c;padding:6px 2px}.match-stats-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-stats-cell.gold,.match-stats-cell.n,.match-stats-cell.voc{text-align:right}.match-stats-cell.voc{color:#c8c0aa}.match-stats-row.head .match-stats-cell{text-align:right}.match-stats-row.head .match-stats-cell.name{text-align:left}.match-stats-surrender{margin-top:12px;padding-top:10px;border-top:1px solid rgba(200,180,120,.22);display:flex;flex-direction:column;align-items:center;gap:8px}.match-stats-surrender-status{font-size:11px;color:#c4b37a;letter-spacing:.03em}.match-stats-surrender-actions{display:flex;gap:8px}.match-stats-surrender-btn{font-family:inherit;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:7px 16px;border-radius:2px;cursor:pointer;border:1px solid rgba(201,162,39,.55);background:rgba(20,14,10,.85);color:#e8dcc4}.match-stats-surrender-btn.start{min-width:140px}.match-stats-surrender-btn.yes.is-chosen,.match-stats-surrender-btn.yes:hover{border-color:#6aad6a;color:#b8e0b8}.match-stats-surrender-btn.no.is-chosen,.match-stats-surrender-btn.no:hover{border-color:#c45a5a;color:#efb0b0}.match-stats-surrender-btn:disabled{opacity:.55;cursor:default}@media (max-width:700px){#scoreboard-modal{width:96%}.match-stats-teams{grid-template-columns:1fr}}