/* Presentation layer: original game controls and authoritative values stay intact. */
.adventure-hud{--ah-ink:#554439;--ah-muted:#948171;--ah-line:#d9bfa3;--ah-paper:#fff4e3;--ah-leather:#86634e}
.adventure-icon{width:28px;height:28px;fill:currentColor;fill-opacity:.16;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.adventure-hud button{touch-action:manipulation}
.adventure-hud #game>.brand,.adventure-hud #game>.location,.adventure-hud #game>.resource-panel,.adventure-hud #game>.action-bar,.adventure-hud #game>.welcome,.adventure-hud .bottom-bar>.controls{display:none}
.adventure-hud .character{left:22px;top:18px;width:350px;padding:0;gap:13px;border:0;box-shadow:none;background:none;color:#fff8ec;align-items:center}
.adventure-hud .portrait{width:87px;height:87px;border-radius:50%;border:3px solid #ead5a6;outline:1px solid #6b5340;background:linear-gradient(145deg,#b0ccd3,#456577);box-shadow:inset 0 0 0 3px #fff7d7,0 3px 7px #241c3460}
.adventure-hud .portrait img{width:505px;left:-31px;top:1px}
.adventure-hud .character-info{display:flex;flex-direction:column;min-width:0;position:relative;padding-bottom:25px}
.adventure-hud .character-info>p,.adventure-hud .character-info>.experience{display:none}
.adventure-hud .name-row{position:absolute;bottom:0;left:0;right:0}
.adventure-hud .name-row strong{font-size:16px;text-shadow:0 2px 3px #201a16;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adventure-hud .name-row>span{position:absolute;left:-103px;bottom:0;width:83px;text-align:center;background:#292d2ee6;color:#fff8e7;border:1px solid #c4ab81;border-radius:10px;font-size:12px;padding:0 5px}
.adventure-hud .stat-row{position:relative;margin:4px 0 0;display:block;height:21px}
.adventure-hud .stat-row>span:first-child{display:none}
.adventure-hud .stat-row>span:last-child{position:absolute;inset:0;width:auto;text-align:center;color:white;line-height:21px;font-weight:800;font-size:13px;text-shadow:0 1px 3px #511c1c}
.adventure-hud .stat-row .health{height:21px;padding:1px;border:1px solid #ffe5b0;border-radius:9px 5px 12px 5px;background:#432b29b0;box-shadow:0 1px 3px #22180b50}
.adventure-hud .stat-row .health i{height:100%;background:linear-gradient(#ff8a70,#e24640);border-radius:7px 3px 10px 3px}
.adventure-hud .stat-row.mana{width:96%}
.adventure-hud .stat-row.mana .health i{background:linear-gradient(#66d3ff,#2791d1)}
.adventure-hud .stat-row.stamina,.adventure-hud .stat-row.hunger,.adventure-hud .stat-row.life{height:16px;width:92%;margin-top:4px}
.adventure-hud .stat-row.stamina .health,.adventure-hud .stat-row.hunger .health,.adventure-hud .stat-row.life .health{height:16px}
.adventure-hud .stat-row.stamina .health i{background:linear-gradient(#b4dc8b,#619b54)}
.adventure-hud .stat-row.hunger .health i{background:linear-gradient(#ffd985,#db983e)}
.adventure-hud .stat-row.hunger.hungry .health i{background:linear-gradient(#eea365,#ce613f)}
.adventure-hud .stat-row.life .health i{background:linear-gradient(#f5a3c7,#c9558e)}
.adventure-hud .stat-row.life.fading .health i{background:linear-gradient(#c98aa6,#7e3a5c)}
.adventure-hud .stat-row.stamina>span:last-child,.adventure-hud .stat-row.hunger>span:last-child,.adventure-hud .stat-row.life>span:last-child{line-height:16px;font-size:10px}
.adventure-navigation{position:fixed;top:19px;left:calc(50% + 24px);transform:translateX(-50%);display:flex;gap:18px;z-index:4}
.adventure-nav-button{background:none;color:#eadbc2;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:49px;padding:3px;font-size:13px;font-weight:700;text-shadow:0 2px 3px #201b18}
.adventure-nav-button>.adventure-icon{width:37px;height:37px;stroke:#eddab7;fill:#c5b49c;fill-opacity:.95;filter:drop-shadow(0 2px 1px #493827)}
.adventure-nav-button:hover>.adventure-icon,.adventure-nav-button.active>.adventure-icon{color:#fff5d3;stroke:#fff1ca;filter:drop-shadow(0 0 9px #71ddff);transform:translateY(-2px)}
.adventure-hotbar{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:10px 13px;border:2px solid #c0a17b;border-radius:17px;background:linear-gradient(135deg,#8c7159ed,#3d352fef);box-shadow:0 4px 0 #392c23,0 0 0 3px #45372d99,inset 0 0 0 2px #edd6a836}
.adventure-hotbar:before,.adventure-hotbar:after{content:'◆';position:absolute;top:29px;left:-10px;color:#ecd8a7;text-shadow:0 1px 2px #493c2d}.adventure-hotbar:after{left:auto;right:-10px}
.adventure-skill{position:relative;width:59px;height:59px;border:1px solid #e8c59b;border-radius:9px;box-shadow:inset 0 0 0 3px #ffffff1c,0 2px 4px #0006;color:#fff2ce;background:radial-gradient(ellipse at 25% 20%,#ffb691,#b61724 62%,#4b1829)}
.adventure-skill>.adventure-icon{width:40px;height:40px;stroke-width:1.2;filter:drop-shadow(0 0 4px #fff7e9)}
.adventure-skill.skill-2{background:radial-gradient(ellipse at 30% 15%,#a7edff,#178dc4 56%,#142c61)}
.adventure-skill.skill-3{background:radial-gradient(ellipse at 30% 15%,#fff1a3,#c28a16 56%,#513417)}
#adventure-hotbar #harvest{display:grid;place-items:center;gap:0;width:59px;height:59px;padding:0;border:1px solid #e8c59b;border-radius:9px;color:#fff2ce;background:radial-gradient(ellipse at 30% 15%,#fff1a3,#c28a16 56%,#513417);touch-action:none}
.adventure-harvest-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.adventure-resource-hint{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:12px;max-width:90vw;padding:5px 11px;border-radius:8px;background:#302a22b8;color:#fff4db;font-size:11px;white-space:nowrap;pointer-events:none}
.adventure-resource-hint:not(.is-visible):not(.nearly-full){display:none}
.adventure-resource-hint span:empty{display:none}.adventure-resource-hint button{padding:2px 6px;border-radius:4px;background:#e8d5ac26;color:inherit;font:inherit;pointer-events:auto}.adventure-resource-hint.nearly-full button{color:#ffd082;background:#6e371b99}
.adventure-skill.skill-4{background:radial-gradient(ellipse at 30% 15%,#b6f9b2,#399c50 56%,#193d36)}
.adventure-skill:disabled{cursor:default;filter:saturate(.35);opacity:.65}.adventure-skill:hover:enabled{box-shadow:0 0 13px #ffe0a1,inset 0 0 0 3px #fff3}.adventure-skill:active:enabled{transform:translateY(2px)}
.adventure-skill.skill-empty{background:#292a27a6;color:#aa9a86;opacity:.6}.adventure-skill.skill-empty>.adventure-icon{width:20px;filter:none}
.adventure-skill kbd{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);border:0;background:#302923;color:#fffae8;font-size:11px;line-height:16px;padding:0 5px;min-width:17px}
.adventure-xp{position:absolute;top:calc(100% + 10px);left:5%;width:90%;height:5px;border-radius:4px;background:#241a2077;box-shadow:0 0 0 1px #d2b799}.adventure-xp i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#a68acf,#dfb7ef)}.adventure-xp span{position:absolute;right:0;bottom:7px;color:#fff0dd;font-size:8px;text-shadow:0 1px 2px #000}
.adventure-control-hint{position:absolute;bottom:27px;left:22px;color:#fff8e3;text-shadow:0 1px 3px #26331e;font-size:11px}.adventure-control-hint b{padding:0 8px;opacity:.6}
.adventure-hud #game>.map-panel{top:18px;right:22px;width:156px;padding:5px;background:#4e48377a;border:1px solid #dbc699;border-radius:14px;color:#fff3d7}.adventure-hud .map-heading{font-size:9px;margin:2px 3px 6px}.adventure-hud .map-heading a{color:#f8e9c4}.adventure-hud .minimap{border:2px solid #decc9f;border-radius:50%;aspect-ratio:1}.adventure-hud .coordinates{color:#fff4da;font-size:8px}.adventure-hud .coordinates>span:first-child{display:none}
.adventure-hud #game>.tools{display:none;top:202px;right:22px;background:#fff1dce8;border-color:#d5bc93}.adventure-tools-open #game>.tools{display:flex}
.adventure-hud .bottom-bar{display:none}.adventure-tools-open .bottom-bar{display:flex;left:auto;right:22px;bottom:125px;flex-direction:column;gap:8px}.adventure-tools-open #entry-exit{position:static;background:#ffeed7;color:#68513b;border-radius:8px;padding:12px}
.adventure-hud .movement-hud{bottom:122px;left:50%;right:auto;font-size:9px;transform:translateX(-50%)}.adventure-hud #online-status{bottom:13px!important;left:auto!important;right:22px;transform:none!important;font-size:10px!important;background:#332e2566!important}
.adventure-hud #toast{z-index:6;bottom:145px;background:#493a2df2;color:#fff0d6}
.adventure-map-open #game>.map-panel{width:min(480px,calc(100vw - 40px));top:115px;z-index:5}.adventure-map-open .minimap{border-radius:8px}
.adventure-hud #equipment-dialog{--ink:var(--ah-ink);position:fixed;inset:130px 0 125px;margin:auto;width:calc(100vw - 44px);max-width:1560px;height:calc(100dvh - 255px);max-height:800px;padding:15px 10px 23px;overflow:visible;border:7px solid #977051;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#fff9eeb3,transparent 70%),repeating-linear-gradient(125deg,#f0dcc424 0px,#f0dcc424 1px,transparent 1px,transparent 5px),#f8e8d2;color:var(--ah-ink);box-shadow:0 0 0 2px #58402f,inset 0 0 0 2px #ffe8ba,inset 0 0 18px #b9905980,0 18px 50px #29221466}
.adventure-hud #equipment-dialog::backdrop{background:#31241a21;backdrop-filter:blur(3px)}
.adventure-hud .equipment-header{position:absolute;top:-35px;left:6px;border:1px solid #c8a37b;border-bottom:4px solid #6f513f;border-radius:15px 36px 30px 8px;width:360px;height:68px;padding:5px 26px;background:linear-gradient(110deg,#ad9071,#896651 80%,#ad8256);box-shadow:inset 0 0 0 4px #725640,inset 0 0 0 5px #bea280,0 3px 5px #47322444;z-index:2}
.adventure-hud .equipment-header:after{content:'◆';position:absolute;right:16px;top:18px;color:#e7c487;font-size:19px}
.adventure-hud .equipment-header h2{color:#fff8e8;text-shadow:0 2px 2px #463022;font-size:30px;font-weight:700;margin:0;display:flex;gap:20px;align-items:center}
.adventure-hud .equipment-header .eyebrow{display:none}.adventure-title-bag{display:grid;place-items:center;width:56px;height:55px;border:2px solid #ceb082;border-radius:9px;background:#746346;box-shadow:0 3px 2px #47372c;transform:rotate(-5deg)}.adventure-title-bag .adventure-icon{width:35px;height:35px;color:#ffdc96}
.adventure-hud #close-equipment{position:fixed;right:23px;top:20px;width:51px;height:51px;display:grid;place-items:center;background:linear-gradient(#8f8076,#58483e);color:#fff8ef;border:2px solid #d9c4a7;box-shadow:0 2px 5px #30291b66}.adventure-hud #close-equipment .adventure-icon{width:30px;height:30px;stroke-width:2.6}
.adventure-legacy{display:none!important}.adventure-inventory{display:grid;grid-template-columns:13% 25% 34% 28%;height:100%;padding-top:33px;min-height:0}.adventure-inventory[hidden],.adventure-stat-page[hidden]{display:none}
.adventure-categories{display:flex;flex-direction:column;padding:7px 10px 7px 0;background:linear-gradient(90deg,#b48c6833,transparent);min-width:0;overflow:auto}
.adventure-categories button{display:flex;gap:14px;align-items:center;background:none;text-align:left;padding:17px 12px;color:#816b58;font-size:17px;white-space:nowrap;border-bottom:1px solid #cbb2945c;flex-shrink:0;border-radius:4px}
.adventure-categories button.active{background:linear-gradient(#ffedb6,#ffdc89);color:#71532d;border:1px solid #cbb180;box-shadow:inset 0 0 0 2px #fff5ce,0 2px 4px #95734833}
.adventure-categories button:disabled{opacity:.55;cursor:default}.adventure-categories .adventure-icon{width:28px;height:28px;fill-opacity:.45}
.adventure-stage{position:relative;min-width:0;min-height:0;padding:10px 8px 42px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 75%,#cca5722a,transparent 58%)}
.adventure-hud .adventure-stage .equipment-character{width:100%;height:100%;min-height:0;border:0;background:none;gap:0;border-radius:0;justify-content:center;padding-bottom:15px}
.adventure-hud .adventure-stage .equipment-character canvas{width:min(100%,280px);height:auto;max-height:90%;aspect-ratio:260/310;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 3px #7d674a22)}
.adventure-hud .adventure-stage .equipment-character strong{font-size:14px;color:#7d6149;z-index:1}.adventure-hud .adventure-stage .equipment-character small{display:none}
.adventure-wear-slots{position:absolute;inset:20px 12px 70px;display:grid;grid-template-columns:repeat(2,52px);grid-template-rows:repeat(3,56px);align-content:center;justify-content:space-between;gap:15px 0;pointer-events:none}
.adventure-wear-slot{background:#c4b19e66;border:1px solid #c1a68b66;border-radius:9px;color:#a28b74;pointer-events:auto;display:grid;place-items:center}.adventure-wear-slot .adventure-icon{width:28px;height:28px;opacity:.6;fill-opacity:.5}.adventure-wear-slot.equipped{border-color:#bc944f;background:#efd3a064;color:#81522f}.adventure-wear-slot.equipped .adventure-icon{opacity:1}
.adventure-stage-caption{position:absolute;bottom:18px;text-align:center;border:1px solid #c6a88b;border-radius:10px;background:#fff2df99;padding:7px 20px;font-size:13px;color:#8b6b51}.adventure-stage-caption small{display:block;font-size:9px;opacity:.7}
.adventure-bag-grid{display:flex;flex-direction:column;min-height:0;padding:0 16px 0 5px;border-left:1px solid #dbc4ab55}
.adventure-grid-tabs{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--ah-line);height:43px;flex-shrink:0;color:#b59a81;margin-bottom:11px}.adventure-grid-tabs>span:not(.adventure-icon){background:#86664e;color:#fff0d7;padding:8px 13px;border:1px solid #b9946d;border-radius:8px 8px 2px 2px;font-size:14px}.adventure-grid-tabs>.adventure-icon{width:24px;height:24px;fill-opacity:.45}.adventure-grid-tabs>b{font-size:23px;letter-spacing:3px}
.adventure-search{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#a58c74}.adventure-search>.adventure-icon{width:20px;position:absolute;margin-left:10px}.adventure-search input{width:100%;min-width:0;border:1px solid #cfb79f;border-radius:9px;background:#e6d7c7;padding:8px 8px 8px 34px;font:inherit;font-size:12px;color:#664f3c;box-shadow:inset 0 2px 3px #a5846511}.adventure-search input::placeholder{color:#a08a77}.adventure-search>span{white-space:nowrap;font-size:12px;color:#8b7966}
.adventure-item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;overflow:auto;align-content:start;min-height:0;padding:2px 3px 4px}
.adventure-grid-item,.adventure-grid-empty{aspect-ratio:1;border:1px solid #bea58f;border-radius:9px;background:linear-gradient(135deg,#d6c3af,#c5b29f);min-width:0;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #f6e8d855}
.adventure-grid-empty{opacity:.35}.adventure-grid-item.selected{border-color:#e3aa3b;outline:2px solid #efc364;background:linear-gradient(135deg,#fff1be,#d8b373)}
.adventure-grid-item>.adventure-icon{width:55%;height:55%;color:#866244;fill-opacity:.22;filter:drop-shadow(0 2px 0 #fff4d866)}
.adventure-grid-item img{width:94%;height:94%;object-fit:contain;position:absolute}.adventure-grid-item img.adventure-sword-image{width:75%;height:85%;transform:rotate(24deg)}
.adventure-wear-slot{position:relative;overflow:hidden}.adventure-wear-slot>.adventure-item-image{position:absolute;width:94%;height:94%;object-fit:contain}.adventure-wear-slot>.adventure-sword-image{width:75%;height:85%;transform:rotate(22deg)}
.adventure-grid-item>span:not(.adventure-icon){position:absolute;right:5px;bottom:1px;color:white;text-shadow:-1px -1px #6f5945,1px 1px #6f5945,1px -1px #6f5945,-1px 1px #6f5945;font-size:14px;font-weight:700}.adventure-grid-item>i{position:absolute;left:5px;top:2px;font-size:12px;font-style:normal;color:#876227}
.adventure-empty-note{font-size:10px;color:#a48b73;padding:10px 2px 0;min-height:24px}
.adventure-details{position:relative;min-width:0;border:1px solid #d5b89a;border-radius:13px;padding:19px 17px 74px;box-shadow:inset 0 0 0 3px #fff9eb80;background:linear-gradient(110deg,#fff7eb99,#fff7ed55);overflow:auto}
.adventure-detail-head{display:flex;gap:14px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--ah-line)}.adventure-detail-head h3{font-size:21px;color:#3e3029;line-height:1.4;margin:2px 0 5px}.adventure-detail-head p{font-size:12px;color:#917b69;margin:0 0 7px}
.adventure-item-art{width:100px;aspect-ratio:1;flex-shrink:0;border:1px solid #c8af95;border-radius:12px;background:radial-gradient(#eee3cf,#cfbaa4);display:grid;place-items:center;overflow:hidden}.adventure-item-art img{height:92px;max-width:92px;object-fit:contain;transform:rotate(22deg)}.adventure-item-art>.adventure-icon{width:60px;height:60px;color:#997045}
.adventure-rarity{display:inline-block;border-radius:20px;background:#819b78;color:white;font-size:11px;padding:3px 11px}
.adventure-item-stats{margin:0}.adventure-item-stats>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #d9c0a366;font-size:14px;gap:10px}.adventure-item-stats dd{margin:0;font-weight:700;color:#6c8052}.adventure-description{font-size:13px;line-height:1.9;color:#967c65;margin-top:21px}.adventure-equipped-status{font-size:12px;color:#8e9471}
.adventure-detail-actions{position:absolute;bottom:17px;left:17px;right:17px;display:flex;gap:8px}.adventure-primary{flex:1;background:linear-gradient(#ffe7ab,#f2d397);border:1px solid #c9a272;border-radius:9px;padding:11px;color:#745437;box-shadow:inset 0 0 0 2px #fff5d866,0 2px 1px #baa18466;font-size:14px}.adventure-primary:hover{filter:brightness(1.06)}
.adventure-detail-placeholder{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;text-align:center;color:#b19b82;line-height:1.8;font-size:13px}.adventure-detail-placeholder>.adventure-icon{width:64px;height:64px;opacity:.6}.adventure-detail-placeholder h3{font-weight:500;font-size:20px;margin:20px 0 0}
.adventure-hud .equipment-footer{position:absolute;bottom:3px;left:20px;right:20px;border:0;padding:0;color:#a38a70;font-size:8px}
.adventure-hud #equipment-dialog>.character,.adventure-hud #equipment-dialog>#toast{position:fixed}
.adventure-hud .adventure-inventory .equipment-character canvas{width:min(100%,355px)}
.adventure-stat-page{display:grid;grid-template-columns:15% 40% 45%;height:100%;padding-top:33px;min-height:0}
.adventure-stat-page .adventure-categories{padding-right:15px}.adventure-stat-page .adventure-categories button{padding:14px 11px;font-size:15px}
.adventure-stat-center{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 17px 0 5px}
.adventure-level{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:0 12px;gap:14px}.adventure-level>span{font-size:16px;color:#b69877;transform:rotate(-9deg);line-height:1.7}.adventure-level>div{min-width:42%}.adventure-level strong{font-size:33px;color:#3e342c}.adventure-level small{font-size:11px}.adventure-level-track{height:10px;border-radius:7px;background:#dcc7b2;margin:3px 0 4px;overflow:hidden;border:1px solid #cdb69e}.adventure-level-track i{height:100%;display:block;background:linear-gradient(#85d2ff,#3d9be3);border-radius:5px}
#adventure-stat-stage{flex:1;min-height:130px}#adventure-stat-stage .adventure-stage{height:100%;padding:0 8px 8px}#adventure-stat-stage .equipment-character{padding-bottom:0}#adventure-stat-stage .equipment-character canvas{height:100%;width:auto;max-width:100%;max-height:100%}#adventure-stat-stage .equipment-character>strong{display:none}#adventure-stat-stage .adventure-stage-caption{display:none}#adventure-stat-stage .adventure-wear-slots{inset:0 16px 0;grid-template-columns:repeat(2,52px);grid-template-rows:repeat(3,54px);gap:12px}
.adventure-current{border:1px solid #dcc2a4;border-radius:12px;padding:12px 17px;background:#fff4e578;flex-shrink:0}.adventure-current h3{font-size:18px;margin:0 0 5px;color:#584637}.adventure-current dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px;margin:0}.adventure-current dl>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-bottom:1px solid #e5d3bd;padding:3px 0}.adventure-current dt{color:#93806b}.adventure-current dd{margin:0;font-weight:700;white-space:nowrap}.adventure-current dl>div:first-child dt{color:#d75461}.adventure-current dl>div:nth-child(2) dt{color:#3999d7}
.adventure-stat-right{display:flex;flex-direction:column;gap:13px;min-height:0}.adventure-attributes{flex:1;min-height:0;border:1px solid #d8bd9f;border-radius:14px;padding:14px 17px 9px;background:#fff7ed77;overflow:auto}.adventure-attributes>header{display:flex;align-items:center;gap:10px;justify-content:space-between}.adventure-attributes h2{margin:0;font-size:24px;white-space:nowrap}.adventure-attributes h2 small{font-size:17px;color:#a38c76}.adventure-attributes>header>span{margin-left:auto;font-size:12px;background:#ead8c566;padding:5px 10px;border-radius:7px;white-space:nowrap}.adventure-attributes>header b{font-size:22px;margin-left:15px}.adventure-attributes>header button{padding:6px 10px;background:#a38874;color:#fffaef;border:1px solid #c1a38b;border-radius:8px;font-size:11px;white-space:nowrap;opacity:.65;cursor:default}
.adventure-attribute{display:grid;grid-template-columns:47px 48px 1fr 51px 43px 1.35fr;gap:10px;align-items:center;border-bottom:1px solid #e7d3bc;padding:9px 0;color:var(--attr)}
.adventure-attribute>.adventure-icon{width:45px;height:45px;padding:8px;border:1px solid #fff1d4;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--attr),white 40%),var(--attr));box-shadow:0 1px 3px #56341433,inset 0 0 0 2px #fff3;stroke:white;fill:white;fill-opacity:.18;filter:drop-shadow(0 2px 0 #b99a7833)}
.attr-STR{--attr:#d8414b}.attr-VIT{--attr:#269f7a}.attr-AGI{--attr:#238fe2}.attr-INT{--attr:#943ed1}.attr-DEX{--attr:#d9942c}.attr-LUK{--attr:#e84f8c}
.adventure-attribute>strong{font-size:21px}.adventure-attribute>span{font-size:12px;color:#87715e}.adventure-attribute>b{font-size:23px;text-align:center;border-radius:7px;padding:3px 0;background:#e4cfb888;color:#947d66}.adventure-attribute>button{width:43px;height:43px;border:1px solid #a0836c;border-radius:8px;background:linear-gradient(#b99c87,#967865);box-shadow:inset 0 0 0 2px #e7d4c35c;color:#fff9f0;text-shadow:0 1px 2px #6b5545;font-size:32px;line-height:1;opacity:.55;cursor:default}.adventure-attribute>small{font-size:11px;color:#94806b;line-height:1.6;padding-left:5px}
.adventure-stat-note{font-size:10px;color:#ab8d6f;margin:9px 0 0}.adventure-builds{border:1px solid #d8bd9f;border-radius:12px;padding:13px 15px;background:#fff4e57a;flex-shrink:0}.adventure-builds h3{margin:0 0 10px;font-size:16px}.adventure-builds h3>small{font-size:10px;font-weight:400;float:right;color:#a18b72}.adventure-builds>div{display:flex;gap:8px}.adventure-builds>div>span{flex:1;min-width:0;display:grid;grid-template-columns:36px 1fr;gap:1px 7px;background:#ffe1dd;border:1px solid #eaaaac;border-radius:10px;padding:12px 8px;color:#c94856}.adventure-builds .adventure-icon{grid-row:span 2;width:32px;height:32px;align-self:center}.adventure-builds b{font-size:14px;white-space:nowrap}.adventure-builds small{font-size:10px}.adventure-builds>div>span:nth-child(2){background:#e0f2ff;color:#318acd;border-color:#9ac7e5}.adventure-builds>div>span:nth-child(3){background:#f1e1ff;color:#8f4bc3;border-color:#c9a7e5}
@media(min-width:1600px){.adventure-navigation{gap:30px}.adventure-inventory{grid-template-columns:13% 26% 32% 29%}.adventure-attribute{padding:12px 0}.adventure-categories button{padding-top:22px;padding-bottom:22px}}
@media(max-width:1200px){.adventure-navigation{left:calc(50% + 55px);gap:9px}.adventure-nav-button{min-width:40px;font-size:10px}.adventure-nav-button>.adventure-icon{width:30px;height:30px}.adventure-hud .character{width:290px}.adventure-hud .portrait{width:73px;height:73px}.adventure-hud .portrait img{width:438px;left:-28px}.adventure-hud .name-row>span{left:-87px;width:72px}.adventure-hud #game>.map-panel{width:115px}.adventure-hud .coordinates{font-size:7px}.adventure-hud .map-heading a{display:none}.adventure-categories button{font-size:13px;gap:8px;padding:14px 6px}.adventure-categories .adventure-icon{width:22px}.adventure-item-art{width:68px}.adventure-item-art img{height:64px}.adventure-detail-head{gap:8px}.adventure-detail-head h3{font-size:16px}.adventure-details{padding:13px 12px 65px}.adventure-item-stats>div{font-size:12px}.adventure-wear-slots{grid-template-columns:repeat(2,40px);grid-template-rows:repeat(3,46px);left:4px}.adventure-stat-page{grid-template-columns:15% 36% 49%}.adventure-stat-page .adventure-categories button{font-size:12px;gap:7px}.adventure-attribute{grid-template-columns:37px 40px 1fr 35px 34px;gap:7px;padding:9px 0}.adventure-attribute>small{display:none}.adventure-attribute>.adventure-icon{width:35px;height:35px;padding:6px}.adventure-attribute>button{width:34px;height:34px;font-size:26px}.adventure-attribute>strong{font-size:19px}.adventure-attributes h2{font-size:20px}.adventure-attributes>header{flex-wrap:wrap;gap:4px}.adventure-level>span{font-size:12px}.adventure-level strong{font-size:26px}.adventure-current{padding:10px}.adventure-current dl{column-gap:10px}.adventure-current dl>div{font-size:10px}.adventure-builds>div>span{grid-template-columns:1fr;padding:7px}.adventure-builds .adventure-icon{display:none}.adventure-builds b{font-size:12px}.adventure-builds h3>small{display:none}.adventure-control-hint{font-size:9px;bottom:8px}.adventure-hud #close-equipment{right:15px;top:82px;width:36px;height:36px}}
@media(max-width:850px){.adventure-hud #equipment-dialog{inset:138px 0 117px;width:calc(100vw - 20px);height:calc(100dvh - 255px);padding:10px 5px 22px;border-width:5px}.adventure-navigation{top:97px;left:50%;width:max-content;gap:17px}.adventure-nav-button{flex-direction:row;font-size:10px;gap:3px}.adventure-nav-button>.adventure-icon{width:22px;height:22px}.adventure-hud .equipment-header{top:-18px;width:220px;height:45px;padding:2px 13px}.adventure-hud .equipment-header h2{font-size:20px;gap:12px}.adventure-title-bag{width:39px;height:39px}.adventure-title-bag .adventure-icon{width:27px}.adventure-inventory{grid-template-columns:50px 25% 1fr 28%;padding-top:25px}.adventure-categories button{justify-content:center;padding:14px 5px}.adventure-categories button span{display:none}.adventure-bag-grid{padding:0 9px 0 0}.adventure-details{padding:9px 8px 57px}.adventure-detail-head{flex-direction:column;padding-bottom:10px}.adventure-detail-head h3{font-size:15px}.adventure-item-grid{gap:4px}.adventure-search input{font-size:10px;padding-left:25px}.adventure-search>span{font-size:9px}.adventure-search>.adventure-icon{margin-left:5px;width:16px}.adventure-grid-tabs>.adventure-icon{width:18px}.adventure-grid-tabs>span:not(.adventure-icon){font-size:10px;padding:6px 7px}.adventure-wear-slots{grid-template-columns:repeat(2,30px);grid-template-rows:repeat(3,37px);inset:20px 3px 40px}.adventure-wear-slot .adventure-icon{width:21px}.adventure-stage-caption{font-size:10px;padding:5px 9px}.adventure-stat-page{grid-template-columns:50px 38% 1fr;padding-top:25px}.adventure-stat-page .adventure-categories{padding-right:7px}.adventure-stat-page .adventure-categories button{padding:13px 5px}.adventure-stat-center{padding-right:9px}.adventure-level{padding:0 5px}.adventure-level>span{display:none}.adventure-level>div{width:100%}.adventure-current dl{grid-template-columns:1fr}.adventure-current h3{font-size:14px}.adventure-current dl>div{font-size:10px;padding:1px 0}#adventure-stat-stage .adventure-wear-slots{grid-template-columns:repeat(2,29px);grid-template-rows:repeat(3,35px);inset:0 2px}.adventure-attributes{padding:9px}.adventure-attribute{grid-template-columns:32px 36px 1fr 29px 29px;gap:5px}.adventure-attribute>span{font-size:10px}.adventure-attribute>.adventure-icon{width:30px;height:30px}.adventure-attribute>button{width:29px;height:30px}.adventure-attribute>b{font-size:19px}.adventure-attribute>strong{font-size:16px}.adventure-builds{padding:9px}.adventure-builds h3{font-size:13px}.adventure-builds>div{gap:4px}.adventure-builds b{font-size:10px}.adventure-builds small{font-size:8px}.adventure-attributes>header button{font-size:9px}.adventure-stat-note{font-size:9px}.adventure-hud #close-equipment{top:20px;right:145px}}
@media(max-width:600px){.adventure-hud .character{left:12px;top:10px;width:258px;gap:9px}.adventure-hud .portrait{width:65px;height:65px}.adventure-hud .portrait img{width:390px;left:-25px}.adventure-hud .name-row>span{left:-74px;width:64px;font-size:10px}.adventure-hud .name-row strong{font-size:12px}.adventure-hud .stat-row{height:17px}.adventure-hud .stat-row .health{height:17px}.adventure-hud .stat-row>span:last-child{font-size:10px;line-height:17px}.adventure-hud #game>.map-panel{right:10px;top:10px;width:85px}.adventure-hud .map-heading{display:none}.adventure-hud .coordinates{font-size:6px;margin-top:3px}.adventure-navigation{top:100px;gap:8px;width:calc(100% - 16px);justify-content:space-between}.adventure-nav-button{flex-direction:column;min-width:0;font-size:8px;gap:2px;padding:0}.adventure-nav-button>.adventure-icon{width:23px;height:23px}.adventure-hotbar{gap:5px;padding:7px 9px;bottom:24px;width:calc(100% - 34px);max-width:470px;justify-content:center}.adventure-skill{width:calc((100vw - 90px)/7);max-width:52px;height:auto;aspect-ratio:1}.adventure-skill>.adventure-icon{width:72%;height:72%}.adventure-control-hint{display:none}.adventure-hud .movement-hud{bottom:99px}.adventure-hud #online-status{bottom:3px!important;right:10px;font-size:8px!important;padding:1px 6px!important}.adventure-hud #equipment-dialog{inset:173px 0 100px;height:calc(100dvh - 273px);padding:23px 7px 15px;border-width:4px;overflow:visible}.adventure-hud .equipment-header{top:-25px;height:43px;width:220px}.adventure-hud #close-equipment{top:144px;right:14px;width:28px;height:28px}.adventure-hud #close-equipment>.adventure-icon{width:20px;height:20px}.adventure-inventory{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 160px auto;gap:10px;height:100%;overflow:auto;padding:0 2px 10px}.adventure-inventory>.adventure-categories{grid-column:span 2;flex-direction:row;justify-content:space-between;padding:0;background:none;overflow:visible;height:36px}.adventure-inventory .adventure-categories button{padding:4px 11px}.adventure-inventory .adventure-stage{grid-column:1;grid-row:2;padding:0}.adventure-inventory .adventure-wear-slots{inset:5px 0 5px;grid-template-rows:repeat(3,35px);gap:7px}.adventure-inventory .adventure-stage-caption{display:none}.adventure-inventory .equipment-character{padding:0}.adventure-inventory .equipment-character strong{display:none}.adventure-inventory .adventure-bag-grid{grid-column:span 2;grid-row:3;padding:0;overflow:visible}.adventure-inventory .adventure-item-grid{overflow:visible}.adventure-inventory .adventure-details{grid-column:2;grid-row:2;overflow:auto;padding:8px 8px 47px}.adventure-detail-head{gap:5px}.adventure-item-art{display:none}.adventure-description,.adventure-inventory .adventure-equipped-status{display:none}.adventure-detail-head h3{font-size:12px}.adventure-detail-head p{font-size:9px;display:inline}.adventure-rarity{font-size:8px;margin-left:5px;padding:1px 5px}.adventure-detail-head{padding-bottom:5px}.adventure-item-stats>div{font-size:10px;padding:3px 0}.adventure-detail-actions{left:8px;right:8px;bottom:7px}.adventure-primary{padding:5px;font-size:11px}.adventure-hud .equipment-footer{display:none}.adventure-stat-page{display:grid;grid-template-columns:1fr;height:100%;overflow:auto;padding:0;gap:12px}.adventure-stat-page>.adventure-categories{display:none}.adventure-stat-center{height:340px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:70px 1fr;padding:0;gap:8px}.adventure-level{grid-column:span 2}.adventure-level>span{display:block;font-size:13px}.adventure-level>div{width:45%}#adventure-stat-stage{min-height:0}.adventure-current{height:max-content;align-self:center}.adventure-current dl>div{font-size:11px;padding:6px 0}.adventure-current h3{font-size:14px}.adventure-stat-right{height:auto}.adventure-attributes{overflow:visible;flex:none;padding:12px}.adventure-attribute{grid-template-columns:35px 42px 1fr 38px 36px;gap:8px;padding:10px 0}.adventure-attribute>span{font-size:12px}.adventure-attribute>button{width:36px;height:36px}.adventure-attribute>strong{font-size:19px}.adventure-attribute>.adventure-icon{width:35px;height:35px}.adventure-builds{margin-bottom:5px}.adventure-builds b{font-size:13px}.adventure-builds small{font-size:10px}.adventure-map-open #game>.map-panel{top:150px;width:calc(100vw - 30px)}.adventure-tools-open #game>.tools{top:150px;z-index:4}}
@media(max-height:650px) and (min-width:601px){.adventure-hud #equipment-dialog{inset:112px 0 95px;height:calc(100dvh - 207px)}.adventure-stat-page,.adventure-inventory{overflow:auto}.adventure-stat-right{min-height:390px}.adventure-stat-center{min-height:390px}.adventure-hotbar{bottom:17px}.adventure-skill{width:42px;height:42px}.adventure-skill>.adventure-icon{width:29px;height:29px}.adventure-hud .movement-hud{bottom:87px}}
@media(prefers-reduced-motion:reduce){.adventure-hud button,.adventure-hud svg{transition:none!important}}

/* Illustrated skin, drawn to match the parchment and leather reference. */
.adventure-painted{display:inline-block;background-image:url('../assets/hud/interface-icons-v2.9b0f0f069726.webp');background-repeat:no-repeat;background-size:var(--icon-size,400% 400%);background-position:var(--icon-x) var(--icon-y);border:0;fill:none;filter:none}
.adventure-hud .adventure-stage .equipment-character canvas{display:block}
.adventure-hud .adventure-stage .equipment-character{padding:0 12px 5px}
.adventure-hud .adventure-stage .equipment-character>strong{display:none}
.adventure-hud .adventure-attribute>.adventure-painted{background-image:url('../assets/hud/interface-icons-v2.9b0f0f069726.webp');background-size:var(--icon-size,400% 400%);background-position:var(--icon-x) var(--icon-y);border:0;box-shadow:none;border-radius:0;padding:0;filter:none}
.adventure-nav-button>.adventure-painted{fill:none;filter:drop-shadow(0 2px 1px #49382766)}
.adventure-nav-button.active>.adventure-painted{filter:drop-shadow(0 0 9px #74dfff)}
.adventure-categories .adventure-painted{filter:sepia(.6) saturate(.45);opacity:.9}
.adventure-builds .adventure-painted{width:48px;height:48px}
@media(min-width:901px){
 .adventure-hud #equipment-dialog{inset:113px 0 94px;width:calc(100vw - 20px);height:calc(100dvh - 207px);max-width:1660px;max-height:870px;border:0;border-radius:0;padding:103px 27px 52px;background:none;box-shadow:none;isolation:isolate}
 .adventure-hud #equipment-dialog:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../assets/hud/parchment-frame-v2.04a097957dfa.webp') center / 100% 100% no-repeat;pointer-events:none}
 .adventure-hud .equipment-header{top:3.4%;left:10.4%;width:25%;height:7%;min-height:42px;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
 .adventure-hud .equipment-header h2{font-size:34px;gap:0;text-shadow:0 2px 2px #443027}
 .adventure-hud .equipment-header h2:after{content:'?';font-size:19px;width:25px;height:25px;line-height:26px;text-align:center;border:2px solid #f7e8d1;border-radius:50%;margin-left:19px;opacity:.85}
 .adventure-hud .equipment-header:after,.adventure-hud .equipment-header .adventure-title-bag{display:none}
 .adventure-inventory,.adventure-stat-page{padding-top:0}
 .adventure-stat-page{grid-template-columns:15% 40% 45%}
 .adventure-categories{padding:10px 9px 0 0;background:linear-gradient(90deg,#b9957355,#c2a48720);border-right:1px solid #dac0a64d;margin-bottom:13%;border-radius:7px 0 0 7px;overflow:visible}
 .adventure-categories button,.adventure-stat-page .adventure-categories button{font-size:19px;gap:14px;padding:17px 13px;border-radius:6px;border-bottom:1px solid #b795722d}
 .adventure-categories button:disabled{opacity:.78}
 .adventure-categories .adventure-icon{width:34px;height:34px;fill-opacity:.65}
 .adventure-stat-center{padding:0 19px 0 16px}
 .adventure-level{padding:0 12px;gap:18px}
 .adventure-level>span{font-size:18px;line-height:1.7;white-space:nowrap}
 .adventure-level strong{font-size:39px;line-height:1.2}
 .adventure-level small{font-size:14px}
 .adventure-level-track{height:13px;margin:6px 0}
 #adventure-stat-stage{min-height:170px}
 #adventure-stat-stage .adventure-stage{padding:0}
 #adventure-stat-stage .equipment-character{padding:0 14px}
 #adventure-stat-stage .adventure-wear-slots{inset:8px 9% 8px;grid-template-columns:repeat(2,66px);grid-template-rows:repeat(3,67px);gap:15px}
 .adventure-wear-slot{border-radius:9px;background:#baa18b64;border-color:#c5ad9870}
 .adventure-wear-slot .adventure-icon{width:40px;height:40px;fill-opacity:.65;stroke-width:1}
 .adventure-current{padding:12px 20px;border-radius:15px;background:#fff8ed77;border-color:#d7b594;margin-top:3px}
 .adventure-current h3{font-size:21px;margin-bottom:9px}
 .adventure-current dl{gap:0 22px}.adventure-current dl>div{font-size:15px;padding:4px 0}.adventure-current dt{color:#847363}.adventure-current dd{font-weight:700}
 .adventure-stat-right{gap:15px}
 .adventure-attributes{padding:14px 17px 10px;background:linear-gradient(100deg,#fff6e899,#fff5e77a);border-color:#d9bda0;border-radius:16px;display:flex;flex-direction:column}
 .adventure-attributes>header{gap:10px;flex-wrap:nowrap;margin-bottom:8px}
 .adventure-attributes h2{font-size:28px}.adventure-attributes h2 small{font-size:22px}
 .adventure-attributes>header>span{font-size:15px;padding:4px 10px}.adventure-attributes>header b{font-size:26px;margin-left:14px}
 .adventure-attributes>header button{font-size:13px;padding:8px 11px;opacity:.8}
 #adventure-attribute-rows{display:flex;flex-direction:column;flex:1}
 .adventure-attribute{grid-template-columns:57px 52px 1fr 62px 48px 1.5fr;gap:10px;padding:7px 0;flex:1}
 .adventure-attribute>.adventure-painted{width:58px;height:58px}
 .adventure-attribute>strong{font-size:25px}.adventure-attribute>span{font-size:15px;color:#7d7166}
 .adventure-attribute>b{font-size:28px;padding:3px 0;background:#ead9c5a8;border-radius:8px}
 .adventure-attribute>button{width:48px;height:48px;opacity:.78;font-size:37px;background:linear-gradient(#b89a85,#a18472);border:1px solid #a78973;box-shadow:inset 0 0 0 2px #f2dfcd69,0 2px 2px #7b584d33}
 .adventure-attribute>small{display:block;font-size:14px;line-height:1.65;color:#88786a;padding-left:8px}
 .adventure-stat-note{font-size:11px;margin-top:8px;color:#aa9075}
 .adventure-builds{padding:14px 16px;border-radius:15px;background:#fff4e67a}.adventure-builds h3{font-size:19px;margin-bottom:12px}.adventure-builds h3>small{display:block;font-size:11px}
 .adventure-builds>div{gap:10px}.adventure-builds>div>span{grid-template-columns:45px 1fr;gap:1px 5px;padding:12px 8px;box-shadow:inset 0 0 0 2px #fff9}
 .adventure-builds .adventure-icon{display:inline-block;width:45px;height:45px}.adventure-builds b{font-size:17px;align-self:end}.adventure-builds small{font-size:12px}
 .adventure-hud .equipment-footer{bottom:22px;left:18%;right:30px;font-size:9px}
 .adventure-navigation{top:20px;left:50%;gap:23px}.adventure-nav-button{min-width:49px;font-size:14px;gap:1px}.adventure-nav-button>.adventure-icon{width:46px;height:46px}
 .adventure-hud .adventure-inventory .adventure-stage{padding:10px 0 50px}.adventure-inventory .adventure-wear-slots{grid-template-columns:repeat(2,58px);grid-template-rows:repeat(3,66px);inset:25px 5px 80px}.adventure-stage-caption{bottom:7px;font-size:15px;background:#fff4e580}
 .adventure-bag-grid{padding:0 16px 0 7px}.adventure-grid-tabs{height:49px}.adventure-grid-tabs>span:not(.adventure-icon){font-size:16px}.adventure-search input{font-size:15px}.adventure-search>span{font-size:14px}.adventure-grid-item>.adventure-icon{fill-opacity:.4}.adventure-empty-note{font-size:12px}
 .adventure-details{padding:20px 21px 75px}.adventure-detail-head h3{font-size:24px}.adventure-detail-head p{font-size:15px}.adventure-rarity{font-size:13px}.adventure-item-stats>div{font-size:17px;padding:14px 0}.adventure-description{font-size:16px}.adventure-primary{font-size:17px}
}
@media(min-width:901px) and (max-width:1300px){
 .adventure-hud #equipment-dialog{padding:83px 23px 40px}
 .adventure-navigation{left:calc(50% + 37px);gap:13px}.adventure-nav-button{min-width:38px;font-size:12px}.adventure-nav-button>.adventure-icon{width:38px;height:38px}
 .adventure-hud .equipment-header h2{font-size:29px}
 .adventure-categories button,.adventure-stat-page .adventure-categories button{font-size:15px;gap:8px;padding:14px 8px}.adventure-categories .adventure-icon{width:29px;height:29px}
 .adventure-level>span{font-size:14px}.adventure-level strong{font-size:32px}.adventure-level small{font-size:11px}
 #adventure-stat-stage .adventure-wear-slots{inset:8px 4% 8px;grid-template-columns:repeat(2,50px);grid-template-rows:repeat(3,53px);gap:12px}.adventure-wear-slot .adventure-icon{width:31px;height:31px}
 .adventure-current h3{font-size:18px}.adventure-current dl>div{font-size:12px}
 .adventure-attributes{padding:11px}.adventure-attributes h2{font-size:22px}.adventure-attributes>header>span{font-size:11px;padding:3px 8px}.adventure-attributes>header button{font-size:10px;padding:6px}.adventure-attributes>header b{font-size:21px;margin-left:6px}
 .adventure-attribute{grid-template-columns:45px 40px 1fr 40px 37px;gap:8px}.adventure-attribute>.adventure-painted{width:45px;height:45px}.adventure-attribute>strong{font-size:21px}.adventure-attribute>span{font-size:13px}.adventure-attribute>b{font-size:25px}.adventure-attribute>button{width:37px;height:39px;font-size:30px}.adventure-attribute>small{display:none}
 .adventure-builds{padding:12px}.adventure-builds h3{font-size:16px}.adventure-builds h3>small{display:none}.adventure-builds b{font-size:13px}.adventure-builds small{font-size:10px}.adventure-builds>div>span{grid-template-columns:33px 1fr;padding:8px 5px}.adventure-builds .adventure-icon{width:33px;height:33px}
 .adventure-detail-head h3{font-size:19px}.adventure-detail-head p{font-size:13px}.adventure-item-stats>div{font-size:14px}.adventure-description{font-size:13px}.adventure-primary{font-size:14px}.adventure-inventory .adventure-wear-slots{grid-template-columns:repeat(2,42px);grid-template-rows:repeat(3,52px)}
}
@media(max-width:900px){.adventure-title-bag{background:none;border:0;box-shadow:none}.adventure-title-bag .adventure-painted{width:48px;height:48px}.adventure-hud .equipment-header h2{gap:10px}.adventure-hud .adventure-attribute>.adventure-painted{width:38px;height:38px}.adventure-hud #adventure-stat-stage .equipment-character{padding:0}.adventure-inventory .adventure-stage .equipment-character{padding:0 6px}.adventure-builds .adventure-painted{display:inline-block;width:30px;height:30px;grid-row:auto}.adventure-builds>div>span{grid-template-columns:1fr}}
@media(max-height:720px) and (min-width:901px){.adventure-hud #equipment-dialog{inset:88px 0 85px;height:calc(100dvh - 173px);padding-top:50px}.adventure-hud .equipment-header h2{font-size:25px}.adventure-attributes{overflow:visible}.adventure-stat-page,.adventure-inventory{overflow:auto}.adventure-stat-center,.adventure-stat-right{min-height:475px}.adventure-categories button,.adventure-stat-page .adventure-categories button{padding-top:10px;padding-bottom:10px}.adventure-nav-button>.adventure-icon{width:32px;height:32px}.adventure-nav-button{font-size:11px}}

@media(max-width:600px){#adventure-hotbar #harvest{width:calc((100vw - 90px)/7);max-width:52px;height:auto;aspect-ratio:1}.adventure-resource-hint{bottom:120px;font-size:9px;gap:6px;white-space:normal}}
@media(max-height:650px) and (min-width:601px){#adventure-hotbar #harvest{width:42px;height:42px}.adventure-resource-hint{bottom:110px}}
/* Illustrated item sprites retain their painted orientation. */
.adventure-item-art img.adventure-item-image{width:94%;height:94%;max-width:94%;transform:none}
.adventure-item-art img.adventure-sword-image{width:75%;height:85%;transform:rotate(22deg)}
@media(max-width:600px){
 .adventure-inventory .adventure-item-art{display:grid;width:64px;height:64px}
 .adventure-inventory .adventure-description{display:block;font-size:11px;line-height:1.7;margin:10px 0;color:#745a43}
 .adventure-inventory .adventure-details{padding-bottom:8px}
 .adventure-inventory .adventure-detail-actions{position:static;margin-top:10px}
}
.adventure-stat-center[hidden],.adventure-stat-right[hidden],.adventure-profession[hidden]{display:none}
.adventure-profession{grid-column:2 / -1;min-width:0;min-height:0;overflow:auto;padding:24px 30px;margin:0 10px;border:1px solid #d7b594;border-radius:15px;background:#fff8edb3;color:#584637;line-height:1.8}
.adventure-profession-header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #dcc2a4;padding-bottom:17px}.adventure-profession-header>.adventure-icon{width:62px;height:62px;color:#92704e;flex:none}.adventure-profession-header p{margin:0;color:#8b765b;font-size:13px}.adventure-profession-header h2{margin:2px 0 0;font-size:30px}.adventure-profession-description{font-size:16px;margin:19px 0}.adventure-profession-benefits{border-radius:12px;background:#e6ecdc;border:1px solid #c7d2b8;padding:16px 20px}.adventure-profession-benefits h3{font-size:17px;margin:0 0 9px}.adventure-profession-benefits dl{margin:0}.adventure-profession-benefits dl>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #c7d2b8;padding:7px 0;font-size:16px}.adventure-profession-benefits dd{margin:0;font-weight:700;color:#397453}.adventure-profession-benefits p{font-size:14px;margin:0}.adventure-profession-guidance{font-size:14px;margin:20px 0 14px}.adventure-profession-rule{font-size:13px;color:#8b6945;margin:0;padding-top:14px;border-top:1px solid #dcc2a4}
@media(max-width:850px){.adventure-profession{padding:15px 18px;margin:0 5px}.adventure-profession-header h2{font-size:24px}.adventure-profession-description{font-size:14px}.adventure-profession-benefits{padding:12px}.adventure-profession-benefits dl>div{font-size:14px}}
@media(max-width:600px){.adventure-stat-page>.adventure-categories{display:flex;flex-direction:row;gap:5px;overflow:auto;min-height:42px;padding:0;flex-shrink:0}.adventure-stat-page>.adventure-categories button{flex:none;min-height:40px;padding:7px 12px}.adventure-stat-page>.adventure-categories button[data-character-tab] span:not(.adventure-icon){display:inline}.adventure-stat-page>.adventure-categories button:disabled{display:none}.adventure-profession{grid-column:1;padding:15px;margin:0;overflow:visible}.adventure-stat-page[data-tab=profession]{grid-template-rows:auto 1fr}.adventure-profession-header{gap:12px}.adventure-profession-header>.adventure-icon{width:42px;height:42px}.adventure-profession-header h2{font-size:23px}}
@media(max-height:650px) and (min-width:601px){.adventure-hud #equipment-dialog[data-page=character][data-character-tab=profession]{inset:112px 0 12px;height:calc(100dvh - 124px)}.adventure-profession{padding:9px 14px}.adventure-profession-header{gap:12px;padding-bottom:6px}.adventure-profession-header>.adventure-icon{width:34px;height:34px}.adventure-profession-header h2{font-size:20px;margin:0}.adventure-profession-header p{font-size:10px}.adventure-profession-description{font-size:12px;margin:7px 0}.adventure-profession-benefits{padding:7px 10px}.adventure-profession-benefits h3{font-size:12px;margin:0 0 2px}.adventure-profession-benefits dl>div{font-size:12px;padding:2px 0}.adventure-profession-guidance{font-size:11px;margin:8px 0}.adventure-profession-rule{font-size:10px;padding-top:6px}}
.adventure-hud #settings-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:26px;border:2px solid #b89c74;border-radius:20px;color:#574638;background:radial-gradient(ellipse at 20% 0,#fffaf0,transparent 70%),#f5e7d1;box-shadow:0 0 0 5px #674b38,0 22px 80px #14221980;font-family:inherit}
#settings-dialog::backdrop{background:#14251f75;backdrop-filter:blur(5px)}
.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-heading>div{display:flex;align-items:center;gap:13px}.settings-heading .adventure-icon{width:49px;height:49px}.settings-heading small{font-size:12px;color:#887156}.settings-heading h2{margin:2px 0 0;font-size:28px;line-height:1.3}#settings-close{font-size:25px;background:#e9d6bd;color:#765f48;width:38px;height:38px;border-radius:50%;padding:0;flex:none}.settings-character{margin:18px 0;padding:10px 14px;background:#e2e8d6;border:1px solid #c3cdae;border-radius:9px;font-size:13px;color:#526348}
.settings-options{border:1px solid #d8bea0;border-radius:12px;overflow:hidden;background:#fffaf07a}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 15px}.settings-row+.settings-row{border-top:1px solid #e0ccb0}.settings-row>span{display:flex;flex-direction:column;gap:5px}.settings-row strong{font-size:15px}.settings-row small{font-size:11px;color:#8c795f}.settings-row button{border:1px solid #bea383;border-radius:8px;background:#f7ebd6;color:#64503c;padding:10px 14px;min-height:40px;font:inherit;font-size:13px;white-space:nowrap}.settings-row button:disabled{opacity:.4;cursor:default}#settings-sound{min-width:66px}#settings-sound[aria-pressed=true]{background:#627c57;color:#fff9e9;border-color:#536b48}.settings-zoom{display:flex;align-items:center;gap:8px}.settings-zoom button{width:34px;padding:0;font-size:23px}#settings-zoom-value{min-width:45px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.settings-world-note{margin:16px 0;font-size:12px;color:#89725b;text-align:center}.settings-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.settings-actions button{min-height:46px;padding:12px 16px;border-radius:10px;border:1px solid #c3a57b;background:#fff3da;color:#6d573e;font:inherit;font-weight:700}#settings-lobby{background:linear-gradient(#839969,#61794c);border-color:#536a41;color:#fffbea;display:flex;align-items:center;justify-content:space-between}.settings-lobby-note{text-align:center;font-size:11px;color:#89725b;margin:13px 0 0}#settings-dialog button:focus-visible{outline:3px solid #3891b3;outline-offset:3px}#settings-dialog button:not(:disabled):hover{filter:brightness(1.06)}
@media(max-width:480px){.adventure-hud #settings-dialog{padding:19px 16px}.settings-row{padding:14px 10px;gap:9px}.settings-row strong{font-size:14px}.settings-row small{font-size:10px}.settings-row button{padding:9px 10px}.settings-zoom{gap:5px}.settings-zoom button{padding:0;width:30px}.settings-heading h2{font-size:25px}.settings-actions button{font-size:14px}}
@media(max-height:550px){.adventure-hud #settings-dialog{padding:14px 20px}.settings-heading h2{font-size:23px}.settings-character{margin:10px 0;padding:7px 12px}.settings-row{padding:9px 13px}.settings-world-note{margin:9px 0}.settings-lobby-note{margin-top:8px}}

/* Allow the extra survival values to size the mobile character sheet naturally. */
@media(max-width:600px){
 .adventure-navigation{top:120px}
 .adventure-hud #equipment-dialog{inset:193px 0 100px;height:calc(100dvh - 293px)}
 .adventure-hud #close-equipment{top:164px}
 .adventure-stat-page{grid-auto-rows:max-content}
 .adventure-stat-center{height:auto;min-height:340px;grid-template-rows:70px auto}
 .adventure-current{align-self:start}
 /* Three slim survival rows keep the character frame clear of the menu below it. */
 .adventure-hud .stat-row.stamina,.adventure-hud .stat-row.hunger,.adventure-hud .stat-row.life,.adventure-hud .stat-row.stamina .health,.adventure-hud .stat-row.hunger .health,.adventure-hud .stat-row.life .health{height:12px}
 .adventure-hud .stat-row,.adventure-hud .stat-row.mana,.adventure-hud .stat-row.stamina,.adventure-hud .stat-row.hunger,.adventure-hud .stat-row.life{margin-top:2px}
 .adventure-hud .stat-row.stamina>span:last-child,.adventure-hud .stat-row.hunger>span:last-child,.adventure-hud .stat-row.life>span:last-child{line-height:12px;font-size:9px}
}.adventure-profession-benefits .adventure-profession-perk dd{text-align:right;color:#8a5a1c}

/* Bag drag and drop (user request 2026-09-30): the dragged item floats under the cursor, valid drop
   spots pulse, the one under the cursor turns green, and a slot the character is too young for turns red. */
.adventure-grid-item[data-draggable=true],.adventure-wear-slot.equipped{cursor:grab;user-select:none;-webkit-user-select:none}
.adventure-dragging,.adventure-dragging *{cursor:grabbing!important;user-select:none!important}
.adventure-drag-ghost{position:fixed;left:0;top:0;z-index:2147483000;width:70px;height:70px;margin:-35px 0 0 -35px;display:grid;place-items:center;pointer-events:none;border:2px solid #e3aa3b;border-radius:12px;background:linear-gradient(135deg,#fff1be,#d8b373);box-shadow:0 14px 26px #3f2a1655,inset 0 0 0 2px #fff6d6aa;will-change:transform}
.adventure-drag-ghost[hidden]{display:none}
.adventure-drag-ghost img{position:absolute;width:90%;height:90%;object-fit:contain}.adventure-drag-ghost img.adventure-sword-image{width:72%;height:84%;transform:rotate(24deg)}.adventure-drag-ghost>.adventure-icon{width:56%;height:56%;color:#866244}
.adventure-drag-source{opacity:.35;filter:grayscale(.4)}
@keyframes adventure-drop-pulse{0%,100%{outline-color:#d9a441}50%{outline-color:#f6d27e}}
.adventure-drop-ok{outline:2px dashed #d9a441;outline-offset:3px;border-radius:12px;animation:adventure-drop-pulse 1.1s ease-in-out infinite}
.adventure-drop-denied{outline:2px dashed #c0584a;outline-offset:3px;border-radius:12px}
.adventure-drop-ok.adventure-drop-hover{outline:3px solid #5f9f4c;outline-offset:3px;animation:none;background-color:#e4f2cf66}
.adventure-wear-slot.adventure-drop-ok.adventure-drop-hover{background:#d9efc4cc;border-color:#5f9f4c}
.adventure-drop-denied.adventure-drop-hover{outline:3px solid #c0584a;background-color:#f6d6cf66}
@media(prefers-reduced-motion:reduce){.adventure-drop-ok{animation:none}}
/* Character statistics card (roadmap item 46): inside the "ข้อมูลตัวละคร" tab, paper/gold theme of the sheet cards.
   Three number tiles side by side; one per row at ≤600px and in phone landscape. No animation. */
.adventure-record .adventure-record-since{margin:0 0 6px;font-size:11px;color:#8b6945}
.adventure-record .adventure-record-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.adventure-record .adventure-record-tile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 6px;padding:6px 8px;border:1px solid #e1cdb3;border-radius:10px;background:#fffaf1b3;min-width:0}
.adventure-record .adventure-record-tile .adventure-icon{grid-row:span 2;width:22px;height:22px;color:#92704e}
.adventure-record .adventure-record-tile>span{font-size:11px;color:#93806b;min-width:0;overflow-wrap:anywhere}
.adventure-record .adventure-record-tile>b{font-size:16px;color:#3e342c;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
.adventure-record .adventure-record-tile>small{grid-column:1 / -1;font-size:10px;color:#8b6945;overflow-wrap:anywhere}
.adventure-record .adventure-record-heading{margin:8px 0 2px;font-size:12px;color:#7d6a56}
.adventure-record .adventure-record-species{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.adventure-record .adventure-record-species li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e5d3bd;padding:2px 0;font-size:12px;min-width:0}
.adventure-record .adventure-record-species li>span{min-width:0;overflow-wrap:anywhere}
.adventure-record .adventure-record-species li>b{font-variant-numeric:tabular-nums;white-space:nowrap}
.adventure-record .adventure-record-species .adventure-record-empty{color:#b39c84;justify-content:flex-start}
@media(min-width:601px) and (max-width:1300px){.adventure-record .adventure-record-tiles{grid-template-columns:minmax(0,1fr)}.adventure-record .adventure-record-tile>b{font-size:14px}}
@media(max-width:600px),(pointer:coarse) and (max-height:500px){.adventure-record .adventure-record-tiles{grid-template-columns:minmax(0,1fr)}.adventure-record .adventure-record-tile{padding:4px 8px}.adventure-record .adventure-record-tile>b{font-size:14px}}
/* Rarity tiers (plan item 47): colours come from the item registry as --rarity/--rarity-ink/--rarity-text.
   The frame is an overlay so the selected, equipped and drag-and-drop styles of the slot are untouched. */
.adventure-grid-item[data-rarity]::before,.adventure-wear-slot[data-rarity]::before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--rarity);pointer-events:none;z-index:1}
.adventure-detail-head[data-rarity] h3{color:var(--rarity-ink)}
.adventure-detail-head[data-rarity] .adventure-rarity{background:var(--rarity);color:var(--rarity-text)}
/* Equipment sets (plan item 49): set box in the item details and the set bonus summary on the character page. */
.adventure-item-set{margin:12px 0 0;padding:10px 12px;border:1px solid #d9c0a3;border-radius:12px;background:#fff8ed99;overflow-wrap:anywhere}
.adventure-item-set h4{margin:0 0 6px;font-size:14px;color:#6b4f33}
.adventure-set-pieces{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 6px;padding:0;list-style:none;font-size:12.5px;color:#a08b77}
.adventure-set-pieces li.is-worn{color:#4f7a33;font-weight:700}
.adventure-set-tier{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:#a5968a;opacity:.75}
.adventure-set-tier.is-active{color:#3e7a2f;font-weight:700;opacity:1}
.adventure-set-bonuses{margin-top:6px;padding-top:5px;border-top:1px solid #d9c0a366;max-height:66px;overflow:auto;overflow-wrap:anywhere}
.adventure-set-bonuses[hidden]{display:none}
.adventure-current .adventure-set-bonuses h3{margin:0 0 2px;font-size:12px;color:#584637}
.adventure-set-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;padding:1px 0;font-size:12px}
.adventure-set-row small{color:#4f7a33;font-size:11px;font-weight:700}
.adventure-set-total{margin:2px 0 0;font-size:11px;font-weight:700;color:#3e7a2f}
/* Weapon life bar on the item picture (2026-10-11, src/adventure-hud.js lifeBar): percent only. */
.item-life{position:absolute;left:13%;right:13%;bottom:7%;height:7px;border-radius:4px;background:#160f0ecc;box-shadow:0 0 0 1px #000b,inset 0 1px 2px #000a;overflow:hidden;pointer-events:none;z-index:2}
.item-life>i{display:block;height:100%;border-radius:4px;background:linear-gradient(#8ff29a,#2e9e46);box-shadow:inset 0 1px 0 #ffffff66;transition:width .25s}
.item-life[data-tone="mid"]>i{background:linear-gradient(#ffe684,#d99b1c)}
.item-life[data-tone="low"]>i,.item-life[data-tone="broken"]>i{background:linear-gradient(#ff9585,#c8301f)}
.item-life[data-tone="broken"]{box-shadow:0 0 0 1px #c8301fcc,inset 0 1px 2px #000a}
.adventure-item-art{position:relative}.adventure-item-art>.item-life{height:9px;bottom:5%}
.adventure-grid-item:has(>.item-life)>span,#equipment-dialog[data-page="bag"] .adventure-grid-item:has(>.item-life)>span{bottom:calc(7% + 9px)}