:root{--color-bg: #1a1a1d;--color-primary: #f5c542;--color-secondary: #ff4757;--color-accent: #2ed573;--color-text: #ffffff;--color-panel: rgba(255, 255, 255, .1);--font-main: "Mochiy Pop One", sans-serif;--font-display: "Zen Dots", cursive}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;background-image:radial-gradient(circle at 10% 20%,rgba(245,197,66,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,71,87,.1) 0%,transparent 20%)}#app{width:100%;max-width:480px;height:100%;max-height:900px;position:relative;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 0 20px #00000080;overflow:hidden}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:opacity .3s ease}.screen.hidden{opacity:0;pointer-events:none;z-index:0}.screen.active{opacity:1;pointer-events:auto;z-index:10}h1.title{font-family:var(--font-main);font-size:3rem;text-align:center;color:var(--color-primary);text-shadow:2px 2px 8px rgba(0,0,0,.8);line-height:1.2;transform:skew(-5deg)}.rush{font-family:var(--font-display);color:var(--color-secondary);font-size:4rem}.ramen-img{width:180px;height:auto;margin:8px 0 20px}.btn{font-family:var(--font-main);border:none;border-radius:12px;padding:15px 30px;font-size:1.4rem;cursor:pointer;transition:transform .1s,filter .2s;margin:10px;width:80%;max-width:300px;box-shadow:0 4px #0000004d}.btn:active{transform:translateY(4px);box-shadow:none}.btn.primary{background:var(--color-primary);color:#1a1a1a;font-weight:700;letter-spacing:.05em}.btn.secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn.action-btn{display:block;background:var(--color-secondary);color:#fff;width:100%;font-size:1.2rem;margin:16px auto 0;height:58px}#game-screen{justify-content:flex-start;padding:12px 16px;gap:6px}.hud{display:flex;justify-content:space-between;width:100%;padding:0;font-size:1.2rem}.customer-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:0}.call-bubble{background:#fff;color:#000;padding:12px 16px;border-radius:20px;position:relative;margin-bottom:12px;font-size:1rem;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;width:90%;box-shadow:5px 5px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.call-bubble:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);border-width:15px 15px 0;border-style:solid;border-color:#fff transparent}.customer-placeholder{width:min(160px,38vw);height:min(160px,38vw);background-size:cover;background-position:center;border-radius:50%;margin:8px;border:4px solid #fff;box-shadow:0 0 15px #ffffff4d}.controls{width:100%;padding-bottom:20px}.topping-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin-bottom:12px}.topping-btn{margin:0;width:100%;background:#333;color:#fff;position:relative;display:flex;justify-content:space-between;align-items:center;padding:13px 12px;font-size:1.1rem}.topping-btn[data-type=yasai]{border-bottom:4px solid var(--color-accent)}.topping-btn[data-type=ninniku]{border-bottom:4px solid #fff}.topping-btn[data-type=abura]{border-bottom:4px solid var(--color-primary)}.delete-btn{margin:0;width:100%;background:#555;color:#ccc;font-size:1rem}.dots{display:flex;gap:5px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:transparent;transition:background .15s,border-color .15s}.dot.filled{background:#fff;border-color:#fff}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.howto-title{font-family:var(--font-main);color:var(--color-primary);margin-bottom:10px}.howto-body{width:100%;overflow-y:auto;max-height:60vh;font-size:.95rem;line-height:1.7}.howto-section{background:var(--color-panel);border-radius:12px;padding:12px 16px;margin:10px 0}.howto-section h3{margin:0 0 8px;color:var(--color-primary);font-size:.9rem}.howto-rule{margin:0 0 8px;color:var(--color-accent);font-size:.9rem}.howto-section ul{margin:0;padding-left:1.2em}.howto-section li{margin-bottom:4px}.howto-note{text-align:center;font-size:.85rem;color:#fff9;margin-top:8px}#result-screen h2{font-size:2rem;margin-bottom:10px}#final-score{font-size:5rem;font-weight:700;color:var(--color-primary);margin-bottom:20px}.result-actions{display:flex;flex-direction:column;align-items:center;width:100%}.btn.share{background:#000;color:#fff;border:1px solid #333}