:root{--gurpil-bg:#1a1a2e;--gurpil-ink:#fff;--gurpil-coral:#ff6b9d;--gurpil-teal:#4ecdc4;--gurpil-yellow:#ffe66d;--gurpil-mint:#95e1d3;--gurpil-overlay-bg:#0f0f1edb;--gurpil-medal-gold:#ffd54a;--gurpil-medal-silver:#cbd5e1;--gurpil-medal-bronze:#d98a4f;--gurpil-medal-none:#8a8fa3;--gurpil-safe-top:env(safe-area-inset-top,0px);--gurpil-safe-right:env(safe-area-inset-right,0px);--gurpil-safe-bottom:env(safe-area-inset-bottom,0px);--gurpil-safe-left:env(safe-area-inset-left,0px);--gurpil-font:"Segoe UI", system-ui, -apple-system, sans-serif;--gurpil-radius-sm:10px;--gurpil-radius-md:16px;--gurpil-radius-lg:22px;--gurpil-radius-pill:999px;--gurpil-ease:cubic-bezier(.22, 1, .36, 1);--gurpil-card-bg:linear-gradient(160deg, #ffffff1a, #ffffff08);--gurpil-card-border:#ffffff29}@keyframes gurpil-pop-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gurpil-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gurpil-pulse{0%,to{opacity:.32}50%{opacity:.6}}.hud-title,.select-title{letter-spacing:-.01em;background:linear-gradient(135deg, var(--gurpil-coral), var(--gurpil-yellow), var(--gurpil-mint));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:800;line-height:1.05}.hud-timer{top:calc(.75rem + var(--gurpil-safe-top));z-index:200;pointer-events:none;font-family:var(--gurpil-font);font-variant-numeric:tabular-nums;color:var(--gurpil-ink);letter-spacing:.02em;border-radius:var(--gurpil-radius-pill);background:linear-gradient(135deg, var(--gurpil-coral), var(--gurpil-teal));padding:.4rem 1.25rem;font-size:clamp(1.1rem,4vw,1.6rem);font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000059}.hud-target{top:calc(3.25rem + var(--gurpil-safe-top));z-index:200;pointer-events:none;font-family:var(--gurpil-font);font-variant-numeric:tabular-nums;color:#fffc;letter-spacing:.02em;text-shadow:0 1px 4px #0009;font-size:clamp(.75rem,2.6vw,.95rem);font-weight:600;position:fixed;left:50%;transform:translate(-50%)}.hud-target[hidden]{display:none}.hud-gauge{left:calc(.75rem + var(--gurpil-safe-left));z-index:200;pointer-events:none;border-radius:var(--gurpil-radius-pill);background:#00000059;border:2px solid #ffffff59;width:14px;height:clamp(120px,32vh,260px);position:fixed;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:0 2px 8px #0006}.hud-gauge:before{content:"⚡";opacity:.7;font-size:.85rem;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}.hud-gauge-fill{background:#ec1313;width:100%;height:0%;transition:height .1s linear;position:absolute;bottom:0;left:0}.hud-mute-btn{top:calc(.75rem + var(--gurpil-safe-top));right:calc(.75rem + var(--gurpil-safe-right));z-index:210;border-radius:var(--gurpil-radius-pill);width:2.75rem;height:2.75rem;color:var(--gurpil-ink);cursor:pointer;touch-action:manipulation;background:#00000059;border:2px solid #ffffff59;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;transition:transform .1s,filter .15s;display:flex;position:fixed;box-shadow:0 2px 8px #0006}.hud-mute-btn:active{transform:scale(.92)}.hud-overlay{z-index:300;padding:calc(1.5rem + var(--gurpil-safe-top)) calc(1.5rem + var(--gurpil-safe-right)) calc(1.5rem + var(--gurpil-safe-bottom)) calc(1.5rem + var(--gurpil-safe-left));background:var(--gurpil-overlay-bg);color:var(--gurpil-ink);font-family:var(--gurpil-font);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.hud-overlay[hidden]{display:none}.hud-overlay--start{pointer-events:none;background:0 0}.hud-overlay--start .hud-title{animation:gurpil-fade-in .45s var(--gurpil-ease) both}.hud-overlay--start .hud-prompt{text-shadow:0 2px 8px #0000008c;animation:gurpil-fade-in .45s var(--gurpil-ease) .1s both}.hud-title{font-size:clamp(2rem,10vw,3.5rem)}.hud-prompt{opacity:.92;margin:0;font-size:clamp(1rem,4.5vw,1.4rem)}.hud-card{border-radius:var(--gurpil-radius-lg);border:1px solid var(--gurpil-card-border);background:var(--gurpil-card-bg);width:min(90vw,26rem);animation:gurpil-pop-in .32s var(--gurpil-ease) both;flex-direction:column;align-items:center;gap:.85rem;padding:1.75rem 1.5rem;display:flex;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff0f}.hud-finish-message{color:var(--gurpil-mint);margin:0;font-size:clamp(1.8rem,8vw,3rem);font-weight:800}.hud-finish-time{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.2rem,5vw,1.8rem)}.hud-medal-row{justify-content:center;align-items:center;gap:.5rem;display:flex}.hud-finish-medal{text-shadow:0 2px 8px #00000080;margin:0;font-size:clamp(1.3rem,6vw,2rem);font-weight:800}.hud-finish-best{opacity:.9;margin:0;font-size:clamp(.95rem,4vw,1.2rem);font-weight:600}.medal-pip{border-radius:50%;flex:none;width:.65rem;height:.65rem;display:inline-block;box-shadow:inset 0 0 0 2px #fff3,0 1px 3px #0006}.hud-btn-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.hud-btn{min-width:10rem;min-height:3.25rem;font-family:var(--gurpil-font);border-radius:var(--gurpil-radius-pill);cursor:pointer;touch-action:manipulation;border:none;padding:.85rem 1.75rem;font-size:clamp(.95rem,4.2vw,1.15rem);font-weight:700;transition:transform .1s,filter .15s,box-shadow .15s;box-shadow:0 6px 18px #0006}.hud-btn:active{transform:scale(.96)}.hud-btn--primary{color:var(--gurpil-bg);background:linear-gradient(135deg, var(--gurpil-yellow), var(--gurpil-coral))}.hud-btn--secondary{color:var(--gurpil-ink);box-shadow:none;background:#ffffff1f;border:2px solid #fff6}@media (hover:hover){.hud-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.hud-mute-btn:hover{filter:brightness(1.2)}}.select-overlay{z-index:300;padding:calc(1.5rem + var(--gurpil-safe-top)) calc(1.5rem + var(--gurpil-safe-right)) calc(1.5rem + var(--gurpil-safe-bottom)) calc(1.5rem + var(--gurpil-safe-left));background:var(--gurpil-bg);color:var(--gurpil-ink);font-family:var(--gurpil-font);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.level-select-overlay{justify-content:flex-start;overflow-y:auto}.select-title{font-size:clamp(1.6rem,7vw,2.5rem)}.level-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.85rem;width:min(92vw,30rem);display:grid}.level-card{aspect-ratio:1;font-family:var(--gurpil-font);color:var(--gurpil-ink);border-radius:var(--gurpil-radius-md);background:linear-gradient(160deg, var(--level-tint,var(--gurpil-teal)) 0%, #0f0f1ed1 42%);cursor:pointer;touch-action:manipulation;animation:gurpil-pop-in .3s var(--gurpil-ease) both;animation-delay:calc(var(--card-i,0) * 28ms);border:2px solid #ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.6rem;transition:transform .1s,box-shadow .15s;display:flex;position:relative;box-shadow:0 6px 16px #0006}.level-card:active{transform:scale(.96)}@media (hover:hover){.level-card:not(.level-card--locked):hover,.endless-card:not(.endless-card--locked):hover{transform:translateY(-3px);box-shadow:0 10px 22px #00000080}}.level-card--locked{box-shadow:none;cursor:not-allowed;background:#ffffff0d;border:2px dashed #ffffff2e}.level-card--locked .level-card-lock{opacity:.6}.level-card-number{background:#0000006b;border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:clamp(.75rem,3.2vw,.9rem);font-weight:800;line-height:1;display:flex;position:absolute;top:.5rem;left:.5rem;box-shadow:0 1px 4px #0006}.level-card-lock{font-size:clamp(1.1rem,5vw,1.4rem)}.level-card-locked-label{letter-spacing:.05em;text-transform:uppercase;opacity:.6;font-size:clamp(.55rem,2.4vw,.68rem);font-weight:700}.level-card-theme{opacity:.95;text-shadow:0 1px 3px #0000008c;font-size:clamp(.62rem,2.8vw,.78rem);font-weight:600}.level-card-medal{text-shadow:0 1px 3px #0000008c;align-items:center;gap:.3rem;font-size:clamp(.6rem,2.7vw,.75rem);font-weight:700;display:flex}.level-card-best{font-variant-numeric:tabular-nums;opacity:.9;text-shadow:0 1px 3px #0000008c;font-size:clamp(.58rem,2.6vw,.72rem)}.endless-card{width:min(92vw,30rem);font-family:var(--gurpil-font);color:var(--gurpil-ink);border-radius:var(--gurpil-radius-md);background:linear-gradient(135deg, var(--gurpil-teal), var(--gurpil-coral));cursor:pointer;touch-action:manipulation;animation:gurpil-pop-in .3s var(--gurpil-ease) .42s both;border:2px solid #ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1rem 1.25rem;transition:transform .1s,box-shadow .15s;display:flex;box-shadow:0 6px 16px #0006}.endless-card:active{transform:scale(.97)}.endless-card--locked{box-shadow:none;cursor:not-allowed;opacity:.65;background:#ffffff0f;border-color:#ffffff1f}.endless-card-icon{background:#00000038;border-radius:50%;padding:.3rem;font-size:clamp(1.4rem,6vw,1.9rem);line-height:1}.endless-card-name{text-shadow:0 2px 6px #00000080;font-size:clamp(1.1rem,5vw,1.4rem);font-weight:800}.endless-card-detail{font-variant-numeric:tabular-nums;opacity:.95;font-size:clamp(.7rem,3vw,.9rem)}.draw-box{bottom:calc(1rem + var(--gurpil-safe-bottom));box-sizing:border-box;border-radius:var(--gurpil-radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;cursor:crosshair;z-index:100;background:#0000002e;border:3px solid #fff6;width:clamp(120px,30vw,220px);height:clamp(120px,30vw,220px);transition:border-color .15s;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 20px #0006}.draw-box:before{content:"✏️";opacity:.32;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(28px,9vw,44px);animation:2.6s ease-in-out infinite gurpil-pulse;display:flex;position:absolute;inset:0}.draw-box canvas{z-index:1;width:100%;height:100%;display:block;position:relative}@media (prefers-reduced-motion:reduce){.hud-overlay--start .hud-title,.hud-overlay--start .hud-prompt,.hud-card,.level-card,.endless-card,.draw-box:before{animation:none}}