/* The battle HUD keeps threats, health, and touch actions clear of the aiming area. */
#sandVeil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 20%,#a78756b5,transparent 65%),radial-gradient(ellipse at 10% 70%,#e4c68f 5%,#b9945bbc 50%,transparent 80%),linear-gradient(20deg,#ddc398a8,#b18c57cf);z-index:-1;backdrop-filter:blur(3px)}
.boss-hud{position:absolute;top:83px;left:50%;transform:translateX(-50%);width:min(570px,48vw);padding:12px 16px;border:1px solid #f0cd8b77;border-radius:12px;background:#24303bed;color:#fce6ba;box-shadow:0 6px 25px #12273844}.boss-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.boss-heading span{font-size:8px;letter-spacing:.6px}.boss-heading b{font:600 12px Outfit,sans-serif;letter-spacing:1px}.boss-health,.hero-vital>div{height:8px;background:#0d1c29;border-radius:8px;overflow:hidden;margin:9px 0}.boss-health i,.hero-vital i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#aa594d,#e7aa6f);transition:width .15s}.boss-hud #bossCue{font-size:11px;line-height:1.5;min-height:17px;color:#fff3d5}
#battleControls{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;background:#24303bed;border:1px solid #d2c19e66;border-radius:12px;padding:9px 12px;color:#f8ebcb;pointer-events:auto}.hero-vital{width:150px;font-size:10px}.hero-vital span{display:flex;justify-content:space-between;gap:16px}.hero-vital>div{height:6px;margin-bottom:1px}.hero-vital i{background:#8ac9a5}#dodgeButton,#retreatButton{padding:9px 13px;border:1px solid #e9d29f77;background:#eed29e;color:#3d4145;border-radius:8px;font-size:12px;font-weight:700}#dodgeButton small{display:block;font-size:8px;margin-top:3px;font-weight:500}#dodgeButton:disabled{opacity:.6}#retreatButton{background:transparent;color:#e4d6b9;font-size:10px}#battleControls[hidden],.boss-hud[hidden]{display:none}.in-boss-fight #fpCompass,.in-boss-fight .quest-tracker,.in-boss-fight .explore-label,.in-boss-fight #lookHint{display:none}.in-boss-fight .toast{top:auto;bottom:183px}.in-boss-fight #techniqueFlash{top:65%;font-size:26px}.in-boss-fight .interaction-hint{display:none}.boss-intro{display:flex;align-items:center;gap:20px}.boss-emblem,.victory-mark{font-size:50px;color:#a27850}.attack-guide{padding:8px 18px;background:#eee7d6;border-radius:12px}.attack-guide p{margin:10px 0;font-size:12px}.reward-banner{font:700 18px Outfit;color:#7c5d35;letter-spacing:2px}.victory-mark{text-align:center}.waystone-grid{max-height:54vh;overflow:auto;padding-right:5px}
@media(max-width:800px){.boss-hud{top:80px;left:11px;right:11px;transform:none;width:auto;padding:10px 12px}.boss-heading b{font-size:10px}.boss-heading span:first-child{display:none}.boss-hud #bossCue{font-size:10px;min-height:30px}.in-boss-fight .minimap{top:190px;width:110px}.in-boss-fight .touch-pad{bottom:155px}#battleControls{bottom:85px;width:calc(100% - 28px);gap:7px;padding:8px 10px;justify-content:space-between}.hero-vital{width:auto;flex:1;max-width:160px}#dodgeButton{padding:8px 13px}#retreatButton{padding:10px 8px}.in-boss-fight .toast{bottom:275px;top:auto}.in-boss-fight #techniqueFlash{top:55%;font-size:20px}.waystone-grid{max-height:none}}
@media(max-height:500px){.boss-hud{top:75px;padding:7px 12px}.boss-heading span:first-child{display:none}.boss-hud #bossCue{min-height:0;font-size:9px}#battleControls{bottom:72px;padding:6px 10px}.in-boss-fight .minimap{width:100px;top:80px}.in-boss-fight .touch-pad{bottom:82px}.in-boss-fight .toast{bottom:140px}}
@media(max-width:600px){dialog:has(#mapCanvas) .map-wrap canvas{max-height:22vh}dialog:has(#mapCanvas) .waystone-grid button{padding:9px 8px}dialog:has(#mapCanvas) .map-legend{font-size:10px}}
.equipment-controls{position:absolute;right:25px;bottom:100px;width:285px;padding:10px;border:1px solid #fff1cc77;border-radius:12px;background:#243541e8;color:#f1e5cc;pointer-events:auto}.equipment-controls>span{display:block;font-size:9px;margin:0 2px 7px;line-height:1.4}.equipment-controls>div{display:flex;flex-wrap:wrap;gap:5px}.equipment-controls button{flex:1 1 70px;padding:10px 8px;font-size:10px;border:1px solid #c8d6cd88;border-radius:7px;background:#f2e7cb;color:#304653;touch-action:none}.equipment-controls button.active{background:#a5d4c5}.equipment-controls button:disabled{opacity:.5}.equipment-controls button[hidden]{display:none}#combatFeedback{position:absolute;top:56%;left:50%;transform:translateX(-50%);padding:6px 11px;border-radius:8px;background:#203340c9;color:#ffe5a2;font-size:13px;pointer-events:none}.technique-list{display:grid;gap:10px}.technique-list button{text-align:left;padding:14px}.technique-list b,.technique-list span{display:block}.technique-list span{font-size:11px;margin-top:6px;line-height:1.6}.technique-list button:disabled{opacity:.55}.in-boss-fight .equipment-controls{bottom:104px}.in-boss-fight #battleControls{left:42%}
@media(max-width:1100px) and (min-width:801px){.equipment-controls{width:240px}.in-boss-fight #battleControls{left:38%}}
@media(max-width:800px){.equipment-controls,.in-boss-fight .equipment-controls{right:11px;bottom:167px;width:183px;padding:7px}.equipment-controls button{flex-basis:70px;padding:10px 5px;font-size:9px}.equipment-controls>span{font-size:8px}.in-boss-fight #battleControls{left:50%}.in-boss-fight .toast{bottom:330px}.touch-pad{bottom:176px}.in-boss-fight .touch-pad{bottom:176px}#combatFeedback{top:49%;font-size:11px}.interaction-hint{bottom:136px}}
@media(max-height:500px){.equipment-controls,.in-boss-fight .equipment-controls{bottom:80px;width:180px}.equipment-controls button{padding:6px 5px}.equipment-controls>span{display:none}.touch-pad,.in-boss-fight .touch-pad{bottom:90px}}

@media(min-width:801px){.equipment-controls{left:25px;right:auto}.explore-label{bottom:245px}}
@media(max-width:360px){.equipment-controls,.in-boss-fight .equipment-controls{width:162px}.equipment-controls button{font-size:8px;padding:9px 3px;flex-basis:62px}.touch-pad,.in-boss-fight .touch-pad{left:10px}}

/* Peaceful, walkable city interiors. */
#housingActions{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto;z-index:10}#housingActions[hidden]{display:none}#housingActions button{border:1px solid #e5d9bc;border-radius:12px;padding:12px 18px;background:#f5edda;color:#314b52;font:600 14px Outfit,sans-serif;cursor:pointer}.indoors .equipment-controls,.indoors .quest-tracker,.indoors #powerButton,.indoors .explore-label{display:none}.furniture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.furniture-grid article{border:1px solid #d9dbc9;border-radius:14px;padding:14px;background:#f5eedc}.furniture-grid h3{margin:0;font-size:18px}.furniture-grid p{font-size:14px;min-height:40px}.furniture-grid button{width:100%}.furniture-grid button:disabled{opacity:.6;cursor:default}@media(max-width:600px){#housingActions{bottom:125px;left:auto;right:12px;transform:none;max-width:65%;flex-wrap:wrap;justify-content:flex-end}#housingActions button{font-size:12px;padding:10px}.furniture-grid{grid-template-columns:1fr}}

#waterVeil{position:absolute;inset:0;background:linear-gradient(#387caa44,#24649a77);box-shadow:inset 0 0 100px #24527b;pointer-events:none;z-index:2}#waterVeil[hidden],#waterBreath[hidden]{display:none}#waterBreath{position:absolute;top:190px;left:50%;transform:translateX(-50%);background:#244d68e8;color:#ecfff4;border:1px solid #a5ebda;border-radius:12px;padding:9px 15px;z-index:8;font:600 13px Outfit,sans-serif;text-align:center;max-width:85%}@media(max-width:600px){#waterBreath{top:210px;font-size:11px}}

#oceanVeil{position:absolute;inset:0;background:#247ba82c;box-shadow:inset 0 0 80px #2478a866;pointer-events:none;z-index:1}#oceanVeil[hidden],#oceanActions[hidden]{display:none}#oceanActions{position:absolute;right:24px;top:385px;display:flex;gap:8px;z-index:9;pointer-events:auto}#oceanActions button{background:#e6f1de;border:1px solid #8bb4bd;border-radius:10px;padding:10px;color:#315566;font:600 13px Outfit,sans-serif}.boat-map{position:relative;aspect-ratio:800/570;overflow:hidden;border-radius:18px}.boat-map svg{width:100%;height:100%;display:block}.boat-map button{position:absolute;transform:translate(-50%,-50%);border:2px solid #648879;border-radius:50%;background:#e6d2a0;padding:14px;font-size:24px;cursor:pointer}.boat-map button span{display:block;font:600 12px Outfit,sans-serif;white-space:nowrap;color:#385365}.boat-map button:disabled{opacity:.7}@media(max-width:600px){#oceanActions{top:330px;right:10px;flex-direction:column}.boat-map button{padding:7px;font-size:18px}.boat-map button span{font-size:10px}}