*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#88c9ed;font-family:system-ui,sans-serif;touch-action:none;user-select:none}canvas{display:block;width:100%;height:100%}
#hud{position:fixed;inset:0;pointer-events:none;color:white;text-shadow:0 2px 4px #0008}
#top{position:absolute;top:12px;left:12px;background:#152c32bb;padding:8px 12px;border-radius:12px;font-weight:700;font-size:13px}
#hint{position:absolute;top:12px;right:12px;background:#152c32bb;padding:8px 12px;border-radius:12px;font-size:12px}
#cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:27px}
#pad{position:absolute;bottom:20px;left:18px;width:132px;height:132px;border-radius:50%;background:#ffffff44;border:2px solid #fff8;pointer-events:auto;touch-action:none}
#stick{position:absolute;left:41px;top:41px;width:48px;height:48px;background:#ffffffbb;border-radius:50%}
#actions{position:absolute;right:14px;bottom:20px;display:grid;grid-template-columns:repeat(2,70px);gap:10px;pointer-events:auto}
button{border:2px solid #fff8;background:#172c39b8;color:#fff;border-radius:17px;font-weight:700;font-size:12px;min-height:59px;touch-action:none}
#bar{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:4px;pointer-events:auto;max-width:94vw;overflow-x:auto}
.slot{width:37px;height:40px;min-height:40px;font-size:20px;flex-shrink:0;background:#182e32b8}.slot.active{border:3px solid #ffe57d}
#customize{position:absolute;top:48px;left:12px;pointer-events:auto;padding:7px 12px;min-height:36px}#wardrobe{display:none;position:absolute;inset:0;background:#091c23d9;pointer-events:auto;align-items:center;justify-content:center;z-index:10}#wardrobe.open{display:flex}#wardrobePanel{width:min(94vw,370px);max-height:85dvh;overflow-y:auto;background:#213f49;border:2px solid #a6d2d1;border-radius:20px;padding:18px;box-shadow:0 10px 35px #0007;text-align:center}#wardrobePanel h2{margin:0 0 12px}.options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:7px 0 15px}.choice{min-width:62px;min-height:42px;padding:6px;border-radius:10px}.choice.chosen{border:3px solid #ffdf73;background:#3d6365}.swatch{width:38px;min-width:38px;background:var(--swatch)}#saveLook{background:#327a56;width:100%;font-size:16px}#intro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#12272ddd;border-radius:18px;padding:16px;text-align:center;max-width:280px;font-size:13px;line-height:1.5}
@media(max-width:650px){#bar{bottom:3px}.slot{width:32px;height:32px;min-height:32px}#actions{bottom:65px;grid-template-columns:repeat(2,58px)}button{min-height:49px}#pad{bottom:65px;width:110px;height:110px}#stick{left:35px;top:35px;width:36px;height:36px}}


#worldTools{position:absolute;top:92px;left:12px;display:flex;flex-wrap:wrap;gap:5px;max-width:90vw;pointer-events:auto}#worldTools button{min-height:32px;padding:5px 8px;font-size:11px;border-radius:10px}button:disabled{opacity:.45}#intro{pointer-events:none}
@media(max-width:650px){#hint{top:12px;max-width:49vw;font-size:10px}#top{max-width:45vw;font-size:11px}}

#worldList{max-width:145px;background:#193c4c;color:white;border:1px solid #fff8;border-radius:10px;padding:5px;pointer-events:auto;font:inherit;font-size:12px;touch-action:auto}

#targetHelp{position:absolute;top:calc(50% + 25px);left:50%;transform:translateX(-50%);background:#12272dbb;border-radius:8px;padding:4px 8px;font-size:11px;white-space:nowrap}#cross{color:#fff;text-shadow:0 1px 3px #000,1px 0 3px #000}