:root{--bg:#fffdfb;--surface:#f3efea;--ink:#1a1517;--dim:#6b5d55;--line:#e2dad2;--line-strong:#8e8984;--accent:#d93c1f;--accent-ink:#fff;--off:#b9aea6;--cuisine-washoku:#2f7a5e;--cuisine-yoshoku:#c2452f;--cuisine-chinese:#d98324;--cuisine-korean:#a8324a;--cuisine-other:#8a6a3b;--cuisine-washoku-ink:#2c6e55;--cuisine-yoshoku-ink:#aa3e2c;--cuisine-chinese-ink:#90591f;--cuisine-korean-ink:#a8324a;--cuisine-other-ink:#7a5e36;--land:var(--cuisine-other);--land-ink:var(--cuisine-other-ink);--font-jp:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--font-num:system-ui, -apple-system, "Segoe UI", sans-serif;--fs-name:28px;--fs-emoji:44px;--fs-draw:17px;--fs-body:14px;--fs-label:12.5px;--fs-tag:11px;--fs-foot:10.5px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:14px;--sp-5:16px;--sp-6:24px;--sp-7:28px;--r-sm:8px;--r-md:11px;--r-lg:14px;--r-pill:999px;--ease-out:cubic-bezier(.2, .8, .3, 1);--ease-pop:cubic-bezier(.2, 1.3, .3, 1);--ease-reel:cubic-bezier(.1, .78, .16, 1);--dur-fast:.18s;--dur-base:.34s;--dur-land:.66s;--sh-btn:0 1px 0 #0000000d, 0 1px 3px #0000000d;--sh-land:0 0 0 3px color-mix(in srgb, var(--land) 26%, transparent);--touch:44px}@media (min-width:700px){:root{--fs-name:52px;--fs-emoji:84px}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-jp);font-size:var(--fs-body);margin:0;line-height:1.6}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{z-index:1;gap:var(--sp-4);max-width:480px;padding:var(--sp-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""mode""stage""filter""ad""foot";margin:0 auto;display:grid;position:relative}.brand{flex-direction:column;grid-area:brand;gap:6px;min-width:0;display:flex}.brand-lockup{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.logo{width:24px;height:24px;color:var(--accent);flex:none}.brand-name{letter-spacing:.02em;margin:0;font-size:17px;font-weight:700}.brand-tagline{font-size:var(--fs-label);color:var(--dim);margin:0;line-height:1.35}.lang-switch{border:1px solid var(--line);font-size:var(--fs-label);color:var(--dim);white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:3px 10px;line-height:1.5;text-decoration:none}.lang-switch:hover{border-color:var(--dim);color:var(--ink)}.mode{grid-area:mode}.stage{gap:var(--sp-4);flex-direction:column;grid-area:stage;min-width:0;display:flex}.stage>.draw{order:1}.stage>.result{order:2}.stage>.links{order:3}.filter{grid-area:filter;min-width:0}.adwrap{grid-area:ad;justify-content:center;display:flex}.foot{justify-content:center;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-foot);color:var(--dim);flex-wrap:wrap;grid-area:foot;display:flex}.foot a{color:var(--dim)}@media (min-width:700px){.app{column-gap:var(--sp-5);row-gap:var(--sp-6);max-width:1180px;padding:var(--sp-4) var(--sp-7) var(--sp-7);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand mode filter""stage stage stage""ad ad ad""foot foot foot";align-items:center}.brand-name{font-size:20px}.brand-tagline{font-size:var(--fs-body)}.logo{width:28px;height:28px}.mode{justify-self:center}.filter{justify-self:end;position:relative}.filter .panel{right:0;top:calc(100% + var(--sp-2));z-index:2;width:min(420px,80vw);position:absolute;box-shadow:0 10px 30px #0000001f}.stage{align-items:center;gap:var(--sp-6)}.stage>.result{order:1;max-width:720px}.stage>.draw{order:2;max-width:380px}.stage>.links{order:3}.stage>.result,.stage>.draw,.stage>.links{width:100%}}button{font:inherit;color:inherit;cursor:pointer}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.seg{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);grid-template-columns:1fr 1fr;gap:2px;min-width:0;margin:0;padding:2px;display:grid}.seg button{min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--r-pill);color:var(--dim);font-size:var(--fs-body);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;font-weight:600}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.draw{min-height:52px;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-draw);letter-spacing:.04em;box-shadow:var(--sh-btn);transition:transform .21s var(--ease-pop), opacity var(--dur-fast) linear;border:0;font-weight:700}.draw:active{transform:scale(.962)}.draw[disabled]{opacity:.55;cursor:default}.draw[data-state=idle]{animation:draw-pulse 2.7s var(--ease-out) infinite}@keyframes draw-pulse{0%,to{box-shadow:var(--sh-btn), 0 0 0 0 color-mix(in srgb, var(--accent) 30%, transparent)}50%{box-shadow:var(--sh-btn), 0 0 0 7px color-mix(in srgb, var(--accent) 0%, transparent)}}.result{align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-5) var(--sp-5);background:color-mix(in srgb, var(--land) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--land) 42%, var(--line-strong));border-radius:var(--r-lg);text-align:center;min-height:190px;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.result[data-state=empty]{background:var(--surface);border-color:var(--line-strong);justify-content:center}.result[data-landed=true]{box-shadow:var(--sh-land)}.ribbon{padding:3px var(--sp-4);border-radius:0 0 var(--r-pill) var(--r-pill);background:var(--land-ink);color:var(--accent-ink);font-size:var(--fs-tag);letter-spacing:.08em;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.emoji{font-size:var(--fs-emoji);line-height:1.1}.result[data-landed=true] .emoji{animation:3s ease-in-out .66s infinite emoji-float}@keyframes emoji-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.name{font-size:var(--fs-name);letter-spacing:.01em;font-weight:700;line-height:1.25}.result[data-state=empty] .name{font-size:var(--fs-label);color:var(--dim);font-weight:400}.tag{padding:2px var(--sp-3);border:1px solid color-mix(in srgb, var(--land) 45%, transparent);border-radius:var(--r-pill);font-size:var(--fs-tag);color:var(--land-ink);font-weight:700}.quip{font-size:var(--fs-label);color:var(--land-ink);font-weight:600}.reel,.cover{pointer-events:none;position:absolute;inset:0}.reel{background:color-mix(in srgb, var(--land) 13%, var(--surface));display:block;overflow:hidden}.screen-warm{z-index:0;pointer-events:none;opacity:0;position:fixed;inset:0}.reel-strip{will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.reel-cell{justify-content:center;align-items:center;gap:var(--sp-1);flex-direction:column;width:100%;display:flex}.reel-cell .emoji{font-size:var(--fs-emoji)}.reel-cell .name{font-size:var(--fs-name);font-weight:700}.links{gap:var(--sp-2);flex-direction:column;display:flex}.links:empty{display:none}.lnk{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:var(--sp-2) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg);color:var(--ink);font-size:var(--fs-body);font-weight:600;text-decoration:none;display:flex}.lnk.primary{background:var(--accent);color:var(--accent-ink);min-height:48px;font-size:var(--fs-draw);border-color:#0000}.lnk.delivery{font-size:var(--fs-label);min-height:var(--touch);font-weight:500}.adbadge{border:1px solid var(--line-strong);border-radius:var(--r-pill);font-size:var(--fs-tag);color:var(--dim);padding:1px 6px;font-weight:700}@media (min-width:700px){.links{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lnk.primary{grid-column:1/-1}}.detail-toggle{align-items:center;gap:var(--sp-2);width:100%;min-height:var(--touch);padding:var(--sp-2) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-btn);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-weight:600;display:flex}.detail-toggle:hover{border-color:var(--accent)}.detail-toggle:active{transform:translateY(1px)}.detail-toggle .ico{width:16px;height:16px;color:var(--dim);flex:none}.detail-label{text-align:left;flex:1}.dt-count{border-radius:var(--r-pill);background:var(--accent);min-width:20px;color:var(--accent-ink);font-family:var(--font-num);font-size:var(--fs-tag);text-align:center;padding:0 6px;font-weight:700;line-height:18px}.detail-toggle .caret{width:16px;height:16px;color:var(--dim);transition:transform var(--dur-fast) var(--ease-out);flex:none}.detail-toggle[aria-expanded=true] .caret{transform:rotate(180deg)}@media (min-width:700px){.detail-toggle{width:auto}}.panel{margin-top:var(--sp-2);padding:var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface)}.axis{margin:0 0 var(--sp-4);border:0;padding:0}.axis:last-child{margin-bottom:0}.axis>legend{padding:0 0 var(--sp-2);font-size:var(--fs-label);color:var(--dim);font-weight:700}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--touch);padding:var(--sp-2) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--bg);font-size:var(--fs-label);font-weight:600}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.chip[disabled]{color:var(--off);border-color:color-mix(in srgb, var(--line-strong) 45%, transparent);cursor:default;background:0 0}.adslot{border:1px dashed var(--line);border-radius:var(--r-sm);width:320px;max-width:100%;height:100px}@media (min-width:700px){.adslot{width:728px;height:90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*$vite$:1*/