:root{--color-bg: #201914;--color-surface: #2e2620;--color-surface-raised: #3a3028;--color-wood: #5c4330;--color-ember: #e8590c;--color-ember-glow: #ff8a3d;--color-cream: #fff3e0;--color-cream-dim: #c9b8a6;--color-accent: #f5b942;--color-success: #6fbf4b;--color-danger: #d64545;--color-doneness-low: #f2c14e;--color-doneness-mid: #e8590c;--color-doneness-high: #9c3f16;--color-burnt: #4a3a30;--font-family: -apple-system, BlinkMacSystemFont, "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-size-xl: 28px;--font-size-lg: 20px;--font-size-md: 16px;--font-size-sm: 13px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-card: 14px;--radius-pill: 999px;--tap-min: 56px;--shadow-pop: 0 4px 16px rgba(0, 0, 0, .45);--glow-guide: 0 0 0 3px rgba(255, 138, 61, .9), 0 0 18px 6px rgba(255, 138, 61, .55);--font-size-body-min: 14px;--font-size-label-min: 12px;--tap-floor: 44px;--slot-size: clamp(64px, 26vmin, 112px);--raw-size: clamp(56px, 16vmin, 76px);--avatar-size: clamp(40px, 12vmin, 52px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:#0d0a08;font-family:var(--font-family);color:var(--color-cream);-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font-family:inherit;border:none;cursor:pointer}#viewport{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden}#stage{position:absolute;inset:0;background:var(--color-bg);overflow:hidden}.screen{position:absolute;inset:0;z-index:1}.screen[hidden]{display:none!important}#fx{position:absolute;inset:0;z-index:2;pointer-events:none}#fx canvas{position:absolute;inset:0}#mute-button{position:absolute;top:var(--space-3);right:var(--space-4);z-index:5;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-cream);font-size:20px;display:grid;place-items:center}#screen-title{display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 110%,rgba(232,89,12,.35),transparent 70%),linear-gradient(180deg,#241c15,var(--color-bg))}#screen-title[hidden]{display:none!important}.title-plank{background:linear-gradient(180deg,#6b4e36,var(--color-wood));border-radius:var(--radius-card);border:2px solid #3d2c1d;padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-pop)}.title-plank h1{font-size:44px;letter-spacing:2px}.title-sub{margin-top:var(--space-1);color:var(--color-cream-dim);font-size:var(--font-size-md)}.title-rule{margin-top:var(--space-3);color:var(--color-cream-dim);font-size:var(--font-size-sm)}#start-button{margin-top:var(--space-5);border-radius:var(--radius-pill);font-size:var(--font-size-xl);font-weight:900;color:#fff;padding:var(--space-3) 64px;min-height:var(--tap-min);background:linear-gradient(180deg,var(--color-ember-glow),var(--color-ember));box-shadow:var(--glow-guide)}.title-credit{position:absolute;bottom:var(--space-3);width:100%;text-align:center;color:var(--color-cream-dim);font-size:var(--font-size-sm)}#screen-play{display:grid;grid-template-rows:auto auto 1fr;gap:var(--space-2);padding:var(--space-2);background:linear-gradient(180deg,#2a211a 0 56px,var(--color-bg) 56px)}#screen-play[hidden]{display:none!important}.hud{display:flex;align-items:center;gap:var(--space-3);z-index:3;padding-right:calc(var(--tap-min) + var(--space-3))}.hud .hud-board{display:flex;gap:var(--space-3);align-items:baseline;min-width:0;background:var(--color-surface);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4)}.hud .hud-score{color:var(--color-accent);font-weight:800;font-size:var(--font-size-lg)}.hud .hud-progress{color:var(--color-cream-dim);font-size:var(--font-size-md);white-space:nowrap}.hud .hud-lives{color:var(--color-danger);font-size:var(--font-size-md);letter-spacing:2px}#stage.flash-loss:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:#d6454573;animation:flash-loss .42s ease-out forwards}@keyframes flash-loss{0%{opacity:1}to{opacity:0}}.hint{z-index:3;justify-self:start;min-height:22px;display:flex;align-items:center;background:var(--color-surface-raised);border-radius:var(--radius-pill);padding:2px 14px;font-size:var(--font-size-body-min);box-shadow:var(--shadow-pop);transition:opacity .2s}.hint[data-empty=true]{opacity:0}.board{display:grid;gap:var(--space-2);min-height:0;min-width:0}@media(orientation:landscape){.board{grid-template-columns:1fr minmax(268px,40%);grid-template-rows:1fr auto;grid-template-areas:"grill queue" "bench queue"}}@media(orientation:portrait){.board{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"grill" "bench" "queue"}}.grill{grid-area:grill;min-height:0;border-radius:var(--radius-card);border:3px solid var(--color-wood);background:repeating-linear-gradient(0deg,#151009 0 6px,#241a10 6px 14px);display:flex;align-items:center;justify-content:space-evenly;padding:var(--space-4) var(--space-2) var(--space-5)}.slot{width:var(--slot-size);height:var(--slot-size);border-radius:50%;position:relative;display:grid;place-items:center}.slot>.empty-label,.slot>.meat{grid-area:1 / 1}.slot .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--ring-color, var(--color-doneness-mid)) calc(var(--p, 0) * 1%),var(--color-surface-raised) 0)}.slot[data-state=empty] .ring{background:none}.slot[data-state=empty]{border:3px dashed rgba(255,243,224,.35);color:var(--color-cream-dim);font-size:var(--font-size-label-min);text-align:center}.slot:not([data-state=empty]) .empty-label{display:none}.slot .meat{width:78%;height:78%;border-radius:50%;position:relative;z-index:1;border:2px solid rgba(0,0,0,.35);background-size:cover;background-position:center}.slot[data-state=empty] .meat{display:none}.slot[data-state=raw] .meat{filter:brightness(1.3) saturate(.55)}.slot[data-state=cooking] .meat{filter:brightness(1.08) saturate(.85)}.slot[data-state=done] .meat{box-shadow:inset 0 0 12px #ffbe5ab3,0 0 10px #ff8a3d73}.slot[data-state=burnt] .meat{filter:brightness(.38) saturate(.55) sepia(.35)}.slot.guide{box-shadow:var(--glow-guide);border-radius:50%}.slot .slot-label{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:var(--font-size-label-min);font-weight:700;z-index:1}.slot .slot-label .badge{border-radius:var(--radius-pill);padding:1px 8px}.slot[data-state=raw] .slot-label .badge{background:#7a5050}.slot[data-state=cooking] .slot-label .badge{background:#8a5a2a}.slot[data-state=done] .slot-label .badge{background:var(--color-ember)}.slot[data-state=burnt] .slot-label .badge{background:var(--color-burnt);color:var(--color-cream-dim)}.bench{grid-area:bench;z-index:3;display:flex;gap:var(--space-3);align-items:center}.tray{display:flex;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3)}.raw-item{width:var(--raw-size);height:var(--raw-size);border-radius:10px;position:relative;overflow:hidden;background-size:cover;background-position:center;border:1px solid rgba(255,243,224,.3);display:grid;align-content:end}.raw-item .raw-label{width:100%;text-align:center;padding:1px 0;font-size:var(--font-size-label-min);color:#fff;font-weight:700;background:#0000008c}.raw-item.selected,.raw-item.guide{box-shadow:var(--glow-guide)}.plate{margin-left:auto;flex:none;width:calc(var(--raw-size) * 1.5);height:var(--tap-min);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#fff,#d9d2c7 70%,#b8b0a4);display:grid;place-items:center;color:#6b5f52;font-size:var(--font-size-label-min);font-weight:700}.plate .plate-meat{width:62%;height:62%;border-radius:50%;display:none;background-size:cover;background-position:center}.plate[data-dish] .plate-meat{display:block;box-shadow:0 1px 4px #0006}.plate[data-dish] .plate-empty-label{display:none}.plate.guide{box-shadow:var(--glow-guide)}.customers{grid-area:queue;z-index:3;min-height:0;display:grid;grid-template-rows:repeat(var(--queue-rows, 4),1fr);gap:clamp(4px,1vh,8px)}.customer{display:grid;gap:3px;align-content:center;min-height:var(--tap-floor)}.queue-slot{display:grid;place-items:center;min-height:var(--tap-floor);border:2px dashed rgba(255,243,224,.16);border-radius:var(--radius-card);color:#c9b8a68c;font-size:var(--font-size-label-min)}.queue-slot[hidden]{display:none!important}.customer .avatar-row{display:flex;align-items:stretch;gap:var(--space-2)}.customer .avatar{width:var(--avatar-size);height:var(--avatar-size);flex:none;align-self:center;background:var(--color-surface-raised);border:2px solid var(--color-wood);border-radius:var(--radius-pill);display:grid;place-items:center;font-size:22px}.customer .ticket{flex:1;min-width:0;position:relative;background:var(--color-cream);color:#3a2c20;border-radius:var(--radius-card);padding:var(--space-1) var(--space-3);box-shadow:var(--shadow-pop);display:grid;align-content:center}.customer .ticket:before{content:"";position:absolute;left:-8px;bottom:12px;border:6px solid transparent;border-right-color:var(--color-cream)}.customer .dish-row{display:flex;align-items:center;gap:var(--space-2)}.customer .dish-photo{width:calc(var(--avatar-size) * .72);height:calc(var(--avatar-size) * .72);flex:none;border-radius:8px;background-size:cover;background-position:center;border:1px solid rgba(58,44,32,.35)}.customer .dish-name{font-size:var(--font-size-body-min);font-weight:700;line-height:1.2}.customer .doneness{display:inline-flex;align-items:center;margin-top:2px;font-size:var(--font-size-body-min);font-weight:700;line-height:1.2;border-radius:var(--radius-pill);padding:1px 10px;color:#fff}.customer .doneness[data-doneness=low]{background:var(--color-doneness-low);color:#4a3a10}.customer .doneness[data-doneness=mid]{background:var(--color-doneness-mid)}.customer .doneness[data-doneness=high]{background:var(--color-doneness-high)}.customer .patience-bar{height:6px;border-radius:var(--radius-pill);background:var(--color-surface-raised);overflow:hidden}.customer .patience-bar i{display:block;height:100%;border-radius:inherit;background:var(--color-success)}.customer.warn .patience-bar i{background:var(--color-danger)}.customer.guide .avatar{box-shadow:var(--glow-guide)}.score-popup{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);z-index:4;background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);text-align:center;box-shadow:var(--shadow-pop);border-top:4px solid var(--color-success)}.score-popup[hidden]{display:none!important}.score-popup.bad{border-top-color:var(--color-danger)}.score-popup .points{font-size:32px;font-weight:900;color:var(--color-accent);line-height:1}.score-popup.bad .points{color:var(--color-danger)}.score-popup .chips{display:flex;gap:var(--space-1);justify-content:center;margin-top:var(--space-2);flex-wrap:wrap}.score-popup .chip{border-radius:var(--radius-pill);padding:2px 10px;font-size:var(--font-size-label-min);font-weight:700;background:var(--color-surface-raised);color:var(--color-success)}.score-popup .chip.bad{color:var(--color-danger)}#screen-result{display:grid;gap:var(--space-3);padding:var(--space-3);background:radial-gradient(ellipse 70% 60% at 50% 115%,rgba(232,89,12,.28),transparent 70%),var(--color-bg)}#screen-result[hidden]{display:none!important}@media(orientation:landscape){#screen-result{grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:minmax(max-content,1fr) max-content;overflow-y:auto}.result-ranking{grid-column:1 / -1;grid-row:2}.result-ranking .ranking-list{max-height:128px;overflow-y:auto}}@media(orientation:portrait){#screen-result{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;overflow-y:auto}}.result-left,.result-mid,.result-right,.result-ranking{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4)}.best-badge{align-self:flex-start;background:var(--color-accent);color:#4a3410;font-weight:900;border-radius:var(--radius-pill);padding:4px 14px;font-size:var(--font-size-md);white-space:nowrap;box-shadow:var(--shadow-pop)}.total-label{color:var(--color-cream-dim);font-size:var(--font-size-md)}.total-score{font-size:clamp(40px,9vmin,64px);font-weight:900;color:var(--color-accent);line-height:1}.best-compare{color:var(--color-cream-dim);font-size:var(--font-size-body-min)}#retry-button{margin-top:auto;flex:none;border-radius:var(--radius-pill);font-size:var(--font-size-lg);font-weight:900;color:#fff;padding:var(--space-3) var(--space-4);white-space:nowrap;min-height:var(--tap-min);background:linear-gradient(180deg,var(--color-ember-glow),var(--color-ember));box-shadow:var(--glow-guide)}.result-stats{display:flex;gap:var(--space-3);flex:none}.result-stats .stat{flex:1;text-align:center;border-radius:var(--radius-card);background:var(--color-surface-raised);padding:var(--space-1) 0;color:var(--color-cream-dim);font-size:var(--font-size-label-min)}.result-stats .stat span{display:block}.result-stats .stat b{color:var(--color-accent);font-size:var(--font-size-lg)}.result-mid h3,.result-right h3,.result-ranking h3{font-size:var(--font-size-md);color:var(--color-cream-dim);font-weight:700;flex:none}.breakdown{flex:1;min-height:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:var(--space-1)}.breakdown-row{display:grid;grid-template-columns:auto 1fr auto;align-content:center;row-gap:1px;background:var(--color-surface-raised);border-radius:var(--radius-card);padding:var(--space-1) var(--space-3)}.breakdown-row .em{grid-column:1;grid-row:1 / span 2;align-self:center;margin-right:var(--space-2)}.breakdown-row .name{grid-column:2 / -1;grid-row:1;font-size:var(--font-size-body-min);font-weight:700;line-height:1.2}.breakdown-row .why{grid-column:2;grid-row:2;color:var(--color-cream-dim);font-size:var(--font-size-label-min);line-height:1.2}.breakdown-row .why.bad{color:var(--color-danger)}.breakdown-row .pt{grid-column:3;grid-row:2;justify-self:end;font-weight:800;color:var(--color-accent);font-size:var(--font-size-body-min);line-height:1.2}.ranking-list{display:flex;flex-direction:column;gap:var(--space-1)}.ranking-row{flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:var(--space-2);background:var(--color-surface-raised);border-radius:var(--radius-card);padding:var(--space-1) var(--space-3)}.ranking-row .rank{color:var(--color-cream-dim);font-size:var(--font-size-label-min);font-weight:700;min-width:3em}.ranking-row .score{font-size:var(--font-size-body-min);font-weight:800}.ranking-row .date{color:var(--color-cream-dim);font-size:var(--font-size-label-min);justify-self:end}.ranking-row.current{background:var(--color-ember);box-shadow:var(--shadow-pop)}.ranking-row.current .rank,.ranking-row.current .date{color:#ffe0c7}.ranking-row.current .score{color:#fff}.result-right p{color:var(--color-cream-dim);font-size:var(--font-size-body-min);line-height:1.5}#instagram-link{margin-top:auto;flex:none;text-decoration:none;text-align:center;font-weight:800;color:#fff;font-size:var(--font-size-md);min-height:var(--tap-min);display:grid;place-items:center;border-radius:var(--radius-pill);padding:var(--space-3);background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366)}