*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#12173d;font-family:"Baloo 2",Segoe UI,system-ui,sans-serif}.app canvas{touch-action:none}.app{width:100%;height:100%;position:relative}.app canvas{display:block}.hud{pointer-events:none;color:#3a2c1a;position:absolute;inset:0}.hud>*{pointer-events:auto}.topbar{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:14px;left:14px}.chip{background:#fffcf0eb;border:2px solid #7a523059;border-radius:999px;padding:5px 14px;font-size:16px;font-weight:700;box-shadow:0 2px 6px #1e14052e}.chip.small{padding:3px 10px;font-size:14px}.btn{cursor:pointer;font-family:inherit;transition:transform .1s,filter .1s}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.hotbar{gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.slot{cursor:pointer;background:#fffcf0e6;border:3px solid #7a523066;border-radius:14px;width:58px;height:58px;font-family:inherit;transition:transform .12s,border-color .12s;position:relative;box-shadow:0 3px 8px #1e140538}.slot:hover{transform:translateY(-3px)}.slot.selected{background:#fff6d8;border-color:#f2b428;transform:translateY(-5px)scale(1.06)}.slot-icon{font-size:26px;line-height:52px}.slot-key{opacity:.55;font-size:11px;font-weight:800;position:absolute;top:2px;left:6px}.slot-count{color:#4a3312;background:#f2b428;border-radius:999px;padding:0 6px;font-size:12px;font-weight:800;position:absolute;bottom:2px;right:5px}.shop-slot{margin-left:14px}.tool-label{color:#fff6d8;background:#3a2c1abf;border-radius:999px;padding:3px 14px;font-size:14px;font-weight:700;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.inventory{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:40vw;display:flex;position:absolute;top:14px;right:14px}.toast{color:#fff6d8;white-space:nowrap;background:#3a2c1ae0;border-radius:999px;padding:9px 22px;font-size:17px;font-weight:700;animation:.25s toast-pop;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #1e14054d}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.card{background:#fffbef;border:3px solid #7a523066;border-radius:18px;padding:18px;box-shadow:0 10px 30px #1e140559}.help{z-index:5;max-width:380px;font-size:14.5px;position:absolute;top:64px;left:14px}.help h3{margin-bottom:8px}.help ul{gap:5px;margin-bottom:12px;padding-left:18px;display:grid}.btn.danger{color:#fff;background:#e05548;border:none;border-radius:10px;padding:7px 14px;font-size:14px;font-weight:700}.modal-backdrop{z-index:10;background:#140e0573;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shop{width:min(560px,92vw);max-height:86vh;overflow-y:auto}.shop-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.shop-header h2{flex:1;font-size:22px}.btn.close{background:#7a523026;border:none;border-radius:10px;width:34px;height:34px;font-size:16px;font-weight:800}.shop h4{margin:10px 0 8px;font-size:16px}.shop-grid{gap:8px;display:grid}.shop-item{background:#7a523014;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.shop-item-icon{font-size:30px}.shop-item-info{flex:1;font-size:13px;line-height:1.35;display:grid}.shop-item-info b{font-size:15px}.owned{opacity:.65}.btn.buy{color:#fff;white-space:nowrap;background:#6fae4e;border:none;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:800}.btn.buy:disabled{cursor:not-allowed;background:#b8b2a4}.sell-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.btn.sell{color:#4a3312;background:#f2b428;border:none;border-radius:12px;width:100%;padding:11px;font-size:16px;font-weight:800}.muted{opacity:.6;font-size:14px}.bubble{color:#3a2c1a;white-space:nowrap;background:#fffcf0f2;border:2px solid #7a523066;border-radius:999px;padding:4px 12px;font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:800;animation:1.6s ease-in-out infinite bubble-bob;box-shadow:0 3px 8px #1e140540}@keyframes bubble-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.joystick{bottom:max(24px, env(safe-area-inset-bottom,0px) + 16px);left:max(24px, env(safe-area-inset-left,0px) + 16px);touch-action:none;z-index:6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffcf038;border:3px solid #fffcf073;border-radius:50%;justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:absolute}.joystick-knob{pointer-events:none;background:#fffcf0d9;border-radius:50%;width:56px;height:56px;box-shadow:0 3px 10px #1e140559}@media (width<=700px),(height<=500px){.topbar{top:max(8px, env(safe-area-inset-top,0px));gap:5px;left:8px}.chip{padding:3px 10px;font-size:13px}.hotbar{bottom:max(14px, env(safe-area-inset-bottom,0px) + 8px);left:auto;right:max(12px, env(safe-area-inset-right,0px) + 8px);flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:62vw;transform:none}.slot{border-width:2px;border-radius:11px;width:46px;height:46px}.slot-icon{font-size:20px;line-height:42px}.shop-slot{margin-left:6px}.tool-label{font-size:12px;top:44px;bottom:auto}.inventory{max-width:50vw;top:auto;bottom:118px;right:8px}.toast{white-space:normal;text-align:center;max-width:92vw;font-size:14px;top:78px}.help{max-width:none;max-height:60vh;font-size:13px;top:48px;left:8px;right:8px;overflow-y:auto}}