:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}.app-shell{background:radial-gradient(circle at 20% 10%,#fffaf0b3,#fffaf000 38%),radial-gradient(circle at 82% 25%,#ffe2b880,#ffe2b800 44%),linear-gradient(160deg,#d6c7af 0%,#f0e9dd 36%,#d9c3a5 100%);width:100vw;height:100svh;font-family:Trebuchet MS,Segoe UI,sans-serif;position:relative;overflow:hidden}canvas{display:block}.loading-overlay{z-index:30;color:#2d1f12;text-align:center;pointer-events:none;opacity:0;visibility:hidden;background:#eee6d7f0;place-content:center;gap:.55rem;transition:opacity .2s;display:grid;position:absolute;inset:0}.loading-overlay.visible{opacity:1;visibility:visible}.loading-overlay p{margin:0;font-weight:600}.loading-overlay strong{font-size:.95rem}.loading-bar{background:#3d2b182e;border-radius:999px;width:min(70vw,18rem);height:.55rem;overflow:hidden}.loading-bar span{background:#8f5f30;border-radius:999px;height:100%;transition:width .15s linear;display:block}.hud{z-index:10;color:#30241b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transform-origin:0 0;visibility:visible;background:#fff7e8c7;border:1px solid #4e3a242e;border-radius:.9rem;max-width:min(92vw,26rem);padding:.85rem 2.9rem .85rem 1rem;transition:opacity .18s,transform .2s,visibility linear;position:absolute;top:1rem;left:1rem;transform:translateY(0)scale(1)}.hud.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .16s,transform .18s,visibility 0s linear .18s;transform:translateY(-8px)scale(.96)}.hud-toggle{color:#2d2118;cursor:pointer;background:#fffbf3eb;border:1px solid #3b291647;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;padding:0;font-size:.82rem;font-weight:700;line-height:1;display:grid;position:absolute;top:.55rem;right:.6rem}.hud-toggle svg{stroke:#2d2118;stroke-width:2.4px;stroke-linecap:round;fill:none;width:.92rem;height:.92rem}.hud h1{margin:0 0 .3rem;font-size:clamp(1.05rem,2.6vw,1.35rem)}.hud p{margin:.15rem 0;font-size:.9rem}.hud-reopen{z-index:11;color:#2d2118;text-align:center;cursor:pointer;background:#fffbf3e6;border:1px solid #3b29164d;border-radius:999px;justify-content:center;align-items:center;width:2.05rem;height:2.05rem;padding:0;font-size:1rem;font-weight:700;line-height:1px;animation:.18s hud-pop-in;display:inline-flex;position:absolute;top:1rem;left:1rem}.hud-reopen svg{flex:none;display:block}@keyframes hud-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.desktop-actions{z-index:12;align-items:center;gap:.7rem;display:flex;position:absolute;bottom:1rem;left:1rem}.desktop-actions button{color:#2d2118;cursor:pointer;background:#fffbf3d9;border:1px solid #3b291659;border-radius:.75rem;padding:.65rem .95rem;font-weight:600}.desktop-actions button:disabled{opacity:.45;cursor:not-allowed}.desktop-tip{color:#2f1f11;background:#fffbf3d9;border:1px solid #3b291640;border-radius:.65rem;padding:.5rem .7rem;font-size:.85rem;font-weight:600}.mobile-controls{z-index:15;pointer-events:none;position:absolute;inset:0}.movement-pad{pointer-events:auto;width:10.8rem;height:10.8rem;position:absolute;bottom:1rem;left:1rem}.btn{color:#2f1f11;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff7e6d9;border:1px solid #30231259;border-radius:999px;width:3.1rem;height:3.1rem;font-weight:700;position:absolute}.btn.up{top:.3rem;left:3.85rem}.btn.left{top:3.85rem;left:.3rem}.btn.down{top:7.3rem;left:3.85rem}.btn.right{top:3.85rem;left:7.3rem}.look-pad{pointer-events:auto;touch-action:none;color:#3a2a1c;background:#fff4de80;border:1px solid #31221059;border-radius:1rem;place-items:center;width:min(44vw,12.5rem);height:min(44vw,12.5rem);font-size:.95rem;font-weight:600;display:grid;position:absolute;bottom:1rem;right:1rem}@media (width<=680px){.hud{max-width:calc(100vw - 2rem);padding:.7rem 2.5rem .7rem .8rem}.hud p{font-size:.82rem}.hud-reopen{top:.8rem;left:.8rem}}