.home-portal-menu{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:5;--menu-bg:#ffffffeb;--menu-line:#07132f33;--menu-fg:#07132f;width:44px;height:44px;color:var(--menu-fg);position:absolute}.home-portal-menu[data-theme=dark]{--menu-bg:#040b16b8;--menu-line:#6fd6ff66;--menu-fg:#e8f7ff}body:not([data-screen=home]) .home-portal-menu{display:none}.home-portal-menu:has([data-asobiba-link][hidden]){display:none}.home-portal-menu>summary,.home-portal{box-sizing:border-box;border:1px solid var(--menu-line);background:var(--menu-bg);min-height:44px;color:var(--menu-fg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;font:800 13px/1 system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 16px #0006}.home-portal-menu>summary{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;padding:0;list-style:none;display:flex}.home-portal-menu>summary::-webkit-details-marker{display:none}.home-portal-menu>summary::marker{content:""}.home-portal-menu[open]>summary svg{transform:rotate(180deg)}.home-portal{white-space:nowrap;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 80px);padding:0 14px 0 10px;display:flex;position:absolute;top:0;left:50px}.home-portal-menu:not([open])>.home-portal,.home-portal[hidden]{display:none}.home-portal-menu svg{flex:none}.home-portal-menu>summary:focus-visible,.home-portal:focus-visible{outline:3px solid var(--menu-fg);outline-offset:2px}.settings-dialog .settings-row{border-bottom:2px dashed color-mix(in srgb, currentColor 22%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px;font-weight:800;display:flex}.settings-dialog .settings-row:last-of-type{margin-bottom:14px}.settings-dialog .locale-pill select:focus-visible{outline:none}html[data-keyboard-focus] .settings-dialog .locale-pill:has(select:focus-visible){outline-offset:2px;outline:3px solid}:root{--ink:#4a2410;--ink-soft:#7a4a2a;--cream:#fffaf2;--line:#6b3a17;--berry:#e2475c;--berry-deep:#b92e45;--butter:#ffd36b;--font:"Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Apple SD Gothic Neo", "PingFang SC", "Noto Sans CJK JP", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#f7d9c4 var(--table-art) center / cover fixed;min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;overflow-x:hidden}button,select{font:inherit;color:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;display:flex}.btn{border:3px solid var(--line);background:var(--cream);min-width:44px;min-height:48px;box-shadow:0 4px 0 var(--line);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:800;line-height:1.2;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.btn.primary{background:var(--berry);color:#fff;border-color:var(--berry-deep);box-shadow:0 4px 0 var(--berry-deep)}.btn.primary:active{box-shadow:0 1px 0 var(--berry-deep)}.btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.btn:focus-visible,.pill:focus-visible,.result-portal:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.pill{color:#07132f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffffeb;border:2px solid #07132f33;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;display:inline-flex;box-shadow:0 4px 12px #5a2d0c26}.pill svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-pill{width:44px;padding:0}.locale-pill{border:0;padding:0 6px 0 10px;position:relative;box-shadow:inset 0 0 0 2px #07132f33,0 4px 12px #5a2d0c26}.locale-pill select{appearance:none;cursor:pointer;background:0 0;border:0;max-width:9.5em;min-height:44px;padding:0 6px;font-size:14px;font-weight:700}.sound-toggle .cross{display:none}.sound-toggle[aria-pressed=false] .cross{display:inline}.sound-toggle[aria-pressed=false] .wave{display:none}body[data-screen=home]{background:#f6dcc8 var(--home-art) center bottom / cover no-repeat fixed}.home{width:min(100%,460px);height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(14px, env(safe-area-inset-bottom)));flex-direction:column;align-items:center;gap:10px;padding-top:0;display:flex}.home-tools{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:4;gap:8px;display:flex;position:absolute}.home-hero{text-align:center;flex:none;margin-top:-8px}.title{margin:0;line-height:0}.logo{filter:drop-shadow(0 6px 10px #5a2d0c40);width:auto;max-width:min(100vw - 120px,340px);height:auto;max-height:18dvh;margin:0 auto;display:block}.tagline{border:2px solid var(--line);background:#fffaf2eb;border-radius:999px;margin:4px auto 0;padding:5px 14px;font-size:14px;font-weight:800;line-height:1.35;display:inline-block}.today-card{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:6px;width:100%;min-height:0;display:flex}.today-label{z-index:1;background:var(--berry);border:3px solid var(--berry-deep);box-shadow:0 3px 0 var(--berry-deep);color:#fff;border-radius:999px;margin:0;padding:6px 18px;font-size:16px;font-weight:900;line-height:1.3;position:relative}.today-stage{flex:1 1 0;place-items:center;width:100%;min-height:0;max-height:min(100vw - 32px,400px);display:grid;position:relative;container-type:size}.stage-arrow{z-index:1;position:absolute;top:50%;translate:0 -50%}.stage-arrow.prev{left:-8px}.stage-arrow.next{right:-8px}.stage-arrow:disabled{opacity:.35;cursor:default}.stage-stars{color:#f2a53a;letter-spacing:.04em;-webkit-text-stroke:.5px #9a5a10}.today-plate{aspect-ratio:1;background:var(--board-art) center / contain no-repeat;filter:drop-shadow(0 10px 12px #5a2d0c47);place-items:center;width:min(100cqw,100cqh,400px);display:grid;position:relative}.today-plate canvas{width:100%;height:100%}.today-plate img{object-fit:contain;width:86%;height:86%}.today-status{color:var(--ink);background:#fffaf2eb;border:2px solid #6b3a1755;border-radius:999px;margin:0;padding:4px 14px;font-size:14px;font-weight:800;line-height:1.4}.home-actions{border:3px solid var(--line);width:100%;box-shadow:0 5px 0 var(--line);background:#fffaf2e6;border-radius:30px;flex:none;grid-template-columns:76px minmax(0,1fr) 76px;align-items:start;gap:8px;padding:10px 8px 8px;display:grid}.home-actions .primary{min-height:62px;margin-top:2px;padding:8px 12px;font-size:18px}.round-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;color:var(--ink);text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;background:0 0;border:0;justify-items:center;gap:2px;padding:0;font-size:12px;font-weight:800;line-height:1.15;display:grid}.round-btn img{object-fit:contain;border:3px solid var(--line);width:58px;height:58px;box-shadow:0 3px 0 var(--line);background:#fff;border-radius:50%;padding:7px}.round-btn:active img{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.round-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:12px}.play{width:min(100%,520px);height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(14px, env(safe-area-inset-bottom)));flex-direction:column;gap:10px;display:flex}.play-bar{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.play-title{background:var(--cream);border:2px solid var(--line);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;min-height:44px;padding:3px 12px;font-size:15px;display:flex}.play-mode{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;font-weight:700;line-height:1.3;display:flex}#play-label{text-wrap:balance;overflow-wrap:anywhere;max-width:100%;font-size:16px;line-height:1.2}.tries{letter-spacing:3px;color:var(--berry);font-size:12px}.board-wrap{flex:1 1 0;place-items:center;min-height:160px;display:grid}#board{touch-action:none;filter:drop-shadow(0 8px #6b3a1755);border-radius:24px;display:block}.board-stage{display:grid;position:relative}.swipe-demo{pointer-events:none;position:absolute;inset:0}.swipe-demo svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-line,.demo-ext{stroke:#fff;stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.demo-line{stroke-width:4px;stroke-dasharray:100;stroke-dashoffset:100px;animation:2.6s ease-in-out infinite demo-draw}.demo-ext{stroke-width:2px;stroke-dasharray:3 7;opacity:0;animation:2.6s ease-in-out infinite demo-ext}.demo-finger{background:#fffa;border:3px solid #fff;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;animation:2.6s ease-in-out infinite demo-finger;position:absolute;top:46%;left:34%;box-shadow:0 2px 8px #5a2d0c66}@keyframes demo-finger{0%{opacity:0;top:46%;left:34%;scale:1.3}10%{opacity:1;scale:1}45%{opacity:1;top:54.4%;left:62%}60%,to{opacity:0;top:54.4%;left:62%}}@keyframes demo-draw{10%{stroke-dashoffset:100px}45%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes demo-ext{0%,45%{opacity:0}60%,85%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-line,.demo-ext,.demo-finger{stroke-dashoffset:0;opacity:1;animation:none}.demo-finger{top:54.4%;left:62%}}.play-hint{text-align:center;text-wrap:balance;background:var(--cream);border:2px solid var(--line);border-radius:999px;margin:0;padding:10px 14px;font-weight:800}.cut-panel{background:var(--cream);border:3px solid var(--line);box-shadow:0 5px 0 var(--line);text-align:center;border-radius:24px;padding:12px 14px 14px}.cut-split{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(30px,10vw,40px);font-weight:900}.cut-meta{flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:2px 0 10px;font-weight:800;display:flex}.grade{color:var(--berry-deep)}.cut-split.rolling{color:var(--ink-soft)}.cut-meta{min-height:1.5em}.stamp{animation:.34s cubic-bezier(.2,1.6,.4,1) both stamp;display:inline-block}.stamp-god,.stamp-master{border:3px solid;border-radius:10px;padding:0 10px;font-weight:900;rotate:-6deg}@keyframes stamp{0%{opacity:0;scale:2.2}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.stamp{animation:none}}.cut-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cut-actions .btn{flex:140px}.copy-status{min-height:1.2em;margin:0;font-size:14px;font-weight:700}.copy-fallback{border:2px solid var(--line);width:100%;min-height:110px;font:14px / 1.5 var(--font);border-radius:12px;padding:8px}.result-portal{min-height:44px;color:var(--berry-deep);text-underline-offset:4px;justify-content:center;align-items:center;padding:6px 12px;font-weight:800;text-decoration:underline;display:inline-flex}.cut-actions .result-portal{flex:100%}.howto{border:3px solid var(--line);background:var(--cream);width:min(92vw,420px);color:var(--ink);border-radius:24px;padding:18px 18px 16px}.howto::backdrop{background:#3a1a0a88}.howto h2{margin:0 0 8px;font-size:22px}.howto ol{gap:8px;margin:0 0 14px;padding-left:1.3em;font-weight:600;line-height:1.55;display:grid}.howto form{justify-content:center;display:flex}.play-goal{background:var(--cream);text-align:center;border:2px solid #6b3a1755;border-radius:999px;align-self:center;margin:0;padding:4px 14px;font-size:14px;font-weight:800}.stage-banner{text-align:center;color:var(--ink-soft);flex:100%;margin:0;font-size:15px;font-weight:800}.stage-banner strong{font-size:22px;font-weight:900}.stage-banner.clear strong{color:var(--berry)}.stage-banner.clear .stage-stars{font-size:24px}.stage-banner.failed strong{color:var(--ink)}.stage-row{flex:100%;gap:10px;display:flex}.stage-row>.btn,.stage-row>.result-actions{flex:1 1 0}.stage-row .result-actions .btn{width:100%}.stage-row .result-actions .btn.primary{background:var(--cream);color:var(--ink);border-color:var(--line);box-shadow:0 4px 0 var(--line)}.stage-row .copy-status:empty{display:none}.loading{z-index:20;background:#f7d9c4 var(--table-art) center / cover;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-weight:800;display:flex;position:fixed;inset:0}.loading-art{width:min(46vw,200px);height:auto;animation:.9s ease-in-out infinite hop}@keyframes hop{50%{transform:translateY(-14px)rotate(-6deg)}}.loading>p{background:var(--cream);border:2px solid var(--line);border-radius:999px;margin:0;padding:8px 16px}.loading-bar{background:var(--cream);border:3px solid var(--line);border-radius:999px;width:min(70vw,280px);height:16px;overflow:hidden}.loading-bar i{background:var(--berry);width:0;height:100%;transition:width .2s;display:block}.loading-error{gap:10px;display:grid}@media (orientation:portrait) and (height<=700px){.home,.play{gap:6px}.cut-panel{padding:8px 10px 10px}.cut-split{font-size:28px}.cut-meta{margin-bottom:6px}.stage-banner strong{font-size:18px}.cut-actions{gap:6px}.cut-actions .btn{min-height:44px;padding:6px 12px;font-size:15px}.logo{max-height:15dvh}.tagline{margin-top:2px;padding:3px 10px;font-size:12px}.today-label{padding:4px 14px;font-size:14px}.today-status{padding:2px 10px;font-size:12px}.home-actions{border-radius:24px;padding:6px}.home-actions .primary{min-height:54px;font-size:16px}.round-btn img{width:50px;height:50px;padding:6px}}@media (prefers-reduced-motion:reduce){.loading-art{animation:none}}@media (orientation:landscape) and (height<=560px){.home{grid-template:"hero card"minmax(0,1fr)"actions card"/1fr 1fr;align-items:center;gap:10px 20px;width:min(100%,860px);padding-top:6px;display:grid}.home-hero{grid-area:hero;padding:0 0 0 52px}.today-card{grid-area:card;height:100%;padding-top:50px}body[data-screen=home]{background-position:50% 58%}.home-actions{grid-area:actions}.logo{max-width:100%;max-height:32dvh}.play{grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(260px,340px);width:min(100%,900px);display:grid}.play-bar{grid-column:1/-1}.board-wrap{grid-row:2/4;min-height:0}.play-hint,.cut-panel{grid-column:2;align-self:center}}.howto-demo{border-radius:18px;width:min(56vw,220px);margin:4px auto 12px;overflow:hidden}.howto-demo>img,.howto-demo>.howto-food{grid-area:1/1;width:100%;height:100%}.howto-demo>.howto-food{scale:.86}.play-tools{gap:6px;display:flex}.tilt-toggle svg{stroke-width:2px;width:30px;height:30px}.tilt-toggle[aria-pressed=false]{opacity:.7}@media (width<=360px){.home-actions{grid-template-columns:62px minmax(0,1fr) 62px;gap:6px}.home-actions .primary{padding:6px 8px;font-size:15px}.round-btn{font-size:11px}.play-title{padding:3px 8px}#play-label{font-size:14px}}.practice-row{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.pick-btn{justify-self:center;margin:0 auto}.food-picker{width:min(94vw,520px);max-height:86dvh}.food-picker h2{text-wrap:balance;font-size:18px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;max-height:60dvh;margin:0 0 12px;padding:0;list-style:none;display:grid;overflow-y:auto}.picker-item{width:100%;min-height:44px;color:var(--ink);font:700 12px / 1.2 var(--font);cursor:pointer;background:#fff;border:2px solid #6b3a1733;border-radius:14px;justify-items:center;gap:2px;padding:6px 4px;display:grid}.picker-item img{object-fit:contain;width:56px;height:56px}.picker-item:focus-visible{outline:3px solid var(--ink)}.phrase{word-break:keep-all;overflow-wrap:anywhere}.play-hint,.tilt-note,.howto li,.today-status,.tagline,.btn{text-wrap:pretty}:lang(ko){word-break:keep-all;overflow-wrap:anywhere}.tilt-note{text-align:center;color:var(--ink-soft);margin:0;font-size:13px;font-weight:700}