:root{--ink:#1b1630;--cyan:#46e6ff;--yellow:#ffd21f;--orange:#ff7a1a;--red:#ff4d5a;--panel:#121028b8;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);font-family:ui-rounded,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,Avenir Next,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{overscroll-behavior:none;color:#fff;-webkit-user-select:none;user-select:none;background:#1b2a3a;height:100%;margin:0;overflow:hidden}.app{touch-action:none;height:100dvh;position:fixed;inset:0;overflow:hidden}.stage,.gesture{position:absolute;inset:0}.gesture{z-index:1;touch-action:none}.hud{z-index:3;pointer-events:none;padding:calc(var(--sat) + 10px) calc(var(--sar) + 12px) 0 calc(var(--sal) + 12px);justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;inset:0}.hud button{pointer-events:auto}.hud-left{min-width:96px}.depth{text-shadow:0 3px #140a32a6,0 0 14px #00000059;-webkit-text-stroke:2px #140a328c;paint-order:stroke fill;font-weight:900;line-height:.9}.depth-num{font-variant-numeric:tabular-nums;color:var(--yellow);font-size:clamp(38px,9vw,64px)}.depth-unit{margin-left:3px;font-size:clamp(18px,4vw,26px)}.best{opacity:.9;text-shadow:0 1px 3px #0009;margin-top:4px;font-size:12px;font-weight:800}.air{flex:1;max-width:340px;margin-top:4px}.air-label{letter-spacing:.08em;text-shadow:0 1px 3px #000000b3;justify-content:space-between;font-size:13px;font-weight:900;display:flex}.air-bar{background:#0a081e99;border:2px solid #ffffffd9;border-radius:10px;height:16px;margin-top:3px;overflow:hidden;box-shadow:0 2px 6px #00000059}.air-fill{background:linear-gradient(#8ff6ff,#2fb8ff);border-radius:8px;height:100%;transition:width .12s linear}.air-warn .air-fill{background:linear-gradient(#ffe680,#ffb020)}.air-low .air-fill{background:linear-gradient(#ff8a93,#ff3b4a);animation:.45s steps(2,end) infinite blink}.air-low .air-label{color:#ffd2d6}@keyframes blink{50%{opacity:.45}}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.lives{letter-spacing:2px;color:var(--red);text-shadow:0 2px #140a3299;font-size:22px;line-height:1}.hud-buttons{gap:6px;display:flex}.icon-btn{background:var(--panel);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);border:2px solid #fffc;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;line-height:1;display:grid}.icon-btn:active{transform:scale(.94)}.cam-buttons{left:50%;bottom:calc(var(--sab) + 14px);gap:10px;display:flex;position:absolute;transform:translate(-50%)}.cam-buttons .icon-btn{opacity:.7}.key-hint{opacity:.8;background:var(--panel);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}.vignette{pointer-events:none;animation:.6s steps(2,end) infinite blink;position:fixed;inset:0;box-shadow:inset 0 0 90px 18px #ff283c8c}.touch-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.stick-ring{opacity:0;background:#ffffff1f;border:3px solid #ffffff8c;border-radius:50%;width:110px;height:110px;transition:opacity .12s;position:absolute;top:0;left:0}.stick-thumb{background:#ffffff8c;border:3px solid #ffffffe6;border-radius:50%;width:60px;height:60px;position:absolute;top:0;left:0}.zone-hint{bottom:calc(var(--sab) + 72px);letter-spacing:.1em;color:#fff9;background:#12102847;border:2px dashed #ffffff59;border-radius:16px;padding:10px 16px;font-size:15px;font-weight:900;position:absolute}.zone-left{left:calc(var(--sal) + 16px)}.zone-right{right:calc(var(--sar) + 16px)}.toasts{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:27%;left:0;right:0}.toast{letter-spacing:.04em;text-shadow:0 3px #140a32b3;-webkit-text-stroke:2px #140a32b3;paint-order:stroke fill;padding:2px 14px;font-size:clamp(22px,5.5vw,34px);font-weight:900;animation:1.3s ease-out forwards pop}.toast-good{color:#8ff6ff}.toast-bad{color:#ff7b86}.toast-combo{color:var(--yellow)}.toast-milestone{color:#fff;font-size:clamp(30px,8vw,52px)}.toast-info{color:#fff}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.15)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.screen{z-index:6;padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);touch-action:pan-y;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.title-screen{padding-top:calc(var(--sat) + 5vh);pointer-events:none;justify-content:flex-start}.title-screen>*{pointer-events:auto}.overlay-dim{background:radial-gradient(#0a081e8c,#0a081ed1)}.logo{filter:drop-shadow(0 6px #140a328c);align-items:baseline;gap:8px;font-weight:900;line-height:.95;display:flex;transform:rotate(-3deg)}.logo-drill{color:var(--yellow);-webkit-text-stroke:6px #2a1650;paint-order:stroke fill;letter-spacing:.02em;font-size:clamp(54px,15vw,112px)}.logo-3d{color:var(--cyan);-webkit-text-stroke:6px #2a1650;paint-order:stroke fill;font-size:clamp(54px,15vw,112px)}.tagline{text-shadow:0 2px 6px #000000b3;max-width:520px;margin:0 0 6px;font-size:clamp(13px,3.4vw,17px);font-weight:800}.btn{font:inherit;letter-spacing:.06em;background:var(--panel);color:#fff;cursor:pointer;border:3px solid #fff;border-radius:18px;min-width:200px;padding:14px 28px;font-size:20px;font-weight:900;box-shadow:0 5px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 2px #00000059}.btn-primary{background:linear-gradient(180deg, #ffb23d, var(--orange));color:#3a1600;border-color:#fff3d6;font-size:24px}.btn-ghost{min-width:140px;box-shadow:none;background:0 0;padding:10px 20px;font-size:16px}.best-badge{background:var(--panel);border-radius:999px;padding:6px 14px;font-weight:800}.best-badge b{color:var(--yellow);font-size:1.2em}.card{background:var(--panel);text-align:left;-webkit-backdrop-filter:blur(6px);border:2px solid #ffffff40;border-radius:18px;width:100%;max-width:520px;padding:12px 16px}.card h3{letter-spacing:.12em;color:var(--cyan);margin:0 0 6px;font-size:14px}.howto ul{margin:0 0 8px;padding-left:18px;font-size:13px;font-weight:700;line-height:1.5}.controls{border-collapse:collapse;width:100%;font-size:12.5px}.controls th{text-align:left;white-space:nowrap;color:var(--yellow);padding:2px 10px 2px 0}.controls td{opacity:.95;font-weight:700}.screen-title{color:#fff;-webkit-text-stroke:5px #2a1650;paint-order:stroke fill;text-shadow:0 5px #140a3299;margin:0;font-size:clamp(34px,9vw,56px);font-weight:900}.final-depth{color:var(--yellow);-webkit-text-stroke:5px #2a1650;paint-order:stroke fill;font-weight:900;line-height:1}.final-depth span{font-size:clamp(64px,18vw,110px)}.final-depth small{margin-left:4px;font-size:30px}.badge-new,.badge-rank{letter-spacing:.06em;border-radius:999px;padding:6px 16px;font-weight:900;animation:.8s ease-in-out infinite alternate wiggle}.badge-new{background:linear-gradient(#ff6bd6,#ff3b6b)}.badge-rank{background:var(--panel);border:2px solid var(--cyan)}@keyframes wiggle{0%{transform:rotate(-3deg)scale(1)}to{transform:rotate(3deg)scale(1.06)}}.stats{gap:18px;display:flex}.stats div{flex-direction:column;align-items:center;display:flex}.stats b{font-size:24px}.stats span{opacity:.85;font-size:11px;font-weight:700}.ranking{max-width:260px}.ranking ol{margin:0;padding:0;list-style:none}.ranking li{border-radius:8px;justify-content:space-between;padding:3px 8px;font-weight:700;display:flex}.ranking li.me{color:var(--yellow);background:#ffd21f40}@media (height<=520px){.logo-drill,.logo-3d{font-size:44px}.title-screen{padding-top:calc(var(--sat) + 8px)}.howto{display:none}.zone-hint{bottom:calc(var(--sab) + 20px)}.screen{flex-flow:wrap;gap:10px 16px}.title-screen{width:52%;padding-top:calc(var(--sat) + 8px);flex-direction:column;justify-content:center}.stats{flex-basis:100%;justify-content:center}}