#hud{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
#hud.comfortHud #weaponCycle{display:none!important}
#hud.comfortHud #weaponBar,#hud.comfortHud #quickbar{position:absolute;pointer-events:auto;display:flex;gap:5px;z-index:5;touch-action:none;transform-origin:top left}
#hud.comfortHud #weaponBar{right:max(20px,env(safe-area-inset-right));bottom:max(298px,calc(env(safe-area-inset-bottom) + 286px));width:148px;height:48px}
#hud.comfortHud #weaponBar button,#hud.comfortHud #quickbar button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px;min-width:44px;min-height:48px;border:1px solid #b29a6977;border-radius:8px;background:linear-gradient(#514b37f5,#2e3225f5);color:#f0dfb8;box-shadow:0 3px 12px #0003;font-size:19px;touch-action:manipulation;user-select:none;-webkit-user-select:none}
#hud.comfortHud #weaponBar button{flex:1}
#hud.comfortHud #weaponBar small,#hud.comfortHud #quickbar small{font:600 10px/1.25 system-ui,sans-serif;color:#f0e2c5;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#hud.comfortHud #weaponBar button[aria-pressed=true],#hud.comfortHud #quickbar button[aria-pressed=true]{border-color:#e3c27e;background:linear-gradient(#7a704b,#4a5638);box-shadow:0 0 0 1px #d6bb7344}
#hud.comfortHud #weaponBar button:disabled,#hud.comfortHud #quickbar button:disabled{opacity:.58;filter:saturate(.5)}
#hud.comfortHud #quickbar{left:calc(50% - 124px);bottom:max(80px,calc(env(safe-area-inset-bottom) + 68px));width:248px;height:52px;gap:4px}
#hud.comfortHud #quickbar>button{width:47px;min-width:44px;flex:1}
#hud.comfortHud #quickbar #quickbarEdit{flex:none;width:44px;font-size:20px}
#hud.comfortHud #quickbar em{font:600 9px/1.15 system-ui,sans-serif;color:#c6d8ac;font-style:normal}
#hud.comfortHud #quickbar span{font-size:16px;line-height:1.05}
#hud.comfortHud.leftHanded #joystick{left:auto;right:max(20px,env(safe-area-inset-right))}
#hud.comfortHud.leftHanded #actions,#hud.comfortHud.leftHanded #weaponBar{right:auto;left:max(20px,env(safe-area-inset-left))}
#hud.comfortHud.leftHanded .quickEat{left:auto;right:43px}
#hud.comfortHud.leftHanded #targetMeter{left:auto;right:21px}
#hud.comfortHud #combatWarning{position:absolute;pointer-events:none;left:50%;transform:translateX(-50%);bottom:359px;width:max-content;max-width:calc(100% - 30px);padding:7px 13px;border:1px solid #f8b47f99;border-radius:8px;background:#4e2e22ed;color:#ffe4bb;font:700 12px/1.3 system-ui,sans-serif;z-index:6}
#hud.comfortHud #combatWarning[hidden]{display:none}
#hud.comfortHud.editingControls #joystick,#hud.comfortHud.editingControls #actions,#hud.comfortHud.editingControls #quickbar,#hud.comfortHud.editingControls #weaponBar{outline:2px dashed #f2cf7c;outline-offset:6px;cursor:move;overflow:visible}
#hud.comfortHud.editingControls #joystick::after,#hud.comfortHud.editingControls #actions::after,#hud.comfortHud.editingControls #quickbar::after,#hud.comfortHud.editingControls #weaponBar::after{content:attr(aria-label);position:absolute;inset:-6px;z-index:30;padding:3px;font:700 10px/1.2 system-ui,sans-serif;color:#ffe9b4;background:#d2b76912;border-radius:8px;touch-action:none}
#hud.comfortHud.editingControls header,#hud.comfortHud.editingControls nav,#hud.comfortHud.editingControls #miniMapButton,#hud.comfortHud.editingControls .quickEat{pointer-events:none;opacity:.3}
.controlEditor{position:fixed;z-index:35;top:max(70px,calc(env(safe-area-inset-top) + 58px));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 28px));padding:14px;background:#292f23f5;border:1px solid #d4bb7f;border-radius:13px;color:#f3e6c9;box-shadow:0 12px 45px #0006;text-align:center}
.controlEditor[hidden]{display:none}.controlEditor>b,.controlEditor>small{display:block}.controlEditor>small{margin:5px 0 10px;line-height:1.4;color:#cdd4b8}.controlEditor>div{display:flex;gap:6px}.controlEditor button{min-height:44px;flex:1;font:600 12px/1.3 system-ui,sans-serif}
.settingsRange{display:block;padding:14px 0;font:600 14px/1.4 system-ui,sans-serif}.settingsRange output{float:right;color:#e0c78e}.settingsRange input{display:block;width:100%;min-height:44px;margin-top:8px;accent-color:#d6bc7b}
.quickbarSlots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0}.quickbarSlots button{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:96px;padding:8px 4px}.quickbarSlots b{font-size:27px}.quickbarSlots small{color:#d2bc8d}.quickbarSlots span{font-size:11px;overflow-wrap:anywhere}.quickbarChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quickbarChoices button{padding:13px;text-align:left;min-height:64px}.quickbarChoices b,.quickbarChoices small{display:block}.quickbarChoices small{margin-top:4px;color:#c6d3b0}
.equipmentViewer{position:relative;margin:16px -2px;background:radial-gradient(ellipse at 50% 50%,#46503b,#242923 76%);border:1px solid #a9915a66;border-radius:13px;overflow:hidden}.equipmentViewer canvas{display:block;width:100%;height:330px;touch-action:none;cursor:grab}.equipmentViewer canvas:active{cursor:grabbing}.equipmentViewer canvas:focus-visible{outline:2px solid #ecd08a;outline-offset:-4px}.equipmentViewer>p{font-size:12px;margin:8px 13px;min-height:18px;text-align:center;color:#d3d8c1}.equipmentViewer .menuTabs{position:absolute;bottom:39px;right:12px;margin:0;gap:5px}.equipmentViewer .menuTabs button{width:44px;padding:0;background:#293123df;font-size:23px}
.previewDetails{padding:12px 15px;margin-bottom:18px;border-left:3px solid #d8bd77;background:#27302080;border-radius:3px 9px 9px 3px}.previewDetails h3{margin:0 0 7px}.previewDetails p{font-size:13px;line-height:1.6}.previewDetails>button{width:100%}
.skillRewards{margin:18px 0;padding:16px;border:1px solid #a9b47d44;border-radius:12px;background:#24302180}.nextSkillBonus{display:grid;gap:5px;padding:13px;background:#73834c22;border-radius:8px}.nextSkillBonus small{color:#d6c18e}.nextSkillBonus b{color:#d7e4b6;font-size:15px}.nextSkillBonus span{font-size:12px;line-height:1.5;color:#d4d6c6}.skillMilestone{padding:14px 3px 8px}.skillMilestone p{font-size:13px;margin:5px 0}.skillUnlock{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #b6a27333}.skillUnlock>div{flex:1;min-width:0}.skillUnlock b,.skillUnlock small{display:block}.skillUnlock small{font-size:11px;line-height:1.5;color:#c1cdb1}.skillUnlock p{font-size:12px;line-height:1.6;margin:5px 0}.skillUnlock button{flex:none;max-width:113px;padding:8px;font-size:12px}
.backupFile{display:block;padding:14px;border:1px dashed #cdb477;border-radius:10px;background:#34412a80;color:#e8d8b1;font-weight:600}.backupFile input{display:block;margin-top:12px;width:100%;font:13px system-ui,sans-serif}.backupFile input::file-selector-button{min-height:44px;padding:9px 13px;margin-right:10px;border-radius:7px;background:#6b744a;border:1px solid #c8b476;color:#fff1ce}.backupReview{padding:15px;border:1px solid #d6b67e;border-radius:11px;background:#4a4130a0;margin:15px 0}.backupReview[hidden]{display:none}.backupReview p{font-size:13px;line-height:1.6}.backupReview button{width:100%}
.comfortUi .recipe.focusedRecipe{outline:2px solid #d7b974;outline-offset:2px;background:#9b884c20;border-radius:8px}
@media(orientation:portrait) and (max-height:660px){#hud.comfortHud #weaponBar{bottom:max(275px,calc(env(safe-area-inset-bottom) + 263px))}#hud.comfortHud #lockedTarget small{font-size:11px;line-height:1.35}#hud.comfortHud.hasCombatTarget #combatWarning{display:none}#hud.comfortHud.hasCombatTarget #waypoint,#hud.comfortHud.hasAttackWarning .quest,#hud.comfortHud.hasAttackWarning #waypoint{display:none!important}}
@media(orientation:landscape) and (max-height:650px){
 #hud.comfortHud #weaponBar{bottom:max(165px,calc(env(safe-area-inset-bottom) + 155px));right:max(20px,env(safe-area-inset-right))}
 #hud.comfortHud #quickbar{bottom:max(79px,calc(env(safe-area-inset-bottom) + 67px));left:calc(50% - 124px)}
 #hud.comfortHud.leftHanded #joystick{left:auto;right:max(23px,env(safe-area-inset-right))}#hud.comfortHud.leftHanded #actions,#hud.comfortHud.leftHanded #weaponBar{right:auto;left:max(20px,env(safe-area-inset-left))}#hud.comfortHud.leftHanded .quickEat{left:auto;right:44px}
 #hud.comfortHud #combatWarning{bottom:141px;max-width:calc(100% - 340px);font-size:11px}.controlEditor{top:65px;width:min(450px,calc(100% - 340px));padding:10px}.controlEditor>small{font-size:11px}.controlEditor button{font-size:11px}.equipmentViewer canvas{height:260px}
}
@media(max-width:370px){#hud.comfortHud #quickbar{left:calc(50% - 119px);width:238px;gap:3px}.skillUnlock{gap:7px}.skillUnlock button{max-width:95px}.quickbarSlots{gap:4px}.equipmentViewer canvas{height:285px}}
@media(orientation:landscape) and (max-height:340px){#hud.comfortHud #miniMapButton{display:none}.controlEditor{top:63px;padding:7px}.controlEditor>small{display:none}}
@media(prefers-reduced-motion:reduce){.equipmentViewer canvas{scroll-behavior:auto}}

/* Each selected outfit is a complete visible armour set. */
.outfitParts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:14px 0 8px}
.outfitParts>span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid #a48b5b66;border-radius:5px;background:#201f1980;color:#e8d1a0}
.outfitParts .classicIcon{width:24px;height:27px}
.outfitParts b{font:600 11px/1.3 system-ui,sans-serif}
.panel .outfitShieldHint{font:12px/1.5 system-ui,sans-serif;color:#c6b58f;margin:8px 0 16px}
.outfitCard .outfitPreview .classicIcon{width:30px;height:34px}
@media(max-width:400px){.outfitParts{gap:4px}.outfitParts b{font-size:10px}.outfitParts>span{padding:9px 2px}}