:root{--bg:#f6ead6;--bg-2:#efe0c8;--ink:#3f3125;--ink-soft:#6d5b47;--panel:#fffaf0;--line:#d9c6a6;--accent:#d96459;--accent-2:#c98a4f;--green:#79b473;--blue:#6fa8dc;--radius:14px;--shadow:0 2px 6px #503a2224}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:Malgun Gothic,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh;min-height:100dvh}#app{min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hud{background:var(--bg-2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.brand{flex-direction:column;margin-right:auto;line-height:1.1;display:flex}.brand-mark{letter-spacing:.14em;color:var(--accent-2);font-size:10px;font-weight:700}.brand-title{margin:0;font-size:17px}.brand-sub{color:var(--ink-soft);font-size:10px}.hud-stats{flex-wrap:wrap;gap:8px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;min-width:54px;padding:3px 8px;display:flex}.stat-label{color:var(--ink-soft);font-size:10px}.stat-value{font-variant-numeric:tabular-nums;font-size:15px}.stat-primary{border-color:var(--accent-2);box-shadow:var(--shadow)}.stat-primary .stat-value{font-size:17px}.stat-secondary{opacity:.72;min-width:46px}.stat-secondary .stat-value{font-size:13px}.hud-tools{gap:4px;display:flex}.icon-btn{background:var(--panel);border:1px solid var(--line);min-width:38px;min-height:38px;color:var(--ink);cursor:pointer;border-radius:10px;font-size:16px}.icon-btn[aria-pressed=false]{opacity:.45;text-decoration:line-through}.icon-btn:focus-visible,.action-button:focus-visible,.btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.command{border:1px solid var(--line);width:min(720px,100%);box-shadow:var(--shadow);text-align:center;background:#fdf7ee;border-radius:16px;min-height:84px;margin:10px auto 4px;padding:10px 16px 8px}.command-ko{letter-spacing:-.01em;margin:0;font-size:clamp(22px,5.4vw,28px);font-weight:800}.command-en{color:var(--ink-soft);min-height:16px;margin:2px 0 0;font-size:13px}.command-meta{justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.round-chip{color:var(--ink-soft);font-size:11px}.timer{background:#e3d3b8;border-radius:999px;width:min(280px,60vw);height:8px;position:relative;overflow:hidden}.timer>span{background:linear-gradient(90deg, var(--green), var(--blue));width:100%;height:100%;transition:width 90ms linear;display:block}.timer.urgent>span{background:linear-gradient(90deg, #d99a2b, var(--accent))}#stage-host{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;min-height:0;padding:0 10px;display:flex}.stage{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:720px;display:flex}.scene-svg{border:1px solid var(--line);border-radius:var(--radius);width:100%;height:auto;max-height:46vh;box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;background:#efe0c8}.stage-hint{color:var(--ink-soft);text-align:center;min-height:18px;margin:0;font-size:13px}.controls{flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 4px 4px;display:flex}.action-button{background:var(--panel);min-width:96px;min-height:50px;color:var(--ink);border:2px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:8px 14px;font-size:16px;font-weight:700;display:flex}.action-button .en{color:var(--ink-soft);font-size:11px;font-weight:500}.action-button.primary{background:var(--accent-2);color:#fff;border-color:#a86f35}.action-button.primary .en{color:#fdf0dd}.action-button.ready,.cross-ready{background:var(--green);color:#fff;border-color:#4f8a49}.hold-button{background:var(--accent-2);color:#fff;cursor:pointer;border:2px solid #a86f35;border-radius:12px;flex-direction:column;align-items:center;min-width:200px;min-height:56px;padding:10px 20px;font-size:17px;font-weight:700;display:flex}.hold-button .en{color:#fdf0dd;font-size:11px;font-weight:500}.switch,.reader,.cup,.bag,.umbrella,.lane,.piece,.crosswalk,.bag-item,.ingredient,.shoe-pair,.shoe-left,.shoe-right,.light-panel{cursor:pointer}.dragging{filter:drop-shadow(0 6px 8px #3c281459)}.bag-item.selected{filter:drop-shadow(0 0 6px #d96459)}.bag-item.in-bag{opacity:.95}.ingredient.in-pot{opacity:.9}.roll-segment{transition:transform .12s ease-out}.guide.selected line{stroke:#2f7fd0}.guide.cut{opacity:.25}.cup.active .band{opacity:.45}.placed{filter:drop-shadow(0 2px 3px #3c28144d)}.label-pill-bg{filter:drop-shadow(0 1px 1px #3c2a1638)}.pot-zone.is-done .pot-zone-bg,.bag-zone.is-done .bag-zone-bg{stroke:#4f8a49;stroke-dasharray:none;fill:#79b47333}.serve-cue{filter:drop-shadow(0 1px 2px #3c2a1647)}.serve-button.ready{animation:.9s ease-in-out infinite serve-pulse}@keyframes serve-pulse{0%,to{box-shadow:0 0 #4f8a49bf}50%{box-shadow:0 0 0 9px #4f8a4900}}@media (prefers-reduced-motion:reduce){.serve-button.ready{animation:none}}.hint{text-align:center;min-height:22px;color:var(--ink-soft);margin:0;padding:2px 14px 10px;font-size:13px}.overlay{padding:16px;padding-top:max(16px, env(safe-area-inset-top,0));z-index:40;background:#3022148c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(680px,100%);margin-bottom:24px;padding:16px;box-shadow:0 12px 30px #281a0c4d}.sheet h2{margin:0 0 6px;font-size:21px}.sheet h3{color:var(--ink-soft);margin:14px 0 6px;font-size:15px}.sheet p{margin:4px 0;font-size:14px;line-height:1.5}.sheet .en{color:var(--ink-soft);font-size:12px}.btn-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn{border:2px solid var(--line);background:var(--panel);min-height:48px;color:var(--ink);cursor:pointer;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:700}.btn.primary{background:var(--accent);color:#fff;border-color:#a8443c;flex:160px}.btn.ghost{background:0 0}.btn.small{min-height:38px;padding:6px 12px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.chip[aria-pressed=true]{background:var(--accent-2);color:#fff;border-color:#a86f35}.stamp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px;display:grid}.stamp{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;font-size:12px}.stamp.earned{border-color:var(--accent-2);background:#fff4e0}.stamp strong{font-size:14px;display:block}.stamp .cond{color:var(--ink-soft)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:8px;display:grid}.game-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.game-card h4{margin:0 0 2px;font-size:15px}.game-card .phrase{font-size:14px;font-weight:600}.game-card .card-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.card-thumb{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--bg-2);border-radius:8px;width:100%;margin-bottom:6px;display:block}.pack-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:8px;display:grid}.pack-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.pack-card.locked{opacity:.92;background:#f6efe2}.pack-thumb{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--bg-2);border-radius:8px;width:100%;margin-bottom:6px}.pack-thumb-locked{color:var(--ink-soft);background:repeating-linear-gradient(45deg,#efe3cc,#efe3cc 10px,#e7d8bd 10px 20px);justify-content:center;align-items:center;font-size:26px;display:flex}.pack-ko{font-size:17px}.pack-en{letter-spacing:.12em;color:var(--accent-2);font-size:10px;font-weight:700}.pack-games{color:var(--ink-soft);font-size:12px;line-height:1.4}.pack-state{color:var(--ink-soft);margin-top:4px;font-size:11px}.pack-state.unlocked{color:#4f8a49;font-weight:700}.pack-progress{background:#e3d3b8;border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.pack-progress>span{background:linear-gradient(90deg, var(--green), var(--accent-2));height:100%;display:block}.result-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:10px 0;display:grid}.result-cell{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:8px}.result-cell strong{font-size:20px;display:block}.result-cell span{color:var(--ink-soft);font-size:11px}.toast{color:#fff;z-index:60;box-shadow:var(--shadow);background:#3f3125f0;border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.boot-error{border:2px solid var(--accent);background:#fff0ee;border-radius:12px;margin:16px;padding:12px;font-size:14px}.game-banner{z-index:55;pointer-events:none;box-shadow:var(--shadow);border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;animation:.9s ease-out banner-pop;display:flex;position:fixed;top:18%;left:50%;transform:translate(-50%)}.banner-ko{letter-spacing:1px;font-size:clamp(20px,5vw,30px)}.banner-en{opacity:.85;font-size:12px}.banner-speed{background:linear-gradient(90deg, #c9403a, var(--accent-2));color:#fff}.banner-best{color:#3f3125;background:linear-gradient(90deg,#b8860b,#f2c14e)}.banner-pack{background:linear-gradient(90deg, var(--green), var(--blue));color:#17301a}.banner-miss{color:#fff;background:linear-gradient(90deg,#7a2f2b,#c9403a)}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%)scale(.7)}25%{opacity:1;transform:translate(-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.96)}}#app.speed-pulse{animation:.6s ease-out speed-pulse}@keyframes speed-pulse{0%{box-shadow:inset 0 0 #d9645900}40%{box-shadow:inset 0 0 0 6px #d9645959}to{box-shadow:inset 0 0 #d9645900}}@media (orientation:landscape) and (max-height:560px){.game-banner{padding:6px 16px;top:8%}.banner-ko{font-size:clamp(16px,3.4vw,22px)}}body.reduce-motion *{transition:none!important;animation:none!important}@media (orientation:landscape) and (max-height:560px){#hud{padding:5px 10px}.brand-sub,.stat-label{display:none}.command{min-height:62px;margin:4px auto 2px;padding:6px 12px 2px}.command-ko{font-size:clamp(20px,3.2vw,26px)}.scene-svg{max-height:40vh}.hint{padding-bottom:4px}}@media (min-width:900px){.scene-svg{max-height:50vh}}