:root{--void-top:#f3e9ff;--void-bottom:#ffe9e0;--ink:#2d2a4a;--rim:#6c5ce7;--chip:#ede6d6}html,body{overscroll-behavior:none;background:linear-gradient(var(--void-top), var(--void-bottom));height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;position:fixed;inset:0}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) 0 calc(env(safe-area-inset-left) + 16px);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.hud-top{flex-direction:column;gap:6px;display:flex}.hud-size{letter-spacing:-.5px;text-shadow:0 1px #fff9;font-size:30px;font-weight:800}.hud-progress{background:#ffffffb3;border-radius:5px;width:168px;height:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #2d2a4a1f}.hud-progress-fill{background:var(--rim);border-radius:5px;width:0;height:100%}.hud-pct{opacity:.75;font-size:13px;font-weight:700}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hud-buttons{gap:8px;display:flex}.hud-button{pointer-events:auto;width:44px;height:44px;color:var(--ink);background:#fffc;border:none;border-radius:22px;padding:0;font-size:18px;font-weight:800;line-height:44px;box-shadow:0 2px 8px #2d2a4a26}.hud-gear{font-size:22px}.minimap{background:#ffffff8c;border-radius:14px;box-shadow:0 2px 8px #2d2a4a26}.pause{touch-action:none;background:#2d2a4a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pause[hidden]{display:none}.pause-card{text-align:center;background:#fff;border-radius:22px;width:min(360px,100%);padding:22px;box-shadow:0 12px 40px #2d2a4a4d}.pause-title{margin:0 0 10px;font-size:24px;font-weight:800}.pause-stats{white-space:pre-wrap;margin:0 0 16px;font:600 15px/1.6 ui-rounded,SF Pro Rounded,system-ui,sans-serif}.pause-card button{background:var(--chip);min-height:48px;color:var(--ink);font:inherit;border:none;border-radius:14px;font-size:16px;font-weight:800}.pause-primary{width:100%;background:var(--rim)!important;color:#fff!important}.pause-row{gap:8px;margin-top:8px;display:flex}.pause-row button{flex:1}.pause-credits{opacity:.55;margin:14px 0 0;font-size:11px}.joy{pointer-events:none;opacity:0;border:3px solid #ffffffb3;border-radius:50%;width:80px;height:80px;margin:-40px 0 0 -40px;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #2d2a4a1f}.joy.on{opacity:1}.joy-knob{background:#ffffffd9;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #2d2a4a33}.toast{left:50%;top:calc(env(safe-area-inset-top) + 96px);background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:20px;padding:10px 18px;font-size:16px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-8px)}.toast.on{opacity:1;transform:translate(-50%)}.debug{left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#fffffff2;border-radius:16px;max-height:68vh;padding:12px 14px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #2d2a4a33}.debug[hidden]{display:none}.debug-head{justify-content:space-between;align-items:center;display:flex}.debug-row{margin:6px 0}.debug-label{opacity:.6;margin-bottom:2px;font-weight:700;display:block}.debug pre{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;margin:6px 0;font:11px/1.45 ui-monospace,Menlo,monospace}.debug button,.debug a{background:var(--chip);min-height:36px;color:var(--ink);font:inherit;border:none;border-radius:10px;align-items:center;margin:3px 4px 3px 0;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.debug .debug-close{min-height:32px;padding:0 10px}.loading{text-align:center;white-space:pre-wrap;background:linear-gradient(var(--void-top), var(--void-bottom));justify-content:center;align-items:center;padding:24px;font-size:20px;font-weight:800;display:flex;position:fixed;inset:0}.loading.error{font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:600}