:root{--bg:#05070b;--stage:#07090e;--panel-bg:#0e121ad1;--panel-border:#ffffff24;--panel-shadow:0 12px 40px #0000008c;--text:#dce6f0bf;--accent:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}body{justify-content:center;align-items:stretch;display:flex}#app{background:var(--stage);width:min(100vw,420px);height:100dvh;max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 0 80px #000000a6}#stage-wrap{position:absolute;inset:0}#plane{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#plane:active{cursor:grabbing}.floating-dock{z-index:10;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:40px;align-items:center;gap:6px;padding:6px 14px;display:flex;position:absolute}.top-dock{top:max(10px, env(safe-area-inset-top,0px));max-width:calc(100% - 20px);left:50%;transform:translate(-50%)}.icon-btn{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:color .15s,background .15s;display:flex}.icon-btn:hover,.icon-btn:active{color:var(--accent);background:#38bdf81a}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round;width:22px;height:22px}.dock-separator{background:#ffffff1f;width:1px;height:22px;margin:0 2px}.stat{text-align:center;font-variant-numeric:tabular-nums;min-width:36px;color:var(--accent);padding:0 8px;font-size:16px;font-weight:600}