:root{--ud-obsidian:#111215;--ud-abyss:#0b0d10;--ud-deep:#161c24;--ud-surface:#1b2430;--ud-raised:#243140;--ud-ocean:#2b3a4a;--ud-edge:#3b4c60;--ud-shadow:#050608;--ud-orange:#ff6b00;--ud-orange-hot:#ff8a33;--ud-orange-deep:#c24e00;--ud-orange-wash:#3a2617;--ud-pearl:#f8f9fa;--ud-slate:#94a3b8;--ud-good:#3ddc97;--ud-bad:#ff6f7d;--ud-gold:#ffc740;--ud-focus:#5cc8ff;--ud-kw1:#ff9548;--ud-kw2:#4da8ff;--ud-kw3:#2ccfb8;--ud-kw4:#9c8cff;--ud-kw5:#ff6f9a;--ud-kw6:#ffc740;--ud-slant:-9deg;--ud-skew:-12deg;--ud-line:#94a3b838;--ud-drop:0 6px 0 var(--ud-shadow);--ud-drop-sm:0 4px 0 var(--ud-shadow);--ud-glow:0 0 0 1px #ff6b008c, 0 8px 28px #ff6b0047}.game-joystick{z-index:5;width:124px;height:124px;box-shadow:4px 4px 0 var(--ud-shadow);touch-action:none;-webkit-backdrop-filter:blur(6px);background:#1112159e;border:2px solid #f8f9fa66;border-radius:50%;position:absolute;bottom:26px;left:22px}.game-joystick span{background:var(--ud-orange);border:2px solid var(--ud-pearl);width:56px;height:56px;box-shadow:3px 3px 0 var(--ud-shadow);border-radius:50%;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.game-touch-actions{z-index:5;gap:14px;display:flex;position:absolute;bottom:30px;right:22px}.game-touch-actions button{isolation:isolate;width:62px;height:62px;color:var(--ud-pearl);font:900 24px/1 var(--font-plex), system-ui, sans-serif;cursor:pointer;touch-action:none;background:0 0;border:0;padding:0;position:relative}.game-touch-actions button:before{content:"";z-index:-1;transform:skewX(var(--ud-skew));box-shadow:4px 4px 0 var(--ud-shadow);background:#111215cc;border:2px solid #f8f9fa73;border-radius:6px;position:absolute;inset:0}.game-touch-actions button:active{transform:translate(2px,2px)scale(.94)}.game-loading-gem{background:var(--ud-orange);width:64px;height:14px;box-shadow:4px 4px 0 var(--ud-shadow);transform:skewX(var(--ud-skew));border-radius:3px;animation:.9s ease-in-out infinite ud-paddle;display:block}@keyframes ud-paddle{0%,to{transform:skewX(var(--ud-skew)) scaleX(.45);transform-origin:0}50%{transform:skewX(var(--ud-skew)) scaleX(1);transform-origin:0}}@media (prefers-reduced-motion:reduce){.game-loading-gem{animation:none}}
.guide-dialog{border:2px solid var(--ud-edge);border-left:5px solid var(--ud-orange);background:var(--ud-surface);color:var(--ud-pearl);box-shadow:var(--ud-drop);border-radius:6px 18px 18px 6px;align-items:flex-start;gap:12px;padding:12px 14px 12px 12px;display:flex;position:relative}.guide-dialog-face{width:64px;height:64px;box-shadow:0 0 0 3px var(--ud-obsidian), 0 0 0 5px var(--ud-orange);border-radius:50%;flex-shrink:0;line-height:1;position:relative}.guide-dialog-face .duck-portrait{border-radius:50%;width:100%;height:100%;display:block}.guide-dialog-face i{border:2px solid var(--ud-obsidian);background:var(--ud-pearl);border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;font-style:normal;display:grid;position:absolute;bottom:-6px;right:-8px}.guide-dialog-body{flex:1;gap:6px;min-width:0;display:grid}.guide-dialog-name{color:var(--ud-orange-hot);transform:skewX(var(--ud-slant));justify-self:start;font-size:14px;font-weight:700;display:inline-block}.guide-dialog-step{color:var(--ud-slate);font-weight:600}.guide-dialog-text{overflow-wrap:anywhere;color:var(--ud-pearl);margin:0;font-size:16px;font-weight:600;line-height:1.65}.guide-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.guide-dialog-actions button{font:inherit;cursor:pointer;color:var(--ud-pearl);touch-action:manipulation}.guide-dialog-next,.hub-guide-go{isolation:isolate;background:0 0;border:0;min-height:48px;padding:8px 24px;font-weight:700;transition:transform .15s;position:relative;color:var(--ud-obsidian)!important;font-size:17px!important}.guide-dialog-next:before,.hub-guide-go:before{content:"";z-index:-1;transform:skewX(var(--ud-skew));background:var(--ud-orange);box-shadow:var(--ud-drop-sm);border-radius:7px;position:absolute;inset:0}.guide-dialog-next:hover,.hub-guide-go:hover{transform:translate(3px)}.guide-dialog-next:hover:before,.hub-guide-go:hover:before{background:var(--ud-orange-hot)}.guide-dialog-next:focus-visible,.guide-dialog-actions button:focus-visible,.hub-guide-go:focus-visible{outline:3px solid var(--ud-focus);outline-offset:3px}.guide-dialog-skip,.guide-dialog-mute{border:1.5px solid var(--ud-edge);background:var(--ud-raised);border-radius:999px;min-height:40px;padding:6px 14px;font-weight:600;font-size:13px!important}.guide-dialog-skip:hover,.guide-dialog-mute:hover{border-color:var(--ud-slate)}.guide-dialog-mute{background:0 0;border-style:dashed;margin-right:auto;color:var(--ud-slate)!important}.guide-dialog-keys{color:var(--ud-slate);text-align:right;font-size:11px}@media (pointer:coarse){.guide-dialog-keys{display:none}}.duck-portrait-leg{transform-box:fill-box;transform-origin:50% 0}@media (prefers-reduced-motion:no-preference){.guide-dialog{animation:.35s cubic-bezier(.2,1.4,.4,1) guide-in}.guide-dialog-face i{animation:1.6s ease-in-out infinite guide-bob}.duck-portrait-bob{transform-box:view-box;transform-origin:60px 76px;animation:3.2s ease-in-out infinite guide-float}.duck-portrait-leg{animation:.32s ease-in-out infinite alternate guide-paddle}.duck-portrait-leg.is-back{animation-delay:-.16s}.duck-portrait-bubble{animation:1.8s ease-in infinite guide-rise}.duck-portrait-bubble.is-late{animation-delay:-.9s}}@keyframes guide-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes guide-bob{50%{transform:translateY(-3px)}}@keyframes guide-float{50%{transform:translateY(-1.5px)rotate(-1.5deg)}}@keyframes guide-paddle{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}@keyframes guide-rise{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.lg-panel .lg-guide{box-shadow:none}@media (max-width:720px){.guide-dialog{gap:10px;padding:8px 10px 8px 8px}.guide-dialog-face{width:46px;height:46px}.guide-dialog-face i{width:22px;height:22px;font-size:12px}.guide-dialog-text{font-size:14px}.guide-dialog-next{min-height:44px;padding:6px 18px;font-size:15px!important}}.lg-panel:has(.lg-guide) .lg-card{display:none}.lg-panel:has(.lg-guide){max-height:46%}.hub-locked-guide{margin:10px 0}