:root{--bg:#fff7e8;--ink:#2b2d42;--ink-soft:#6b6f86;--card:#fff;--p1:#1f9bff;--p1-soft:#d9eeff;--p2:#ff4d5e;--p2-deep:#d02c3e;--p2-soft:#ffe0e3;--p3:#2fb24a;--p3-soft:#dcf5df;--zone-1:var(--p1-soft);--zone-2:var(--p2-soft);--gold:#ffc233;--gold-deep:#e39a00;--dots:radial-gradient(circle, #ffffffa6 3px, transparent 3.5px) 0 0 / 26px 26px;--lift:0 6px 0 #2b2d422e, 0 12px 24px #2b2d421f;--spring:cubic-bezier(.34, 1.56, .64, 1);--line:#5b4a42;--line-soft:#7a6a60;--paper:#fffaf2;--paper-dots:radial-gradient(circle, #ffe8ee 3px, transparent 3.5px) 0 0 / 26px 26px;--pastel-p1:#8ec9ff;--pastel-p2:#ff9fb3;--pastel-p3:#9fe0a6;--pastel-gold:#ffd45c;--soft-shadow:0 4px 0 #5b4a4238;--soft-press:0 1px 0 #5b4a4238;--font:"Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN", ui-rounded, "Arial Rounded MT Bold", "Hiragino Sans", "Noto Sans JP", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sticker{letter-spacing:.06em;paint-order:stroke fill;-webkit-text-stroke:.22em #fff;text-shadow:0 .07em #2b2d421a;font-weight:800}.yuru{--fill:#fff;color:var(--fill);letter-spacing:.06em;paint-order:stroke fill;-webkit-text-stroke:.1em var(--line);text-shadow:0 .08em #5b4a4233;font-weight:800}.pill{--face:#fff;border:3px solid var(--line);background:var(--face);box-shadow:var(--soft-shadow);color:var(--line);letter-spacing:.04em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-weight:800;transition:translate 90ms,box-shadow 90ms;display:inline-flex}.pill:active{box-shadow:var(--soft-press);translate:0 3px}.pill.p1{--face:var(--pastel-p1)}.pill.p2{--face:var(--pastel-p2)}.pill.p3{--face:var(--pastel-p3)}.pill.gold{--face:var(--pastel-gold)}.round{border:3px solid var(--line);width:48px;height:48px;box-shadow:var(--soft-shadow);color:var(--line);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:18px;font-weight:800;text-decoration:none;display:grid}@keyframes bob{50%{scale:1.05}}.stage{background:var(--bg);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden;container-type:size}.half{padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));background:var(--bg);color:var(--ink);text-align:center;touch-action:none;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.6cqh,18px);transition:background-color .16s;display:flex;position:relative}.half.p2{transform:rotate(180deg)}button.half{cursor:pointer}@media (orientation:landscape) and (pointer:coarse){.stage:not(.wide){transform-origin:0 0;width:100dvh;height:100dvw;position:fixed;top:0;left:0;transform:rotate(90deg)translateY(-100%)}}@media (prefers-reduced-motion:reduce){.half,.pill{transition:none}}.howto-rule{text-wrap:balance;color:var(--line);font-size:clamp(13px,2cqh,18px);font-weight:700}.howto-legend{flex-wrap:wrap;justify-content:center;gap:8px;font-size:clamp(11px,1.6cqh,14px);display:flex}.howto-item{border:2px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-weight:700;display:flex}.howto-mark{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(16px,2.4cqh,24px);display:grid}.ios-blur-fix.svelte-12qhfyh{z-index:2147483647;pointer-events:none;background-color:#fffaf2;-webkit-background-clip:text;background-clip:text;height:11px;position:fixed;top:0;left:0;right:0}