.dodonuts-shell.svelte-17cqxa5.svelte-17cqxa5{position:absolute;left:0;right:0;bottom:0;z-index:12;display:flex;justify-content:center;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(transparent,#000000e0);box-sizing:border-box}.dodonuts-row.svelte-17cqxa5.svelte-17cqxa5{display:flex;align-items:center;justify-content:center;gap:clamp(20px,7vw,44px);width:100%;max-width:540px}.dodonut.svelte-17cqxa5.svelte-17cqxa5{--dodonut-size:clamp(122px, 28vw, 176px);position:relative;width:var(--dodonut-size);height:var(--dodonut-size);flex:0 0 var(--dodonut-size);pointer-events:auto}.dodonut[data-mode=Disabled].svelte-17cqxa5.svelte-17cqxa5{opacity:.34}.dodonut-ring.svelte-17cqxa5.svelte-17cqxa5,.rotated-grid.svelte-17cqxa5.svelte-17cqxa5{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.dodonut-ring.svelte-17cqxa5.svelte-17cqxa5{border:clamp(8px,1.9vw,12px) solid rgba(96,165,250,.55);background:radial-gradient(circle at center,#0f172ae0 0,#0f172ae0 44%,#0f172a14 45%,#0f172a14 56%,#0f172aa8 57%,#0f172aa8);box-shadow:inset 0 0 18px #60a5fa40,0 10px 22px #0000006b}.rotated-grid.svelte-17cqxa5.svelte-17cqxa5{transform:rotate(45deg);border:1px solid rgba(209,213,219,.08)}.zone.svelte-17cqxa5.svelte-17cqxa5{position:absolute;border:0;padding:0;margin:0;background:transparent;color:#dbeafe;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.zone.svelte-17cqxa5 span.svelte-17cqxa5{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#0f172a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 0 1px #ffffff0f}.zone.svelte-17cqxa5:active span.svelte-17cqxa5{background:#60a5fa6b;transform:scale(.96)}.zone-center.svelte-17cqxa5.svelte-17cqxa5{top:26%;right:26%;bottom:26%;left:26%;font-size:clamp(.95rem,2.9vw,1.2rem);letter-spacing:.04em}.zone-half.svelte-17cqxa5.svelte-17cqxa5{top:14%;bottom:14%;width:42%;font-size:clamp(1.5rem,4.8vw,2rem)}.zone-half.zone-left.svelte-17cqxa5.svelte-17cqxa5{left:7%}.zone-half.zone-right.svelte-17cqxa5.svelte-17cqxa5{right:7%}.zone-half.svelte-17cqxa5 span.svelte-17cqxa5{background:#0f172a52}.zone-direction.svelte-17cqxa5.svelte-17cqxa5{width:32%;height:32%;font-size:clamp(.8rem,2.5vw,1rem)}.zone-direction.svelte-17cqxa5 span.svelte-17cqxa5{background:#0f172a5c}.zone-direction.direction-up.svelte-17cqxa5.svelte-17cqxa5{top:8%;left:34%}.zone-direction.direction-right.svelte-17cqxa5.svelte-17cqxa5{top:34%;right:8%}.zone-direction.direction-down.svelte-17cqxa5.svelte-17cqxa5{bottom:8%;left:34%}.zone-direction.direction-left.svelte-17cqxa5.svelte-17cqxa5{top:34%;left:8%}.dodonut-dpaddiagonal.svelte-17cqxa5 .zone-direction span.svelte-17cqxa5{transform:rotate(-45deg)}.dodonut-dpaddiagonal.svelte-17cqxa5 .zone-direction.direction-up.svelte-17cqxa5{top:14%;left:auto;right:14%}.dodonut-dpaddiagonal.svelte-17cqxa5 .zone-direction.direction-right.svelte-17cqxa5{top:auto;right:14%;bottom:14%}.dodonut-dpaddiagonal.svelte-17cqxa5 .zone-direction.direction-down.svelte-17cqxa5{left:14%;bottom:14%}.dodonut-dpaddiagonal.svelte-17cqxa5 .zone-direction.direction-left.svelte-17cqxa5{top:14%;left:14%}@media (max-width: 420px){.dodonuts-shell.svelte-17cqxa5.svelte-17cqxa5{padding-left:12px;padding-right:12px}.dodonuts-row.svelte-17cqxa5.svelte-17cqxa5{gap:12px;justify-content:space-between}}