:root{--dev-top: max(env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px));--tg-side: 0px;--right-safe: max(env(safe-area-inset-right, 0px), var(--tg-safe-area-inset-right, 0px));--top-safe: calc(max(env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px));--left-safe: max(env(safe-area-inset-left, 0px), var(--tg-safe-area-inset-left, 0px))}html,body{margin:0;height:100%;background:#000;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation}#app{position:fixed;inset:0}#app canvas{display:block}#hud{position:fixed;left:50%;transform:translate(-50%);top:calc(4px + var(--top-safe));color:#fff;font:12px system-ui;text-shadow:0 1px 2px #000;z-index:5;pointer-events:none}#loading{position:fixed;inset:0;z-index:90;background:#000;transition:opacity 784ms linear;color:#f3e6c4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font:700 22px system-ui,sans-serif}#fade{position:fixed;inset:0;z-index:95;background:#000;opacity:0;pointer-events:none;transition:opacity .7s ease}#fade.on{opacity:1;pointer-events:auto}#flash{position:fixed;inset:0;z-index:96;background:#fff;opacity:0;pointer-events:none;transition:opacity 49ms linear}#flash.on{opacity:1}#fade i{display:none;position:absolute;left:50%;bottom:14%;width:180px;height:3px;margin-left:-90px;background:#ffffff1a;border-radius:2px;overflow:hidden}#fade b{display:block;height:100%;width:0;background:#e8d9a8;transition:width .3s}#loading:not(.fatal)>*{display:none}#loading.out{opacity:0;pointer-events:none}#loading i{width:220px;height:8px;border-radius:4px;background:#233;overflow:hidden}#loading b{display:block;height:100%;width:0;background:linear-gradient(90deg,#f7c548,#ff8c3a);transition:width .2s}.joy-base{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:#ffffff1c;border:2px solid #ffffff55;z-index:9;display:none;pointer-events:none}.joy-base.on{display:block}.joy-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;border-radius:50%;background:#fffa;transform:translate(-50%,-50%)}.dmg{position:fixed;left:0;top:0;z-index:8;pointer-events:none;color:#ffdf5a;font:900 20px system-ui;text-shadow:0 0 3px #000,0 2px 2px #000}#rotate{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;background:#101820;color:#fff;font:600 18px system-ui,sans-serif;text-align:center;gap:18px}#rotate .phone{width:46px;height:78px;border:4px solid #fff;border-radius:9px;animation:rot 1.6s ease-in-out infinite}#rotate button{font:700 16px system-ui;padding:10px 18px;border-radius:10px;border:0;background:#f7c548;color:#3a2400}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(orientation:portrait)and (pointer:coarse){#rotate{display:flex}}.chat-row{padding:1px 0}.chat-row b{color:#9fe8ff}.chat-row.npc b{color:#ffe27a}#banner{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:7;text-align:center;pointer-events:none;opacity:0;color:#e8eef5;text-shadow:0 2px 4px #000,0 0 12px #000}#banner b{display:block;font:900 30px system-ui,sans-serif;letter-spacing:1px}#banner small{display:block;font:600 14px system-ui;margin-top:2px}#banner.show{animation:banner 3s ease forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}#toasts{position:fixed;left:50%;top:calc(10px + var(--dev-top));transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#141a20ee;color:#fff;border:1px solid #5b6b7d;padding:7px 14px;border-radius:9px;font:600 13px system-ui}.dmg.dmg-me{color:#ff5a4a}.dmg.dmg-crit{color:#ffb02e;font-size:26px}.dmg.gain-exp{color:#b6ff7a;font-size:16px}.dmg.gain-gold{color:#ffd75a;font-size:16px}.dmg.lvup{color:#fff36a;font-size:26px}#create{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:radial-gradient(#2a3b55,#0b1018)}#create.open{display:flex}#create form{display:flex;flex-direction:column;align-items:center;gap:10px;color:#e8eef5;font-family:system-ui,sans-serif}#create h1{margin:0;font:800 22px system-ui}#create .genders{display:flex;gap:16px}.g-card{width:128px;padding:8px;border-radius:12px;border:2px solid #3a4654;background:#141a20cc;color:#e8eef5;font:700 14px system-ui}.g-card.on{border-color:#ffd75a;box-shadow:0 0 12px #ffd75a66}.g-card .pv{height:140px;display:flex;align-items:flex-end;justify-content:center}.g-card canvas{max-height:140px}#create input{width:280px;font:16px system-ui;padding:9px 12px;border-radius:10px;border:2px solid #5b6b7d;background:#141a20;color:#fff;text-align:center}#create .err{min-height:16px;color:#ff8a7a;font:600 13px system-ui}#create .go{font:800 16px system-ui;padding:10px 26px;border-radius:12px;border:0;background:linear-gradient(#ffd75a,#e08a12);color:#3a2400}.ico{position:relative;width:36px;height:36px;background-size:1600% 1600%;background-repeat:no-repeat;image-rendering:auto;flex:none}.ico b{position:absolute;right:-2px;bottom:-3px;font:800 11px system-ui;color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000}#inv{position:fixed;inset:0;z-index:45;display:none;align-items:center;justify-content:center;background:#0007}#inv.open{display:flex}.inv-box{position:relative;display:flex;gap:10px;padding:12px;border-radius:14px;max-width:96vw;max-height:92vh;background:linear-gradient(#1d242cf2,#11161bf2);border:2px solid #5b6b7d;color:#e8eef5;font:600 12px system-ui,sans-serif;box-shadow:0 6px 24px #000a}.inv-box .close{position:absolute;right:6px;top:6px;width:30px;height:30px;border-radius:8px;border:1px solid #5b6b7d;background:#26303a;color:#fff;font-size:15px}.inv-left{width:190px;display:flex;flex-direction:column;gap:8px}.inv-left h3{margin:0 0 2px;font:800 15px system-ui;color:#e8eef5}.doll{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.slot{height:46px;border-radius:8px;border:1px solid #3a4654;background:#0d1217;display:flex;align-items:center;justify-content:center;color:#8592a0;padding:0}.slot small{font:600 9px system-ui;text-align:center;line-height:1.1}.inv-stats{color:#c3ccd6}.inv-stats b{color:#fff}.shop-list{display:none;flex-direction:column;gap:4px;overflow-y:auto;max-height:62vh;padding-right:4px}#inv.shopping .shop-list{display:flex}#inv.shopping .doll,#inv.shopping .inv-stats{display:none}#inv.shopping .inv-left{width:250px}.shop-row{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:8px;border:1px solid #36414d;background:#141a20;color:#e8eef5;text-align:left;font:600 12px system-ui}.shop-row span{flex:1}.shop-row i{color:#8592a0;font-style:normal;font-size:10px}.shop-row b{color:#ffd75a}.inv-right{display:flex;flex-direction:column;gap:6px}.tabs{display:flex;gap:4px;padding-right:34px}.tabs button{flex:1;padding:6px 4px;border-radius:8px;border:1px solid #3a4654;background:#141a20;color:#b8c4d0;font:700 12px system-ui}.tabs button.on{background:#2f6fb5;color:#fff;border-color:#ffd75a}.grid{display:grid;grid-template-columns:repeat(8,42px);grid-auto-rows:42px;gap:3px;overflow-y:auto;max-height:calc(92vh - 110px)}.cell{border-radius:6px;border:1px solid #2a333d;background:#0a0e12;display:flex;align-items:center;justify-content:center;padding:0}.gold-row{display:flex;align-items:center;gap:6px;color:#ffd75a}.gold-row i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3a8,#d39a12);display:inline-block}.detail{display:none;position:absolute;left:12px;right:12px;bottom:12px;padding:10px;border-radius:12px;background:#0d1217f5;border:1px solid #ffd75a}.detail.show{display:block}.d-head{display:flex;gap:10px;align-items:center}.d-head b{display:block;font:800 14px system-ui;color:#fff}.d-head small{color:#c3ccd6;font:600 11px system-ui}.detail p{margin:6px 0 0;color:#a9b4c0;font:500 11px system-ui;max-height:3.6em;overflow:hidden}.d-btns{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.d-btns button{padding:7px 12px;border-radius:8px;border:1px solid #3a4654;background:#1d242c;color:#fff;font:700 12px system-ui}.d-btns .gold{background:linear-gradient(#ffd75a,#e08a12);color:#3a2400;border:0}.d-btns .danger{background:#5a1a12}.ico i{position:absolute;left:-2px;top:-3px;font:900 10px system-ui;font-style:normal;color:#ffe36a;text-shadow:0 0 2px #000,0 1px 2px #000}.ico.r5,.ico.r6{box-shadow:0 0 0 1px #c56bff,0 0 6px #c56bff;border-radius:4px}.ico.r7,.ico.r8{box-shadow:0 0 0 1px #ffb02e,0 0 8px #ff8a2e;border-radius:4px}.rq5,.rq6{color:#d79bff!important}.rq7,.rq8{color:#ffc35a!important}.dmg.miss{color:#d8e6ff;font-size:16px}:root{--u: 1}@media(min-height:430px){:root{--u: 1.15}}@media(min-height:560px){:root{--u: 1.35}}.px{image-rendering:pixelated}#status{position:fixed;left:0;top:0;z-index:6;width:248px;height:88px;pointer-events:none;transform:scale(var(--u));transform-origin:0 0;color:#fff;font:700 11px system-ui,sans-serif;text-shadow:0 0 2px #000,0 1px 1px #000}#status i{position:absolute;top:0;height:88px;background:url(/ui/status.png) no-repeat}#status .st-l{left:0;width:109px;background-position:0 0}#status .st-m{left:109px;width:132px;background-position:-7194px 0;background-size:7788px 88px}#status .st-r{left:241px;width:7px;background-position:-111px 0}#hud-face{position:absolute;left:9px;top:9px;width:69px;height:69px;border-radius:50%;z-index:1;background:radial-gradient(circle at 50% 35%,#2c4d7a,#0d1a2e)}#status i,#status span,#status .bar,#status .sub{z-index:2}#hud-face{z-index:3}#hud-name{position:absolute;left:84px;top:5px;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#fff}#hud-lv{position:absolute;right:10px;top:5px;font-size:11px;color:#ffe27a}.bar{position:absolute;overflow:hidden}.bar b{position:absolute;inset:0 auto 0 0;width:0;transition:width .25s;background-repeat:no-repeat;background-size:100% 100%}.bar span{position:relative;display:block;text-align:center;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}#status .bar.hp,#status .bar.mp{left:111px;width:130px;height:18px;box-sizing:border-box;border:1px solid #000;border-radius:3px;background:#05080d;box-shadow:inset 0 0 0 1px #3c4652}#status .bar.hp{top:25px}#status .bar.mp{top:45px}#status .bar.hp b,#status .bar.mp b{inset:2px auto 2px 2px;max-width:calc(100% - 4px)}#bar-hp b{background-image:url(/ui/bar_hp_g.png)}#bar-hp[data-c=y] b{background-image:url(/ui/bar_hp_y.png)}#bar-hp[data-c=r] b{background-image:url(/ui/bar_hp_r.png)}#bar-mp b{background-image:url(/ui/bar_mp.png)}#status .bar.hp span,#status .bar.mp span{font:700 10px/16px system-ui}#menu{position:fixed;right:calc(34px + env(safe-area-inset-right));bottom:106px;z-index:10;display:flex;flex-direction:column-reverse;gap:3px;transform:scale(var(--u));transform-origin:100% 100%}.mi{width:30px;height:30px;padding:0;border:0;background:var(--i) no-repeat center / 100% 100%;image-rendering:pixelated}.mi:active,.mi.on{background-image:var(--a)}#btn-attack{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:20px;width:80px;height:82px;padding:0;border:0;z-index:10;background:url(/ui/orb_big.png) no-repeat center / 100% 100%;transform:scale(var(--u));transform-origin:100% 100%;filter:drop-shadow(0 3px 4px #0008)}#btn-attack i{position:absolute;left:19px;top:20px;width:42px;height:42px;border-radius:50%;opacity:.92;background:url(/ui/i_swords.png) no-repeat center / 100% 100%;image-rendering:pixelated}#btn-attack:active{filter:brightness(1.25) drop-shadow(0 3px 4px #0008)}#btn-potion{position:fixed;right:calc(104px + env(safe-area-inset-right));bottom:24px;width:44px;height:46px;padding:0;border:0;z-index:10;background:url(/ui/orb.png) no-repeat center / 100% 100%;transform:scale(calc(var(--u) * 1.15));transform-origin:100% 100%;display:flex;align-items:center;justify-content:center}#btn-potion:active{background-image:url(/ui/orb_on.png)}#btn-potion.empty{opacity:.5}#btn-potion .cnt{position:absolute;right:1px;bottom:0;font:800 11px system-ui;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.inv-box{border:1px solid transparent!important;border-radius:6px!important;background:#0f1419eb!important;background-clip:padding-box!important;box-shadow:0 6px 24px #000a!important;border-image:url(/ui/panel.png) 28 10 10 10 fill / 28px 10px 10px 10px stretch!important;padding:34px 12px 12px!important}.wtitle{position:absolute;left:12px;right:40px;top:5px;height:18px;font:700 13px/18px system-ui,sans-serif;color:#fff;text-shadow:0 1px 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-box .close{position:absolute;right:7px;top:4px;width:22px;height:22px;padding:0;border:0!important;border-radius:0!important;background:url(/ui/close.png) no-repeat center / 100% 100%!important;image-rendering:pixelated}.inv-box .close:active{filter:brightness(1.4)}:root{--sk: clamp(26px, calc((100vw - var(--left-safe) - var(--right-safe) - 330px) / 15 - 3px), 40px)}#skillbar{position:fixed;left:50%;bottom:12px;transform:translate(calc(-50% - 40px));z-index:10;display:flex;gap:3px;align-items:flex-end;padding:0}#skillbar .sk{position:relative;width:var(--sk);height:var(--sk);padding:0;border:0;overflow:hidden;background:none;-webkit-touch-callout:none;touch-action:none}#skillbar .sk .bg{left:0!important;top:0!important;width:100%!important;height:100%!important}#skillbar .sk .cnt{position:absolute;right:2px;bottom:0;font:400 10px Tahoma,Verdana,sans-serif;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none}#skillbar .sk .ic{position:absolute;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:3px;image-rendering:pixelated}#skillbar .sk .key{position:absolute;left:2px;top:0;font:800 8px system-ui;color:#ffe27a;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none}#skillbar .sk .cdw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#skillbar .sk .cdt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 12px Tahoma,Verdana,sans-serif;color:#ffffffdb;text-shadow:0 0 2px rgba(0,0,0,.69),0 0 2px rgba(0,0,0,.69);pointer-events:none}#skillbar .sk.nomp .ic{filter:grayscale(.8) brightness(.6)}#skillbar .sk:active{filter:brightness(1.3)}#skillbar .skpage{width:18px;height:var(--sk);padding:0;border:1px solid #3a4654;border-radius:4px;background:#141a20;color:#ffe27a;font:800 10px system-ui;writing-mode:vertical-rl}#buffbar{position:fixed;left:calc(var(--left-safe) - 13px);top:calc(92px * var(--u) + var(--dev-top));z-index:7;width:320px;height:60px;pointer-events:none;transform:scale(var(--u));transform-origin:0 0}#buffbar .bf{position:absolute;width:18px;height:18px;padding:0;border:0;background:none;pointer-events:auto}#buffbar .bf .ic,#buffbar .bf .sw{position:absolute;left:0;top:0;width:18px;height:18px}.dmg.heal{color:#7dff8a}#login{position:fixed;inset:0;z-index:80;display:none;background:#000;overflow:hidden;--s: 1;font:700 13px system-ui,sans-serif;color:#fff}#login.on{display:block}#login button{padding:0;border:0;background-color:transparent;background-repeat:no-repeat;background-size:100% 100%;color:inherit;font:inherit;cursor:pointer}#login .lg-bg{position:absolute;inset:0;background:#000 no-repeat center / cover}#login .lg-bg.stage{background-size:max(100vw,calc(100vh * 16 / 9)) max(100vh,56.25vw)}#login .lg-sprite{position:absolute;left:calc(-1 * var(--ox));top:calc(-1 * var(--oy));image-rendering:pixelated;pointer-events:none}#login .lg-srv{position:absolute;left:50%;top:calc(271px * var(--s));width:464px;display:flex;transform:translate(-50%) scale(var(--u, var(--s)));transform-origin:50% 0}#login .lg-srv .col{width:232px;height:227px;box-sizing:border-box;border:8px solid transparent;border-image:url(/ui/login/srv_header_bar.webp) 8 fill / 8px stretch}#login .lg-srv .hd{height:17px;margin:-5px 0 4px;text-align:center;font:700 12px/17px system-ui;text-shadow:0 1px 1px #000}#login .lg-srv .row{position:relative;display:flex;align-items:center;gap:6px;width:100%;height:27px;box-sizing:border-box;padding:0 8px;border:6px solid transparent;border-image:url(/ui/login/srv_row_n.webp) 6 fill / 6px stretch;font:700 12px system-ui;text-shadow:0 1px 1px #000}#login .lg-srv .row.on{border-image-source:url(/ui/login/srv_row_sel.webp)}#login .lg-srv .row:active{border-image-source:url(/ui/login/srv_row_h.webp)}#login .lg-srv .row .ic{width:18px;height:18px;flex:none;background:url(/ui/login/srv_dots.webp) no-repeat -23px 0}#login .lg-srv .row .arr{position:absolute;right:2px;top:0;width:21px;height:16px;background:url(/ui/login/srv_arrow.webp) no-repeat;display:none}#login .lg-srv .row.on .arr{display:block}#login .lg-plates{position:absolute;left:50%;top:calc(45px * var(--s));display:flex;gap:calc(38px * var(--u, var(--s)));transform:translate(-50%)}#login .plate{position:relative;width:calc(180px * var(--u, var(--s)));height:calc(60px * var(--u, var(--s)));background-image:url(/ui/login/slot_plate_n.webp);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:calc(40px * var(--u, var(--s)));box-sizing:border-box;font-size:calc(13px * var(--u, var(--s)));text-shadow:0 1px 2px #000;line-height:1.35}#login .plate.on{background-image:url(/ui/login/slot_plate_sel.webp)}#login .plate b{font-weight:600}#login .plate .mini{position:absolute;left:calc(24px * var(--u, var(--s)));top:calc(55px * var(--u, var(--s)))}#login .plate .sil{position:absolute;left:50%;top:50%;width:calc(25px * var(--u, var(--s)));height:calc(37px * var(--u, var(--s)));transform:translate(-50%,-50%);background:url(/ui/login/empty_slot_silhouette.webp) no-repeat center / contain}#login .lg-hero{position:absolute;left:50%;top:70.8%}#login .lg-hint{position:absolute;left:50%;top:42%;transform:translate(-50%);font-size:calc(16px * var(--s));text-shadow:0 1px 3px #000;white-space:nowrap}#login .lg-bar{position:absolute;left:50%;bottom:calc(6px * var(--s));width:542px;height:86px;transform:translate(-50%) scale(var(--u, var(--s)));transform-origin:50% 100%}#login .lg-bar button{position:absolute}#login .b-srv{left:15px;top:18px;width:140px;height:50px;background-image:url(/ui/login/serverselect_n.webp)}#login .b-srv:active{background-image:url(/ui/login/serverselect_p.webp)}#login .b-start{left:181px;top:13px;width:180px;height:60px;background-image:url(/ui/login/start_inizia_n.webp)}#login .b-start:active{background-image:url(/ui/login/start_inizia_p.webp)}#login .b-del{left:387px;top:18px;width:140px;height:50px;background-image:url(/ui/login/delete_char_n.webp)}#login .b-del:active{background-image:url(/ui/login/delete_char_p.webp)}#login .lg-dialog{position:absolute;left:50%;top:50%;width:300px;transform:translate(-50%,-50%) scale(var(--u, var(--s)));padding:10px 6px 4px;box-sizing:border-box;text-align:center;border:14px solid transparent;border-image:url(/ui/login/frame_panel_32_b14.webp) 14 fill / 14px stretch}#login .lg-dialog p{margin:4px 0}#login .lg-dialog .sm{font-weight:500;font-size:12px;color:#c9d3de}#login .lg-dialog input,#login .namebar input{box-sizing:border-box;border:10px solid transparent;border-image:url(/ui/login/frame_edit_24_b10.webp) 10 fill / 10px stretch;background:transparent;color:#fff;font:600 13px system-ui;outline:none}#login .lg-dialog input{width:200px;height:32px;padding:0 4px;margin:6px 0;border-width:4px;font-size:calc(11px / var(--u, var(--s)))}#login .lg-dialog .err,#login .warn{color:#fff000;font:600 11px system-ui;min-height:14px}#login .lg-dialog .btns{display:flex;gap:12px;justify-content:center;margin-top:6px}#login .lg-dialog .ok,#login .lg-dialog .no{width:48px;height:23px}#login .lg-dialog .ok{background-image:url(/ui/login/login_conferma.webp)}#login .lg-dialog .no{background-image:url(/ui/login/login_annulla.webp)}#login.scr-cr{--m: 115px}#login .lg-panel{position:absolute;right:calc(var(--m) * var(--s));top:calc(15px * var(--s));width:391px;height:737px;transform:scale(var(--s));transform-origin:100% 0;box-sizing:border-box;border:14px solid transparent;border-image:url(/ui/login/frame_panel_32_b14.webp) 14 fill / 14px stretch}#login .lg-panel>*{position:absolute;margin:-14px 0 0 -14px}#login .lg-panel .box{box-sizing:border-box;border:8px solid transparent;border-image:url(/ui/login/frame_box_20_b8.webp) 8 fill / 8px stretch}#login .lg-panel .box>*{position:absolute;margin:-8px 0 0 -8px}#login .clsbox{left:9px;top:10px;width:93px;height:421px}#login .clsbox .cl{left:2px;width:72px;height:72px;margin-top:-18px!important}#login .cl.adventurer{background-image:url(/ui/login/class_adventurer_states.webp);background-size:216px 72px;background-position:-144px 0}#login .cl.adventurer.on{background-position:0 0}#login .cl.swordsman{background-image:url(/ui/login/class_swordsman_states.webp)}#login .cl.archer{background-image:url(/ui/login/class_archer_states.webp)}#login .cl.mage{background-image:url(/ui/login/class_mage_states.webp)}#login .cl.swordsman,#login .cl.archer,#login .cl.mage{background-size:288px 72px}#login .cl.swordsman.locked,#login .cl.archer.locked,#login .cl.mage.locked{background-position:-72px 0}#login .cl.martial{background-image:url(/ui/login/class_martial_states.webp);background-size:288px 72px}#login .cl.martial.locked{background-position:-216px 0}#login .cl small{position:absolute;left:0;top:50px;width:68px;height:18px;font:700 11px/18px system-ui;text-align:center;text-shadow:0 0 2px #000,0 0 2px #000}#login .lg-panel .lb{left:5px;top:37px;width:99px;height:18px;text-align:center;font:700 13px/18px system-ui;text-shadow:0 1px 1px #000}#login .vsep{left:106px;top:2px;width:3px;height:59px;background:url(/ui/login/separator_3.webp) repeat}#login .hsep{left:2px;top:35px;width:271px;height:3px;background:url(/ui/login/separator_3.webp) repeat}#login .sex{left:107px;top:10px;width:275px;height:93px}#login .hair{left:107px;top:113px;width:275px;height:93px}#login .sex button,#login .hair button{top:11px;width:72px;height:72px}#login .sex .m,#login .hair .a{left:118px}#login .sex .f,#login .hair .b{left:194px}#login .g.m{background-image:url(/ui/login/gender_m_n.webp)}#login .g.m.on{background-image:url(/ui/login/gender_m_sel.webp)}#login .g.f{background-image:url(/ui/login/gender_f_n.webp)}#login .g.f.on{background-image:url(/ui/login/gender_f_sel.webp)}#login .h.a{background-image:url(/ui/login/hair_A_n.webp)}#login .h.a.on{background-image:url(/ui/login/hair_A_sel.webp)}#login .h.b{background-image:url(/ui/login/hair_B_n.webp)}#login .h.b.on{background-image:url(/ui/login/hair_B_sel.webp)}#login .colors{left:107px;top:215px;width:275px;height:160px}#login .hc{width:50px;height:50px;background-image:url(/ui/login/haircolor_row_n.webp);background-size:500px 50px;background-position:calc(var(--cell) * -50px) 0}#login .hc.on{background-image:url(/ui/login/haircolor_row_sel.webp)}#login .prev{left:107px;top:384px;width:274px;height:274px}#login .prev .glow{left:19px;top:116px;width:238px;height:124px;background:url(/ui/login/pedestal_glow.webp) no-repeat center / 100% 100%}#login .prev .pv{left:135px;top:210px}#login .namebar{left:3px;top:233px;width:269px;height:38px;box-sizing:border-box;border:7px solid transparent;border-image:url(/ui/login/frame_name_16_b7.webp) 7 fill / 7px stretch}#login .namebar>*{position:absolute;margin:-7px 0 0 -7px}#login .namebar .lb{left:1px;top:10px;width:80px}#login .namebar input{left:85px;top:4px;width:178px;height:30px;padding:0 4px;border-width:4px;font-size:calc(11px / var(--s))}#login .warn{left:16px;top:auto;bottom:150px;width:359px;text-align:center;pointer-events:none;font-size:calc(12px / var(--s));line-height:1.25;text-shadow:0 1px 2px #000;white-space:pre-line}#login .warn:not(:empty){background:#000a;border-radius:6px;padding:3px 4px}#login .b-crea{left:121px;top:670px;width:120px;height:50px;background-image:url(/ui/login/crea_n.webp)}#login .b-crea:active{background-image:url(/ui/login/crea_h.webp)}#login .b-annulla{left:247px;top:670px;width:120px;height:50px;background-image:url(/ui/login/annulla_n.webp)}#login .b-annulla:active{background-image:url(/ui/login/annulla_h.webp)}#login .lg-desc{position:absolute;left:calc((100vw - (391px + var(--m)) * var(--s) - 600px * var(--s)) / 2);bottom:calc(16px * var(--s));width:600px;height:250px;transform:scale(var(--s));transform-origin:0 100%;box-sizing:border-box;border:14px solid transparent;border-image:url(/ui/login/frame_panel_32_b14.webp) 14 fill / 14px stretch}#login .lg-desc>*{position:absolute;margin:-14px 0 0 -14px}#login .lg-desc .t{left:0;top:20px;width:600px;height:18px;text-align:center;font:700 14px/18px system-ui}#login .lg-desc p{left:50px;width:500px;margin-bottom:0;font:500 13px/1.45 system-ui;color:#e6edf5}#login .lg-desc p:nth-of-type(1){top:55px}#login .lg-desc p:nth-of-type(2){top:150px}.rep-ico{width:16px;height:16px;image-rendering:pixelated;vertical-align:-3px}#tw{position:fixed;left:50%;top:calc(2px + var(--dev-top, 0px));width:255px;height:67px;transform:translate(-50%);z-index:6;display:none;pointer-events:auto}#tw.on{display:block}#tw .tw-lv,#tw .tw-name,#tw .tw-num{position:absolute;color:#fff;font:400 11px Tahoma,Verdana,sans-serif;line-height:16px;text-shadow:0 0 2px #000,0 0 2px #000;white-space:nowrap;overflow:hidden}#tw .tw-name{text-align:left}#tw .tw-num{inset:0;text-align:center;line-height:18px;font-size:10px}#tw .tw-close{cursor:pointer}.nmsg{position:fixed;z-index:45;display:none;pointer-events:none;color:#fff;font:400 calc(100vh * 20 / 768) Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000;text-align:center;white-space:pre-line}.nmsg.on{display:block}.nmsg.strip{left:0;right:0;top:calc(100vh * 152 / 768);padding:calc(100vh * 8 / 768) 8px;background:#0000008c}.nmsg.strip.yellow{color:#ffc600}.nmsg.mid{left:0;right:0;top:calc(100vh * 230 / 768)}.nmsg.low{left:0;right:0;bottom:calc(100vh * 200 / 768);color:coral}.nmsg.box{right:8px;bottom:140px;width:213px;min-height:58px;padding:8px;box-sizing:border-box;background:#0000008c;color:#b0b0af;font-size:11px}.game-dlg{position:fixed;z-index:60;left:50%;top:45%;transform:translate(-50%,-50%);width:260px;padding:10px 8px 8px;box-sizing:border-box;text-align:center;color:#fff;font:400 12px Tahoma,Verdana,sans-serif;background:#0a0e14e0;border:1px solid #6b7a8a;border-radius:4px}.game-dlg .btns{display:flex;gap:10px;justify-content:center;margin-top:8px}.game-dlg button{min-width:70px;padding:5px 10px;color:#fff;background:#2a3a4c;border:1px solid #8aa0b6;border-radius:3px;font:inherit}#minimap{position:fixed;right:var(--right-safe);top:0;width:163px;height:201px;z-index:6;transform:scale(calc(var(--u) * .7));transform-origin:100% 0;overflow:hidden}#minimap.folded{height:25px}#minimap .mm-title{position:absolute;color:#fff;font:400 11px/15px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000;white-space:nowrap;overflow:hidden}#minimap .mm-view{position:absolute;width:146px;height:146px}#minimap .mm-fold{cursor:pointer}#menu .mi{position:relative;width:30px;height:30px;background:none}#taskbar{position:fixed;right:calc(72px + env(safe-area-inset-right));bottom:106px;width:136px;height:179px;z-index:11;display:none;transform:scale(var(--u));transform-origin:100% 100%}#taskbar.on{display:block}#taskbar button{position:absolute;padding:0;border:0;background:none}#taskbar .tb-text span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:400 11px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000}#taskbar .tb-icon.inert{filter:grayscale(.85) brightness(.75)}#chatv.hidden{display:none}#chatv{position:fixed;left:calc(2px + var(--left-safe));bottom:74px;z-index:5;pointer-events:none;transform:scale(calc(var(--u) * .72));transform-origin:0 100%}#chatv .chat-tabs button{position:absolute;top:0;padding:0;border:0;background:none;pointer-events:auto}#chatv .chat-tabs span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 11px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000}#chatv .chat-lines{position:absolute;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font:400 12px/18px Tahoma,Verdana,sans-serif;text-shadow:1px 1px 0 #373727;word-break:break-word}#chate{position:fixed;left:calc(2px + var(--left-safe));bottom:48px;z-index:30;transform:scale(calc(var(--u) * .72));transform-origin:0 100%}#chate .chat-icon{pointer-events:auto;cursor:pointer}#chate .chat-tap{position:absolute;left:-6px;top:-14px;width:56px;height:52px;pointer-events:auto}#chate .chat-bar{position:absolute;left:22px;top:1px;width:426px;height:22px;display:none}#chate.open .chat-bar{display:block}#chate input{position:absolute;left:5px;top:2px;width:416px;height:18px;padding:0 2px;border:0;outline:none;background:transparent;color:#fff;font:400 12px Tahoma,Verdana,sans-serif}.owin{position:fixed;z-index:20;display:none;transform-origin:0 0}.owin.on{display:block}#invw{right:calc(80px + var(--right-safe));top:calc(4px + var(--top-safe));transform:scale(var(--inv-s, 1));transform-origin:100% 0}#charw{left:calc(4px + var(--left-safe));top:calc(4px + var(--top-safe));transform:scale(var(--char-s, 1))}#safe-probe{position:fixed;left:0;top:var(--top-safe);width:0;height:0;visibility:hidden;pointer-events:none}.owin .ow-tab,.owin .ow-btn,.owin .ow-cell,.owin .ow-slot{position:absolute;cursor:pointer}.owin .ow-cell .ico,.owin .ow-slot .ico{position:absolute;left:5px;top:5px;width:32px;height:32px}.owin .ow-cells{scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain}.owin .ow-cells::-webkit-scrollbar{display:none}.owin .ow-gold{position:absolute;text-align:right;font:400 12px/15px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #071522,0 0 2px #071522}.owin .ow-stats{position:absolute;color:#fff;font:400 12px/20px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000;overflow:hidden}.detail.itemdetail{position:fixed;inset:50% auto auto 50%;width:min(330px,80vw);transform:translate(-50%,-50%);z-index:40}#npcdlg{position:fixed;inset:0;z-index:25;pointer-events:none;display:none}#npcdlg.on{display:block}#npcdlg .nd-curtain{position:absolute;inset:0;background:#0020303f;opacity:0;transition:opacity .5s linear}#npcdlg.box .nd-curtain{opacity:1}#npcdlg .nd-illu{position:absolute;display:none;pointer-events:none}#npcdlg .nd-popup,#npcdlg .nd-box{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:auto}#npcdlg .nd-btn,#npcdlg .nd-nav{position:absolute;cursor:pointer}#npcdlg .nd-over{opacity:0}#npcdlg .nd-btn:hover .nd-over,#npcdlg .nd-btn.down .nd-over,#npcdlg .nd-nav:hover .nd-over,#npcdlg .nd-nav:active .nd-over{opacity:1}#npcdlg .nd-btn span{position:absolute;inset:0;display:flex;align-items:center;padding:0 12px;white-space:nowrap;overflow:hidden;font:400 12px Tahoma,Verdana,sans-serif;color:#96b4f2;text-shadow:1px 1px 0 #000}#npcdlg .nd-s0 span{justify-content:center}#npcdlg .nd-s0:hover span,#npcdlg .nd-s0.down span{color:#ffd40a}#npcdlg .nd-s1:hover span,#npcdlg .nd-s1.down span{color:#fcda3a}#npcdlg .nd-name{position:absolute;color:#fff;font:400 13px/18px Tahoma,Verdana,sans-serif;text-shadow:1px 1px 0 #000;white-space:nowrap}#npcdlg .nd-pic{position:absolute}#npcdlg .nd-text{position:absolute;color:#fff;font:400 13px Tahoma,Verdana,sans-serif;text-shadow:1px 1px 0 #000}#shopw,#schoolw,#pickw{left:calc(4px + var(--left-safe));top:calc(4px + var(--top-safe));transform:scale(var(--wp-s, 1))}.owin .wp-close{position:absolute}.owin .wp-over,.wp-qty .wp-over{opacity:0}.owin .wp-close:hover .wp-over,.owin .wp-close:active .wp-over,.wp-qty .wp-arrow:active .wp-over,.wp-qty .wp-ok:active .wp-over{opacity:1}.owin .wp-field,.owin .wp-log,.owin .wp-head,.owin .wp-info{position:absolute;color:#fff;font:400 12px/15px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000;overflow:hidden;white-space:nowrap}.owin .wp-log,.owin .wp-info{overflow-y:auto;white-space:normal;scrollbar-width:none}.owin .wp-head{text-align:center;color:#fff}.owin .ow-cell .ico{position:absolute;left:5px;top:5px;width:32px;height:32px}.owin .ow-cell .ico canvas{width:32px;height:32px;display:block}.owin .ow-cell.wp-learnt .ico{filter:brightness(.45)}.owin .ow-cell.wp-sel{outline:2px solid #ffd40a;outline-offset:-3px}.wp-qty{position:fixed;z-index:48;transform:scale(var(--wp-s, 1));transform-origin:0 0}.wp-qty>*{position:absolute}.wp-qty .wp-qty-label{color:#000;font:400 12px/20px Tahoma,Verdana,sans-serif;white-space:nowrap;overflow:hidden}.wp-qty .wp-qty-in{box-sizing:border-box;padding:0 2px;border:0;background:transparent;color:#000;font:400 12px/17px Tahoma,Verdana,sans-serif;outline:none;user-select:text}.wp-qty .wp-arrow,.wp-qty .wp-ok{cursor:pointer}.wp-qty .wp-ok span{position:absolute;inset:0;text-align:center;color:#000;font:400 11px/16px Tahoma,Verdana,sans-serif}#gauges{position:fixed;left:0;right:0;bottom:0;height:7px;z-index:9;pointer-events:none}.owin .ow-statcols{position:absolute;inset:0;pointer-events:none}.owin .ow-st{position:absolute;display:flex;justify-content:space-between;gap:3px;color:#fff;font:400 11px/13px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000;white-space:nowrap;overflow:hidden}.owin .ow-st.head{color:#ff862c}.owin .ow-st b{font-weight:400;color:#edecfd}.owin .ow-st .rep-ico{width:16px;height:16px;vertical-align:middle}#qtrack{position:fixed;right:var(--right-safe);top:calc(201px * var(--u) * .7);width:186px;z-index:6;transform:scale(calc(var(--u) * .7));transform-origin:100% 0}#qtrack>div{position:absolute}#qtrack .qt-title{left:5px;top:4px;width:142px;height:17px;color:#fff;font:400 12px/17px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000}#qtrack .qt-line{color:#fff;font:400 11px/15px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#qtrack .qt-line.done{color:#23a41a}#qprize{position:fixed;left:50%;top:50%;z-index:55;transform:translate(-50%,-50%) scale(min(1,calc(var(--u) * .9)))}#qprize>div{position:absolute}#qprize .qp-icons{left:0;top:115px;width:100%;height:42px}#qprize .qp-ico{position:absolute;top:0;width:42px;height:42px}#qprize .qp-ico .ico{position:absolute;left:5px;top:5px;width:32px;height:32px}#qprize .qp-label{color:#fefefe;font:400 12px/15px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000}#qprize .qp-btn{cursor:pointer}#qprize .qp-btn .qp-over{opacity:0}#qprize .qp-btn:hover .qp-over,#qprize .qp-btn:active .qp-over{opacity:1}#petbar{position:fixed;left:calc(1px + var(--left-safe));top:calc(150px * var(--u) + var(--dev-top));z-index:6;transform:scale(calc(var(--u) * .8));transform-origin:0 0}#petbar .pb-entry{position:relative}#petbar .pb-entry>*{position:absolute}#petbar .pb-text{color:#fff;font:400 11px/17px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000;white-space:nowrap;overflow:hidden}#petbar .pb-gauge{background:#05080d;border:1px solid #000}#petbar .pb-gauge b{display:block;height:100%;background:url(/ui/bar_hp_g.png) 0 0 / 100% 100%}#tsinfo,#tsres{position:fixed;left:50%;top:50%;z-index:55;transform:translate(-50%,-50%) scale(var(--wp-s, 1))}#tsinfo>div,#tsres>div,#tshud>div,#tshud .ts-sec>div,#tsres .ts-sec>div,.ts-btn>div,.ts-ico>*,.ts-icons>div{position:absolute}.ts-sec,.ts-ico,.ts-icons{position:absolute}.ts-icons{left:0;top:0}.ts-btn{position:absolute;cursor:pointer}.ts-btn .ts-over,.ts-btn .ts-down{display:none}.ts-btn:hover .ts-over,.ts-btn:active .ts-down{display:block}.ts-t{position:absolute;color:#fff;font:400 12px/16px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000;white-space:nowrap;overflow:hidden}.ts-t.yel{color:#ffe400}.ts-t.big{font-size:14px;line-height:21px}.ts-t.dark{color:#000;text-shadow:none;font-size:11px;line-height:12px}.ts-t.desc,.ts-t.list{white-space:normal;overflow-y:auto;font-size:11px;line-height:14px}.ts-t.lab{color:#e9e9e9}.ts-t.ctr{text-align:center}.ts-t.right{text-align:right}.ts-ico canvas,.ts-ico img{left:5px;top:5px;width:32px;height:32px}#tshud{position:fixed;left:calc(2px + var(--left-safe));top:calc(90px * var(--u) + var(--dev-top, 0px));width:186px;height:282px;z-index:6;transform:scale(calc(var(--u) * .7));transform-origin:0 0}body.in-ts #petbar{left:auto;right:var(--right-safe);top:calc(201px * var(--u) * .7);transform-origin:100% 0}body.in-ts #qtrack{display:none}#tshud{pointer-events:none}#tshud .ts-btn{pointer-events:auto}#tsmap{position:fixed;right:calc(var(--right-safe) + 163px * var(--u) * .7 + 2px);top:calc(58px * var(--u) * .7);width:calc(102px * var(--u) * .7);height:calc(102px * var(--u) * .7);z-index:6;pointer-events:none}.tstimer{position:fixed;left:50%;top:calc(2px + var(--top-safe));width:calc(250px * var(--u) * .7);height:calc(72px * var(--u) * .7);transform:translate(-50%);z-index:6;pointer-events:none;display:none}#tsroomtimer{top:calc(4px + var(--top-safe) + 72px * var(--u) * .7)}#tswarn{left:50%!important;top:22%!important;transform:translate(-50%) scale(calc(var(--u) * .7));transform-origin:50% 0;z-index:30;pointer-events:none}#tsdelay{position:fixed;left:50%;top:62%;transform:translate(-50%);z-index:30;width:180px;text-align:center;pointer-events:none;color:#fff;font:400 12px/16px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000}#tsdelay i{display:block;height:8px;margin-top:2px;border:1px solid #000;background:#1b2430}#tsdelay b{display:block;height:100%;width:0;background:linear-gradient(#ffe27a,#d29a20)}#prodw,#prodres{position:fixed;left:50%;top:50%;z-index:50;transform:translate(-50%,-50%) scale(var(--wp-s, 1))}#prodres{z-index:56}#prodw>div,#prodres>div,.pd-btn>*,.pd-ico>*,.pd-x>*{position:absolute}.pd-btn,.pd-x,.pd-ico{cursor:pointer}.pd-btn .pd-over,.pd-btn .pd-down{display:none}.pd-btn:hover .pd-over,.pd-btn:active .pd-down{display:block}.pd-btn span{left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bbdbff;font:400 12px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #1052c6,0 0 2px #1052c6}.pd-head{color:#9dc5d9;font:400 12px/15px Tahoma,Verdana,sans-serif;text-align:center}.pd-ico .ico{left:5px;top:5px;width:32px;height:32px}.pd-ico.big .ico{left:2px;top:2px}.pd-cover{display:block;z-index:2;left:0;top:0;width:42px;height:42px;background:#00000085}.pd-line{color:#fff;font:400 12px/16px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000;text-align:center;white-space:nowrap;overflow:hidden}#spui .sp-card{position:absolute;left:0;top:58px;width:30px;height:30px;pointer-events:auto;cursor:pointer;z-index:3}#spui .sp-card .wp-over{opacity:0}#spui .sp-card:active .wp-over{opacity:1}#spui .sp-card.cooling{filter:grayscale(1) brightness(.47)}#spui .sp-veil{position:absolute;inset:0;border-radius:50%;pointer-events:none}#spui .sp-strip{position:absolute;left:59px;top:64px;width:188px;height:21px;z-index:1}#spwin{display:block;width:306px;height:447px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--wp-s, 1));transform-origin:50% 50%;z-index:52}#spwin .spw-t{position:absolute;color:#fff;font:11px/15px Tahoma,Verdana,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000;white-space:nowrap;overflow:hidden}#spwin .spw-t.big{font-size:12px;font-weight:700}#spwin .spw-t.num{text-align:left;font-weight:700}#spwin .spw-t.desc{white-space:normal;line-height:14px}#spwin .spw-t.lbl{text-align:center;font-weight:700}#spwin .spw-close{left:291px;top:3px;width:12px;height:11px}#spwin .spw-up{left:247px;top:40px;width:40px;height:20px}#spwin .spw-cell{position:absolute;cursor:pointer}#spwin .spw-cell .ico,#spwin .spw-cell canvas{width:100%;height:100%}#spwin .spw-cell.locked{filter:grayscale(1) brightness(.45)}#spwin .spw-panel{position:absolute;left:15px;top:60px;width:277px;height:371px}#spwin .spw-ok{left:88px;top:316px;width:100px;height:32px}#spwin .ow-btn{position:absolute;cursor:pointer}#spwin .wp-over{opacity:0}#spwin .ow-btn:active .wp-over{opacity:1}#shopbar{display:block;left:calc(4px + var(--left-safe));top:calc(4px + var(--top-safe));width:68px;height:408px;transform:scale(var(--wp-s, 1));transform-origin:0 0;z-index:30}#shopbar .sb-btn{position:absolute;cursor:pointer}#shopbar .sb-over,#shopbar .wp-over{opacity:0}#shopbar .sb-btn:hover .sb-over,#shopbar .sb-btn:active .wp-over{opacity:1}#shopbar .sb-x{position:absolute;left:22px;top:384px;width:24px;height:20px;color:#fff;font:700 16px/20px Tahoma,sans-serif;text-align:center;cursor:pointer;text-shadow:0 0 2px #000}.wwin{display:block;left:calc(4px + var(--left-safe) + 72px * var(--wp-s, 1));top:calc(4px + var(--top-safe));transform:scale(var(--ww-s, 1));transform-origin:0 0;z-index:31}.wwin .ww-t{position:absolute;color:#9dc5d9;font:11px/13px Tahoma,Verdana,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-shadow:0 0 2px #000}.wwin .ww-t.title{color:#fff;font-weight:700;font-size:13px;text-align:left}.wwin .ww-t.info{text-align:left;color:#fff}.wwin .ww-t.btn{color:#fff;font-weight:700;font-size:12px}.wwin .ww-t.red{color:#ff6b5b}.wwin .ww-cell{position:absolute}.wwin .ww-cell>*{position:absolute;left:5px;top:5px}.wwin .ow-btn{position:absolute;cursor:pointer}.wwin .ow-btn.off{filter:grayscale(1) brightness(.7)}.wwin .wp-over{opacity:0}.wwin .ow-btn:active .wp-over{opacity:1}body.sbar #shopw,body.sbar #schoolw{left:calc(4px + var(--left-safe) + 72px * var(--wp-s, 1))}