.shell-load{z-index:80;padding:max(2.75rem, calc(env(safe-area-inset-top) + 1.75rem)) 1rem max(1.75rem, calc(env(safe-area-inset-bottom) + 1.25rem));background-color:#3b2a8a;background-image:url(/game/title/world-portrait.webp),linear-gradient(#33267e 0%,#7a4fb8 34%,#e98aa8 52%,#f7b37c 58%,#8cc95a 60%,#4c8f34 100%);background-position:bottom;background-size:cover;flex-direction:column;align-items:center;transition:opacity .35s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}@media (min-aspect-ratio:1){.shell-load{background-image:url(/game/title/world-landscape.webp),linear-gradient(#33267e 0%,#7a4fb8 34%,#e98aa8 52%,#f7b37c 58%,#8cc95a 60%,#4c8f34 100%);background-position:50% 70%}}.shell-load-in{animation:.22s ease-out .12s both shell-kf-in}@keyframes shell-kf-in{0%{opacity:0}to{opacity:1}}.shell-load-out{opacity:0;pointer-events:none}.shell-stage{flex:1;width:100%;max-width:420px;position:relative}.shell-brain{aspect-ratio:1;transform-origin:50% 100%;width:min(46vw,210px,28dvh);animation:.9s cubic-bezier(.3,.7,.4,1) infinite shell-kf-hop;position:absolute;bottom:30%;left:50%;translate:-50%}.shell-brain img,.shell-brain>span{object-fit:contain;object-position:bottom;width:100%;height:100%;display:block}@keyframes shell-kf-hop{0%{transform:translateY(0)scale(1.12,.86)}12%{transform:translateY(0)scale(.92,1.1)}50%{transform:translateY(-62%)scale(1)rotate(-4deg)}88%{transform:translateY(0)scale(.95,1.06)}to{transform:translateY(0)scale(1.12,.86)}}.shell-floor{background:#15131059;border-radius:50%;width:min(34vw,156px,21dvh);height:16px;animation:.9s cubic-bezier(.3,.7,.4,1) infinite shell-kf-shadow;position:absolute;bottom:calc(30% - 12px);left:50%;translate:-50%}@keyframes shell-kf-shadow{0%,to{opacity:.9;transform:scale(1.1)}50%{opacity:.35;transform:scale(.55)}}.shell-spark{opacity:0;font-size:22px;line-height:1;animation:1.8s ease-in-out infinite shell-kf-twinkle;position:absolute}@keyframes shell-kf-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(40deg)}}.shell-bar{border:3px solid var(--color-ink);background:var(--color-surface);width:min(74%,320px);height:22px;box-shadow:0 4px 0 0 var(--color-ink);border-radius:999px;position:relative;overflow:hidden}.shell-bar-fill{background:linear-gradient(90deg, var(--color-orange), var(--color-yellow));border-inline-end:3px solid var(--color-ink);width:0;position:absolute;inset-block:0;inset-inline-start:0}[dir=rtl] .shell-bar-fill{background:linear-gradient(270deg, var(--color-orange), var(--color-yellow))}.shell-bar-star{inset-inline-end:6px;font-size:15px;line-height:22px;position:absolute;top:-2px}.shell-tip{text-align:center;min-height:1.6em;font-family:var(--pdu-font-display);color:var(--color-surface);text-shadow:0 2px 0 var(--color-ink), 2px 0 0 var(--color-ink), -2px 0 0 var(--color-ink), 0 -2px 0 var(--color-ink), 2px 2px 0 var(--color-ink), -2px 2px 0 var(--color-ink), 2px -2px 0 var(--color-ink), -2px -2px 0 var(--color-ink);margin-top:.85rem;padding-inline:.75rem;font-size:1.2rem;font-weight:700;line-height:1.3}.shell-tip-swap{animation:.26s ease-out both shell-kf-tip}@keyframes shell-kf-tip{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.shell-boot{z-index:95;display:none}@media (display-mode:standalone),(display-mode:fullscreen){.shell-boot{display:flex}}.shell-boot[data-force]{display:flex}.shell-backdrop{z-index:70;background:#15131059;animation:.16s ease-out both shell-kf-in;position:fixed;inset:0}.shell-panel{z-index:71;width:min(340px,100vw - 24px);max-height:calc(100dvh - var(--shell-top,72px) - 16px);overscroll-behavior:contain;background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-cream) 100%);border:3px solid var(--color-ink);box-shadow:0 7px 0 0 var(--color-ink), 0 18px 40px -12px #1513108c;transform-origin:var(--shell-origin,top right);border-radius:26px;animation:.3s cubic-bezier(.2,1.4,.4,1) both shell-kf-drop;position:fixed;overflow-y:auto}@keyframes shell-kf-drop{0%{opacity:0;transform:translateY(-10px)scale(.85)}to{opacity:1;transform:none}}.shell-row{border:3px solid var(--color-ink);background:var(--color-surface);width:100%;min-height:56px;box-shadow:0 4px 0 0 var(--color-ink);text-align:start;border-radius:18px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:transform 90ms ease-out,box-shadow 90ms ease-out;display:flex}.shell-row:active{box-shadow:0 1px 0 0 var(--color-ink);transform:translateY(3px)}.shell-row-icon{border:3px solid var(--color-ink);background-image:linear-gradient(#ffffff80 0%,#fff0 55%);border-radius:999px;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;line-height:1;display:flex}.shell-chip{border:3px solid var(--color-ink);background:var(--color-surface);min-height:48px;box-shadow:0 3px 0 0 var(--color-ink);border-radius:999px;font-weight:700}.shell-chip[aria-pressed=true]{background:var(--color-yellow)}.shell-chip:active:not(:disabled){box-shadow:0 1px 0 0 var(--color-ink);transform:translateY(2px)}.shell-pet{border:3px solid var(--color-ink);background:radial-gradient(circle at 50% 35%, color-mix(in oklab, var(--shell-pet) 40%, white) 0%, var(--shell-pet) 62%, color-mix(in oklab, var(--shell-pet) 72%, var(--color-ink)) 100%);box-shadow:0 4px 0 0 var(--color-ink);border-radius:999px;overflow:hidden}.shell-pet-now{outline:4px solid var(--color-yellow);outline-offset:2px}.shell-hud-btn{transition:transform 90ms ease-out}.shell-hud-btn:active{transform:scale(.9)}.shell-ask{inset-inline:0;z-index:60;width:min(440px,100%);padding:0 10px max(16px, calc(env(safe-area-inset-bottom) + 10px));margin-inline:auto;animation:.42s cubic-bezier(.2,1.25,.4,1) both shell-kf-sheetin;position:fixed;bottom:0}.shell-ask[data-arrow=bottom]{padding-bottom:max(96px, calc(env(safe-area-inset-bottom) + 84px))}@keyframes shell-kf-sheetin{0%{transform:translateY(130%)}to{transform:none}}.shell-ask-card{background:var(--color-surface);border:3px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);border-radius:22px}.shell-dim{z-index:59;background:#15131080;animation:.2s ease-out both shell-kf-in;position:fixed;inset:0}.shell-arrow{z-index:61;filter:drop-shadow(0 3px 0 var(--color-ink));pointer-events:none;line-height:0;position:fixed}.shell-arrow[data-at=bottom]{left:50%;bottom:max(18px, calc(env(safe-area-inset-bottom) + 6px));animation:.9s ease-in-out infinite shell-kf-point-down;translate:-50%}.shell-arrow[data-at=top]{top:max(10px, env(safe-area-inset-top));animation:.9s ease-in-out infinite shell-kf-point-up;inset-inline-end:18px}@keyframes shell-kf-point-down{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes shell-kf-point-up{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.shell-step{align-items:center;gap:.6rem;display:flex}.shell-step-n{border:3px solid var(--color-ink);background:var(--color-yellow);width:2rem;height:2rem;font-family:var(--pdu-font-display);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.shell-load-in,.shell-dim,.shell-brain,.shell-floor,.shell-spark,.shell-tip-swap,.shell-backdrop,.shell-panel,.shell-ask,.shell-arrow{animation:none!important}.shell-spark{opacity:.85}.shell-load,.shell-row{transition:none}}