.secondary-btn{display:block;width:100%;margin-top:6px;padding:8px;text-align:center;text-decoration:none;color:#cbd1ce;background:#171b19;border:1px solid #555d58;cursor:pointer;font:700 10px Tahoma;text-transform:uppercase}
.secondary-btn:hover{color:#fff;border-color:var(--accent)}
.resource-bars{margin-top:4px;padding:4px 6px;background:#111513;border:1px solid #4d5550}
.resource-row{display:grid;grid-template-columns:19px minmax(0,330px) 82px;align-items:center;justify-content:start;gap:4px;height:9px;color:#aeb6b2;font-size:7px;line-height:8px}
.resource-row i{display:block;height:2px;overflow:hidden;background:#050706;box-shadow:0 0 0 1px #303632}
.resource-row b{display:block;height:2px;transition:width .8s linear}
.resource-value{display:block;width:82px;overflow:hidden;color:#aeb6b2;font:7px/8px Tahoma,Verdana,sans-serif;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.bar-hp{background:#d64242;box-shadow:0 0 3px #d64242}.bar-fp{background:#4d7cff;box-shadow:0 0 3px #4d7cff}.bar-sp{background:#e7c641;box-shadow:0 0 3px #e7c641}
.header-logout-form{position:absolute;z-index:2;top:3px;right:4px;display:flex;margin:0;padding:0}
.header-logout-button{display:grid;place-items:center;width:20px;height:20px;margin:0;padding:1px;background:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer}
.header-logout-button img{display:block;width:16px;height:16px;object-fit:contain}
.header-logout-button:hover,.header-logout-button:focus-visible{border-color:var(--accent);background:rgba(var(--accent-rgb),.15);box-shadow:0 0 4px rgba(var(--accent-rgb),.45);outline:0}
.header-inventory-button{position:absolute;z-index:2;top:3px;right:30px;display:grid;place-items:center;width:20px;height:20px;padding:1px;border:1px solid transparent;border-radius:2px}
.header-inventory-button img{display:block;width:16px;height:16px;object-fit:contain}.header-inventory-button:hover,.header-inventory-button:focus-visible{border-color:var(--accent);background:rgba(var(--accent-rgb),.15);box-shadow:0 0 4px rgba(var(--accent-rgb),.45);outline:0}
.top-menu{position:relative;width:100%;aspect-ratio:603/64;margin:2px auto 5px;background:url('interface/topmenu.png') center/100% 100% no-repeat;overflow:hidden}
.top-menu-exp{position:absolute;z-index:2;left:.33%;right:21%;top:3.1%;height:9.4%;overflow:hidden;background:rgba(0,0,0,.28);pointer-events:none}
.top-menu-exp b{display:block;height:100%;background:linear-gradient(90deg,#102d1d 0,#1f6238 42%,#78b879 72%,#245f35 100%);box-shadow:0 0 5px rgba(79,168,92,.72);transition:width .8s linear}
.top-menu-exp-value{position:absolute;z-index:3;top:1.5%;right:.8%;width:19%;overflow:hidden;color:#d8dedb;font:7px/8px Tahoma,Verdana,sans-serif;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000;pointer-events:none}
.top-menu-buttons{position:absolute;z-index:3;left:27.85%;top:20.3%;width:44.3%;height:75%;display:grid;grid-template-columns:repeat(6,1fr);gap:.7%}
.top-menu-buttons a{display:grid;place-items:center;min-width:0;overflow:hidden;border:1px solid transparent;text-decoration:none;outline:0}
.top-menu-buttons img{display:block;width:100%;height:100%;object-fit:contain}
.top-menu-buttons a:hover,.top-menu-buttons a:focus-visible{border-color:var(--accent);background:rgba(var(--accent-rgb),.16);box-shadow:inset 0 0 7px rgba(var(--accent-rgb),.7),0 0 4px rgba(var(--accent-rgb),.55)}
.top-menu-buttons a:active{background:rgba(255,255,255,.18)}
.location-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-top:5px}
.action-btn{display:flex;align-items:center;justify-content:center;min-height:34px;padding:6px;color:#eef2f0;text-decoration:none;text-align:center;background:linear-gradient(#343b37,#171b19);border:1px solid #626a65;font:700 9px Tahoma;text-transform:uppercase;cursor:pointer}
.action-btn:hover{border-color:var(--accent)}.logout-form{margin-top:8px}
.monster-trivial{filter:grayscale(1);opacity:.65;border-color:#626762}.monster-trivial .level-badge{color:#adb2ae;border-color:#686d69;background:rgba(110,115,111,.18)}
.monster-danger{border-color:#b53e3e;box-shadow:inset 0 0 12px rgba(181,62,62,.28)}.monster-danger .level-badge{color:#ffd0d0;border-color:#b53e3e;background:rgba(181,62,62,.22)}
.monster-boss{border-color:#8b4bc1;box-shadow:inset 0 0 14px rgba(139,75,193,.3)}.monster-boss .level-badge{color:#ead2ff;border-color:#8b4bc1;background:rgba(139,75,193,.24)}
.monster-no-exp{margin:3px 0;color:#8d938f;font-size:8px;text-align:center;text-transform:uppercase}
.battle-report{margin-top:5px;padding:7px;background:linear-gradient(#202622,#101411);border:1px solid #59615c;color:#dce3df;box-shadow:inset 0 0 12px rgba(0,0,0,.55)}.battle-report-won{background:linear-gradient(135deg,#315d35 0,#193e23 45%,#0b2414 100%);border-color:#65a66a;box-shadow:inset 0 1px rgba(190,255,190,.18),inset 0 0 18px rgba(16,75,28,.7),0 0 5px rgba(72,158,78,.25)}.battle-report-lost{background:linear-gradient(135deg,#4b2926,#211211);border-color:#874943}
.battle-report h2{margin:0 0 5px;text-align:center;color:#e8efe9;font-size:12px;text-transform:uppercase}.battle-report h2 small{display:block;margin-top:2px;color:#b7c0bb;font-size:9px;font-weight:400;text-transform:none}.battle-report-won h2{color:#8fda78}.battle-report-lost h2{color:#e37c73}
.battle-result-hp{display:flex;justify-content:space-between;gap:6px;margin-bottom:5px;color:#9fa9a4;font-size:9px}.battle-result-hp strong{color:#fff}
.battle-rewards{display:grid;gap:5px;margin:0 0 6px;padding:6px;color:#c9d5cc;background:rgba(7,18,10,.62);border:1px solid #47734c;font-size:9px;text-align:center}.battle-rewards>div:first-child strong{color:#e4d371}.battle-loot{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:5px;text-align:center}.battle-loot-title,.battle-loot>span{flex:0 0 100%;width:100%;text-align:center}.battle-loot-title{color:#e5eee7;font-size:10px;font-weight:700}.battle-loot-item{display:flex;box-sizing:border-box;flex:0 1 128px;width:128px;min-width:0;padding:5px;flex-direction:column;align-items:center;gap:4px;text-align:center;background:rgba(6,13,8,.78);border:1px solid #416548}.battle-loot-item img{width:40px;height:40px;object-fit:contain}.battle-loot-item>strong{color:#e6ece8;font-size:9px;font-weight:700}.battle-loot-item button{min-width:84px;padding:4px 7px;color:#eef8ef;background:linear-gradient(#477a4c,#1c4023);border:1px solid #72a977;cursor:pointer;font:700 8px Tahoma,Verdana,sans-serif;text-transform:uppercase}.battle-loot-item button:hover{filter:brightness(1.14)}.battle-loot-item button:disabled{cursor:default;filter:grayscale(1);opacity:.65}.loot-pickup-message{min-height:11px;color:#86d68f;font:8px/11px Tahoma,Verdana,sans-serif}.loot-pickup-message.is-error{color:#ff8a76}.battle-loot-item.is-picked{border-color:#70b779;background:rgba(25,71,31,.6)}
.battle-log{display:grid;max-height:360px;margin:0;padding:0;gap:2px;overflow-y:auto;list-style:none}.battle-log li{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:4px;min-height:25px;padding:4px 6px;background:#131815;border-left:2px solid #5d6862;font-size:9px}.battle-log li b{color:#aeb8b3}.battle-log li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-log li>strong{text-align:right;color:#fff}.battle-log li small{grid-column:1/-1;color:#aab4af;font:9px/12px Tahoma,Verdana,sans-serif}.battle-log .battle-player-hit{border-left-color:#6f9bd1}.battle-log .battle-monster-hit{border-left-color:#b95b54}.battle-log .battle-macro-use{border-left-color:#55bd6b;background:linear-gradient(90deg,rgba(31,99,46,.42),#131815)}.battle-log .battle-macro-use>strong{color:#75e68d;text-shadow:0 0 4px rgba(80,220,105,.4)}.battle-log .battle-macro-use>span{color:#c8e8ce;white-space:normal}
.battle-hp-bars{grid-column:1/-1;display:grid;gap:2px;margin-bottom:2px}.battle-hp-bars>div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:4px}.battle-hp-bars span{color:#c8d0cc;font:8px/9px Tahoma,Verdana,sans-serif}.battle-hp-bars i{display:block;height:3px;overflow:hidden;background:#2b1515;border:1px solid #4e2525}.battle-hp-bars i b{display:block;height:100%;background:linear-gradient(90deg,#7f0f0f,#d5362e);transition:width .2s ease}.battle-hp-bars>div:last-child i b{background:linear-gradient(90deg,#72100d,#f05234)}
.battle-normal-damage{color:#fff;font-weight:700}.battle-critical-damage{color:#ff6b35;font-weight:800;text-shadow:0 0 3px rgba(255,80,30,.45)}
.battle-return-button{margin-top:6px}
.battle-report-actions{display:grid;gap:4px;margin-top:6px}.battle-report-actions .battle-return-button{margin-top:0}.battle-share-button{width:100%;border-color:#b18b34;background:linear-gradient(#685936,#2c2516);font:inherit}.battle-share-button:hover{border-color:#e2bd51;box-shadow:0 0 7px rgba(212,168,64,.4)}.battle-open-report{color:#d9eee0;border-color:#52745d;background:linear-gradient(#385441,#17241b)}.battle-share-feedback{padding:6px;text-align:center;color:#c9f4d3;background:linear-gradient(90deg,#18351f,#275b32,#18351f);border:1px solid #4e895b;font-size:10px;font-weight:700}.battle-share-feedback.is-error{color:#ffd0cc;background:#4a1d19;border-color:#9b4a42}
.registration-complete,.module-placeholder{margin-top:5px;padding:10px;background:#202522;border:1px solid #59605c;color:#dce3df}.registration-complete p{margin:10px 0;text-align:center}.module-placeholder{text-align:center;font-size:10px;color:#9ca5a1}
.player-main{position:absolute;top:6px;left:7px;right:56px;display:flex;height:16px;align-items:center;min-width:0;gap:5px}
.game-header{display:block;align-items:initial;min-height:52px}
.game-header .gold{position:absolute;right:7px;bottom:5px;align-self:auto}
.player-race-icon{display:block;width:14px;height:14px;flex:0 0 14px;object-fit:contain;image-rendering:auto}
.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-level{position:absolute;left:7px;top:32px;height:11px;color:#aab2ae;font-size:9px;line-height:11px;white-space:nowrap}
.player-level strong{color:#fff;font-size:11px;line-height:11px;text-shadow:0 1px #000}.player-level span{color:#aab2ae;font-size:9px}
.msg-auto-dismiss{overflow:hidden;transition:opacity .4s ease,max-height .4s ease,margin .4s ease,padding .4s ease}
.msg-auto-dismiss.is-hiding{max-height:0;margin:0;padding-top:0;padding-bottom:0;opacity:0;border-width:0}
.site-footer{width:100%;max-width:480px;margin:6px auto 0;padding:7px;text-align:center;color:#737c77;font-size:9px;text-transform:uppercase}
.site-footer span{margin:0 3px;color:#454b48}.site-footer a{color:#9fa8a3;text-decoration:none}.site-footer a:hover{color:var(--accent)}
.inventory-screen{position:relative;width:100%;max-width:320px;margin:6px auto 0;padding-bottom:4px}
.equipment-panel{position:relative;width:229px;height:395px;margin:0 auto;background:url('inventory/inventory_main.webp') center/229px 395px no-repeat}
.equipment-slot{position:absolute;display:grid;place-items:center;margin:0;padding:0;overflow:hidden;color:#e8f1ed;font:700 8px Tahoma;background:transparent;border:0;cursor:pointer;text-shadow:0 1px 2px #000}
.equipment-slot img{display:block;width:100%;height:100%;object-fit:contain}.equipment-slot.has-item{background:radial-gradient(circle,rgba(var(--accent-rgb),.35),#101412 70%)}
.equipment-slot:hover,.equipment-slot:focus-visible{outline:1px solid var(--accent);box-shadow:inset 0 0 8px rgba(var(--accent-rgb),.5)}
.equipment-slot-helmet{left:81px;top:35px;width:65px;height:65px}.equipment-slot-upper{left:81px;top:105px;width:65px;height:65px}.equipment-slot-lower{left:81px;top:175px;width:65px;height:65px}.equipment-slot-shoes{left:81px;top:245px;width:65px;height:65px}
.equipment-slot-weapon{left:11px;top:105px;width:65px;height:65px}.equipment-slot-hands{left:11px;top:175px;width:65px;height:65px}.equipment-slot-shield{left:151px;top:105px;width:65px;height:65px}.equipment-slot-cloak{left:151px;top:175px;width:65px;height:65px}
.equipment-slot-ammo1{left:11px;top:68px;width:32px;height:32px}.equipment-slot-ammo2{left:47px;top:68px;width:32px;height:32px}.equipment-slot-amulet1{left:149px;top:68px;width:32px;height:32px}.equipment-slot-amulet2{left:185px;top:68px;width:32px;height:32px}
.equipment-slot-ring1{left:44px;top:245px;width:32px;height:32px}.equipment-slot-ring2{left:151px;top:245px;width:32px;height:32px}
.active-effects{position:absolute;z-index:4;right:-44px;left:auto;top:68px;display:grid;width:38px;gap:5px}.active-effect{position:relative;width:36px;min-height:48px;padding:1px 1px 13px;background:linear-gradient(#343b37,#111513);border:1px solid #a88835;box-shadow:0 0 6px #d4a84044}.active-effect img{display:block;width:32px;height:32px;object-fit:contain}.active-effect b{position:absolute;right:0;bottom:0;left:0;height:13px;color:#f1d987;background:#0a0d0bcc;font:700 8px/13px Tahoma;text-align:center;white-space:nowrap}
.inventory-screen>.active-effects{right:auto;left:calc(50% + 121px);top:68px}
.inventory-wallet{position:absolute;z-index:2;top:312px;left:50%;display:flex;width:205px;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;transform:translateX(-50%);color:#cbd2ce;font-size:9px;line-height:11px;text-align:left;white-space:nowrap}
.bag-tabs{position:absolute;z-index:3;top:354px;left:50%;display:grid;width:202px;grid-template-columns:repeat(5,32px);justify-content:space-between;transform:translateX(-50%)}
.bag-tab{position:relative;width:32px;height:32px;padding:0;background:transparent;border:0;cursor:pointer}.bag-tab img{display:block;width:32px;height:32px}.bag-tab b{position:absolute;right:1px;bottom:0;color:#fff;font-size:7px;text-shadow:0 1px 2px #000}.bag-tab.is-active{filter:drop-shadow(0 0 3px var(--accent))}.bag-tab.is-locked{filter:grayscale(1);opacity:.35;cursor:not-allowed}
.bag-panel{position:relative;display:none;width:228px;height:175px;margin:4px auto 0;background:url('inventory/bag_view.webp') center/228px 175px no-repeat}.bag-panel.is-active{display:block}
.bag-grid{position:absolute;left:18px;top:25px;display:grid;grid-template-columns:repeat(5,34px);grid-auto-rows:34px;column-gap:5px;row-gap:2px}
.bag-slot{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:1px;overflow:hidden;color:#dce7e2;background:transparent;border:0;cursor:pointer}.bag-slot.has-item{background:radial-gradient(circle,rgba(var(--accent-rgb),.38),#111614 72%);box-shadow:inset 0 0 4px rgba(var(--accent-rgb),.55)}
.bag-slot:hover,.bag-slot:focus-visible{outline:1px solid var(--accent)}.bag-item-code{max-width:31px;overflow:hidden;font:700 7px Tahoma;text-overflow:ellipsis}.bag-item-quantity{position:absolute;right:1px;bottom:0;color:#fff;font-size:8px;text-shadow:0 1px 2px #000}
.bag-slot .item-icon{display:block;width:30px;height:30px;object-fit:contain}.equipment-slot .item-icon{display:block;width:100%;height:100%;object-fit:contain}
.inventory-item-info{display:flex;width:320px;height:160px;margin:4px auto 0;padding:27px 22px 12px;flex-direction:column;gap:4px;color:#cbd4d0;background:url('inventory/item_info.webp') center/320px 160px no-repeat;font-size:9px}.inventory-item-info strong{color:#fff;font-size:11px}.inventory-item-info span{color:#929c97}.inventory-item-info dl{display:grid;gap:2px}.inventory-item-info dl div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px}.inventory-item-info dt{color:#7f8a85}.inventory-item-info dd{margin:0;color:#d9dfdc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-item-form{margin-top:auto;text-align:center}.equip-item-button{min-width:112px;padding:4px 10px;color:#eef5ff;cursor:pointer;border:1px solid #77827d;background:linear-gradient(#3d4641,#171b19);font:700 9px Tahoma,Verdana,sans-serif;text-transform:uppercase}.equip-item-button:hover{border-color:var(--accent);box-shadow:0 0 4px rgba(var(--accent-rgb),.5)}
.bag-slot.is-move-selected{outline:2px solid #e4bd4d;outline-offset:-2px;box-shadow:inset 0 0 10px rgba(228,189,77,.65)}.bag-slot.is-drop-target,.bag-tab.is-drop-target{outline:2px solid var(--accent);outline-offset:-2px;filter:brightness(1.25)}.bag-slot[draggable=true]{cursor:grab}.bag-slot[draggable=true]:active{cursor:grabbing}
.inventory-message{width:228px;margin:4px auto;padding:5px 7px;text-align:center}
.item-info-details[hidden]{display:none}
.level-up-notice{margin:0 0 6px;padding:9px 7px;text-align:center;color:#f5dea0;background:linear-gradient(135deg,#5d4b20,#241b09 52%,#493816);border:1px solid #d4a840;box-shadow:inset 0 0 0 1px #71591f,0 0 8px #d4a84055;font-size:10px;font-weight:700;text-shadow:0 1px #000}.level-up-notice strong{color:#ffe48a;font-size:12px}
.welcome-panel>.secondary-btn{font-size:12px;font-weight:700;letter-spacing:.5px;line-height:normal}
.welcome-panel>.secondary-btn{display:flex;width:100%;max-width:310px;min-height:34px;margin:7px auto 0;padding:9px;align-items:center;justify-content:center;color:#f5dc8a;background:linear-gradient(#615333,#2c2617);border:1px solid #b18b34;box-shadow:inset 0 -2px #d4a840,0 0 7px #d4a84026;text-shadow:0 1px #000}.welcome-panel>.secondary-btn:hover{color:#fff1b7;border-color:#d4a840;background:linear-gradient(#78663d,#342c19);box-shadow:inset 0 -2px #f0c85e,0 0 10px #d4a84055}
.character-stats-screen{width:100%;max-width:300px;margin:5px auto 0;padding:4px;color:#d9dedb;background:linear-gradient(rgba(28,48,34,.9),rgba(20,38,27,.94)),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);border:1px solid #58645d;box-shadow:inset 0 0 18px #0a120d;font-size:10px}.stats-section{margin-bottom:5px}.stats-section:last-child{margin-bottom:0}.stats-section summary{position:relative;height:18px;padding:2px 22px;color:#f2f4f3;cursor:pointer;list-style:none;text-align:center;background:linear-gradient(#525a56 0,#171c19 45%,#080a09 55%,#3b423e 100%);border:1px solid #747d78;box-shadow:inset 0 1px #aab1ad,inset 0 -1px #050706;text-shadow:0 1px #000}.stats-section summary::-webkit-details-marker{display:none}.stats-section summary:before,.stats-section summary:after{position:absolute;top:2px;color:#d06a42;font-weight:700}.stats-section summary:before{content:'[';left:7px;color:#aab4af}.stats-section summary:after{content:']';right:7px;color:#aab4af}.stats-section[open] summary{border-color:#82908a}.stats-list{padding:5px 10px 3px}.stats-list div{display:flex;min-height:15px;align-items:center;justify-content:center;gap:5px}.stats-list dt{color:#cbd2ce;text-align:right}.stats-list dt:after{content:':'}.stats-list dd{margin:0;color:#fff;text-align:left}.stats-list .stat-placeholder{color:#8f9a94;font-style:italic}.resistance-list{display:grid;gap:4px;padding:6px}.resistance-list div{display:grid;grid-template-columns:1fr 34px;min-height:18px;padding:2px 5px;background:#101712;border:1px solid #3e4942}.resistance-list dt{text-align:left}.resistance-list dd{text-align:right}.stats-skills{display:grid;gap:3px;padding:5px 1px}.stats-skills div{display:grid;grid-template-columns:80px minmax(40px,1fr) 70px;align-items:center;min-height:18px;gap:3px}.stats-skills span{padding-left:3px;color:#d6dbd8}.stats-skills i{display:block;height:11px;padding:1px;background:#070a08;border:1px solid #39423d}.stats-skills i b{display:block;height:7px;background:linear-gradient(90deg,#515b55,#87958d)}.stats-skills em{overflow:hidden;color:#939e98;font-size:8px;font-style:normal;text-align:right;white-space:nowrap}

@media(max-width:330px){.equipment-panel{left:-8px}.inventory-screen>.active-effects{right:0;left:auto}}