/* A restrained fantasy interface. Native system fonts add no download/decode. */
:root{--game-ui-font:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--game-panel:#101c25;--game-line:#64736f;--game-gold:#dcc392;}
#village-surface-portal-panel{position:fixed;inset:0;z-index:930;background:rgba(3,12,20,.87);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;}
#village-surface-portal-panel .waypoint-card{width:min(480px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box;background:linear-gradient(150deg,#203b43,#10212c);border:1px solid #829b8e;border-radius:20px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.45);}
#village-surface-portal-panel .waypoint-title{font-size:20px;font-weight:750;line-height:1.25;text-align:center;color:#e8d6aa;}
#village-surface-portal-panel .waypoint-help{font-size:13px;line-height:1.5;text-align:center;color:#b9d0cb;margin:10px 0 18px;}
#village-surface-portal-panel .waypoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
#village-surface-portal-panel [data-village-waypoint]{padding:13px 10px;min-height:60px;min-width:0;border:1px solid var(--waypoint-accent);border-radius:12px;background:#1b343e;color:#e1f2eb;font-size:12px;font-weight:650;line-height:1.45;overflow-wrap:anywhere;cursor:pointer;}
#village-surface-portal-panel [data-status=current]{background:#3d493c;color:#f1dfae;}
#village-surface-portal-panel [data-status=locked]{background:#142730;color:#9cb1b7;}
#village-surface-portal-panel button:disabled{cursor:default;}
#village-surface-portal-panel button:enabled:hover{background:#31524f;border-color:#d9d2aa;}
#village-surface-portal-panel button:focus-visible{outline:2px solid #f5e5b5;outline-offset:3px;}
#village-surface-portal-panel .waypoint-close{width:100%;margin-top:16px;padding:12px;min-height:44px;border:1px solid #8b8381;border-radius:11px;background:#263741;color:#eadad1;font-size:14px;font-weight:650;cursor:pointer;}
@media(max-width:380px){#village-surface-portal-panel .waypoint-card{padding:17px 14px;}#village-surface-portal-panel [data-village-waypoint]{font-size:11px;}}
body,body button,body input,body select,body textarea,body label,
body .hud-label,body .stat-label,body .stat-val{font-family:var(--game-ui-font)!important;}
body{background:#08121a;color:#edf2ec;}
#gc{image-rendering:auto;}
body .boot-screen{background:radial-gradient(ellipse at 50% 22%,#294843 0%,#142830 48%,#09141d 100%);}
body .boot-card{background:#132630;border:1px solid #718778;border-radius:24px;box-shadow:0 16px 48px rgba(0,0,0,.35);padding:30px 24px;}
body .boot-logo{max-width:290px;width:80%;margin-bottom:24px;image-rendering:auto;filter:none;}
body #boot-start-btn{font-size:17px;letter-spacing:1px;font-weight:750;line-height:1.3;border:1px solid #e8d5a6;border-radius:12px;background:linear-gradient(#dfc798,#b99c65);color:#14242c;box-shadow:0 4px 14px rgba(0,0,0,.2);padding:16px 18px;}
body #boot-top-btn{font-size:12px;font-weight:650;border:1px solid #65827d;border-radius:10px;background:#1b3540;color:#cee6de;box-shadow:none;padding:13px;}
body .boot-language{font-size:12px;gap:16px;}
body .boot-language label{font-size:11px;font-weight:650;letter-spacing:1px;color:#aec7bf;}
body .boot-language select{font-size:13px;border:1px solid #617974;border-radius:9px;background:#10212a;color:#e9f2ed;padding:8px 12px;}
body .boot-progress{border:1px solid #526a66;border-radius:20px;height:5px;background:#0d2028;}
body .boot-progress span{border-radius:20px;background:#b5cdba;}
body .boot-note{font-size:10px;letter-spacing:2px;color:#89a49d;}
body #hud{background:linear-gradient(180deg,#182731,#101b25);border-top:1px solid #708075;box-shadow:0 -4px 14px rgba(0,0,0,.16);}
body #hud .hotbar{border-bottom:1px solid #354a4d;background:transparent;}
body #hud .hslot{background:linear-gradient(145deg,#263c43,#182b34);border:1px solid #78827a!important;border-radius:9px;box-shadow:none!important;}
body #hud .hslot:hover{background:#2d4950;border-color:#d2c397!important;}
body #hud .hslot .slot-num{font:650 10px/1 var(--game-ui-font)!important;color:#b1c7c0!important;text-shadow:none;top:3px;left:4px;}
body #hud .hslot .slot-qty{font:750 11px/1 var(--game-ui-font)!important;color:#f0dfb1!important;background:#14232b;border-radius:4px;padding:2px 3px;}
body #hud .generic-quick-slot.empty .slot-icon::before{font:300 24px/32px var(--game-ui-font);color:#7faaa3;}
body #hud .quick-item-img,body #hud .aurum-hud-logo{image-rendering:auto;}
body #hud .hud-btn{background:linear-gradient(160deg,#253b43,#172932);border:1px solid #687e7b!important;border-radius:9px;box-shadow:none!important;color:#e1ebe5!important;font-size:0!important;font-weight:650;letter-spacing:.2px;flex-direction:column;gap:3px!important;text-shadow:none;}
body #hud .hud-btn.upg{color:#ecdbaf!important;border-color:#9b967c!important;}
body #hud .hud-btn:hover{background:#314b52;border-color:#bdc9b8!important;}
body #hud .hud-btn::after{content:attr(data-label);font:650 10px/1 var(--game-ui-font)!important;letter-spacing:.3px;}
body #hud .hud-label,body #hud #yaya-utility-btn .hud-visible-label{display:none!important;}
body .hud-glyph{width:16px!important;height:16px!important;flex:0 0 16px;image-rendering:auto;filter:none;background:url('assets/village-modern/interface-icons-v1.svg') 0 0/112px 16px no-repeat;}
body .hud-glyph::before,body .hud-glyph::after{display:none;}
body .glyph-character{background-position:-16px 0;}
body .glyph-bag{background-position:-32px 0;}
body .glyph-music{background-position:-48px 0;}
body .glyph-top{background-position:-64px 0;}
body .glyph-yaya{background-position:-80px 0;}
body #player-btn::before{background:url('assets/village-modern/interface-icons-v1.svg') -96px 0/112px 16px no-repeat;width:16px;height:16px;image-rendering:auto;filter:none;vertical-align:-3px;}
body #hud .hud-visible-label{font:650 10px/1 var(--game-ui-font)!important;}
body #hud #inbox-btn::after{font:650 10px/1 var(--game-ui-font)!important;}
body #graphics-select{font:650 10px/1.2 var(--game-ui-font)!important;background:#172c35;border:1px solid #819486;border-radius:9px;color:#e5dcc2;min-height:30px;letter-spacing:0;}
body #hud #gold-hud,body #hud #aurum-hud{background:#172932;border:1px solid #596f6e!important;border-radius:7px;font:750 12px/1 var(--game-ui-font)!important;color:#e5d39f;box-shadow:none;}
body #hud-minimap{border:1px solid #809384!important;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.18);}
body #hud-minimap-label{font:650 9px/1 var(--game-ui-font);border-radius:4px;letter-spacing:1px;color:#e1d9b8;}
body #floor-badge,body #player-btn{font:650 12px/1.3 var(--game-ui-font)!important;background:rgba(15,32,41,.96);border:1px solid #82988a!important;border-radius:9px;color:#e2eade;box-shadow:0 3px 9px rgba(0,0,0,.18);text-shadow:none;}
body #gozo-hp-bar,body #gozo-lv-bar{font:650 11px/1.3 var(--game-ui-font)!important;border:1px solid #69867d;border-radius:8px;background:rgba(12,28,36,.9);overflow:hidden;box-shadow:none;}
body #gozo-hp-txt,body #gozo-lv-txt{font:650 11px/1.3 var(--game-ui-font)!important;text-shadow:0 1px 2px #09141c;}
body #potion-effect-bars .potion-effect-text{font:650 10px/1 var(--game-ui-font)!important;}
body #desktop-fullscreen-btn{font:650 11px/1.2 var(--game-ui-font)!important;border-width:1px;border-radius:9px;}
body #toast{font:650 13px/1.4 var(--game-ui-font)!important;background:#16313b;border:1px solid #96a78b;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);text-shadow:none;}
body #map-loading-overlay{background:#10212b!important;color:#d6e4d8!important;font:650 15px var(--game-ui-font)!important;}
body #map-loading-overlay [data-map-loading-text]+div{border:1px solid #738c80!important;border-radius:8px;background:#0a1b23!important;overflow:hidden;height:7px!important;}
body #map-loading-overlay [data-map-loading-bar]{background:linear-gradient(90deg,#85a797,#d8c696)!important;}
body #touch-joy,body #touch-action{border:1px solid #97a790!important;background:radial-gradient(circle at 40% 30%,rgba(55,87,90,.92),rgba(17,39,49,.94))!important;box-shadow:0 5px 20px rgba(0,0,0,.25)!important;}
body #touch-joy::before,body #touch-action::before{border:1px solid rgba(202,218,191,.25)!important;box-shadow:none!important;}
body #touch-joy::after,body #touch-action::after{display:none;}
body #touch-joy-knob{background:linear-gradient(#d2dfc9,#9fb8a6)!important;border:1px solid #e1ecd4!important;box-shadow:0 3px 8px rgba(0,0,0,.3)!important;}
body #touch-action .touch-interact-icon{stroke:#dbe8d7;filter:none;}
body #inv-panel,body #upg-panel,body #player-panel,body #character-panel{background:#10242e;border:1px solid #789587;border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.35);}
body #inv-panel button,body #upg-panel button,body #player-panel button{border-radius:8px;font-family:var(--game-ui-font)!important;}
body #inv-panel,body #inv-panel *,body #character-panel,body #character-panel *,body #player-panel,body #player-panel *,body #upg-panel .un{font-family:var(--game-ui-font)!important;}
body #inv-panel .inv-tab{font-size:11px!important;font-weight:650;line-height:1.3;padding:7px 3px!important;background:#162c35;border-color:#536e69;color:#bcd2c9;}
body #inv-panel .inv-tab.active{background:#355149;border-color:#b6c89f;color:#f0e1b6;box-shadow:none;}
body #inv-panel #inv-slot-count{font-size:11px!important;color:#c5d5c9!important;}
body #inv-panel .inv-slot{border:1px solid #526765!important;border-radius:10px;background:#142a33;box-shadow:none;}
body #inv-panel .inv-slot.inv-selected{border-color:#dec992!important;background:#364d46;box-shadow:inset 0 0 0 1px #dec992;}
body #inv-panel .inv-slot.equipped-item{border-color:#90c4a7!important;}
body #inv-panel .inv-qty{font-size:11px;font-weight:750;color:#efdba8;}
body #inv-panel #inv-detail{background:#172f39!important;border:1px solid #617970!important;border-radius:12px;box-shadow:none;}
body #inv-panel #inv-detail-name{font-size:15px!important;font-weight:700;line-height:1.4!important;color:#ebd5a5!important;}
body #inv-panel #inv-detail-stats{font-size:13px!important;line-height:1.5!important;color:#c3ded9;}
body #inv-panel #inv-detail-desc{font-size:12px!important;line-height:1.5!important;color:#b7c4c4;}
body #inv-panel .inv-action-btn,body #inv-panel #inv-detail-btns .iab-btn{font-size:11px!important;min-height:36px!important;}
body #inv-panel #inv-expand-row{border-color:#4c6865!important;border-radius:8px!important;background:#162c35!important;}
body #inv-panel #inv-expand-row span,body #inv-panel #inv-sort-btn,body #inv-panel #inv-expand-btn{font-size:11px!important;}
body #inv-panel #inv-close{font-size:12px!important;background:#213d44;border-color:#708c7d;color:#e1eadd;}
body #inv-panel .skin-wallet-copy,body #inv-panel .skin-status{font-size:12px;line-height:1.5;}
body #inv-panel .skin-wallet-copy strong{font-size:13px;}
body #inv-panel .skin-empty{font-size:13px;line-height:1.5;}
body #inv-panel .skin-actions{flex-wrap:wrap;}
body #inv-panel .skin-connect-btn,body #inv-panel .skin-refresh-btn,body #inv-panel .skin-utility-btn,body #inv-panel .skin-unequip{font-size:11px;}
body #inv-panel .skin-card{border-width:1px;border-radius:10px;overflow:hidden;}
body #inv-panel .skin-card span{font-size:11px;}
body #character-panel{max-height:calc(100dvh - 128px);overflow:auto;}
body #character-panel .character-head{font-size:16px;}
body #character-panel .character-equip-label{font-size:11px;}
body #character-panel .character-equip-name{font-size:12px;line-height:1.4;}
body #character-panel .character-manage,body #character-panel .character-close,body #character-panel .character-spellbook{font-size:11px;border-radius:7px;}
body #character-panel .character-equip-card,body #character-panel .character-stat{background:#162c35;border-color:#526e68;border-radius:9px;}
body #character-panel .stat-label{font-size:10px!important;}
body #character-panel .stat-val{font-size:14px!important;}
body #upg-panel .un{font-size:13px;line-height:1.4;}
body .duck-friend-heading canvas{image-rendering:auto;}
body #player-panel h3{font-size:16px;}
body #player-panel .player-tab,body #player-panel #player-close{font-size:12px;}
body .account-profile-name{font-size:15px;}
body .account-profile-title{font-size:12px;}
@media(max-width:520px){
  body #hud .hud-btn::after,body #hud .hud-visible-label,body #hud #inbox-btn::after{font-size:9px!important;}
  body #graphics-select{font-size:9px!important;padding:3px 0;}
  body #touch-joy{width:94px!important;height:94px!important;}
  body #touch-action{width:78px!important;height:78px!important;}
  body #touch-joy-knob{width:42px!important;height:42px!important;}
  body .boot-card{padding:24px 20px;border-radius:20px;}
  body #floor-badge,body #player-btn{font-size:11px!important;}
}
@media(max-width:380px){body #inv-panel .inv-tab{font-size:10px!important;}}
