.sandwich-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:var(--spacing-lg);max-width:800px;margin:0 auto}.sandwich-menu{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:400px}.sandwich-splash{width:280px;height:auto;border-radius:var(--radius-md)}.sandwich-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.sandwich-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}.sandwich-setting-group{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.sandwich-setting-group h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.sandwich-buttons-row{display:flex;gap:var(--spacing-sm)}.sandwich-option-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.sandwich-option-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.sandwich-option-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.sandwich-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.sandwich-high-score{font-size:var(--font-size-md);color:var(--color-text-secondary)}.sandwich-high-score span{font-weight:var(--font-weight-bold);color:var(--color-primary)}.sandwich-start-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.sandwich-start-btn:hover{background:var(--color-primary-dark);transform:scale(1.02)}.sandwich-game{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%}.sandwich-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md)}.sandwich-score{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.sandwich-score span{color:var(--color-primary)}.sandwich-progress{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.sandwich-menu-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.sandwich-menu-btn:hover{background:var(--color-surface-hover)}.conveyor-container{position:relative;width:100%;max-width:400px;height:280px;margin:var(--spacing-md) 0}.conveyor-belt{position:absolute;bottom:0;left:0;right:0;height:40px;background:#5d4e37;border-radius:var(--radius-sm);overflow:hidden}.conveyor-stripes{width:200%;height:100%;background:repeating-linear-gradient(90deg,#5d4e37 0px 18px,#7d6e57 18px 36px);animation:conveyorMove 1s linear infinite}.conveyor-belt.fast .conveyor-stripes{animation-duration:.3s}.conveyor-belt.stopped .conveyor-stripes{animation:none}@keyframes conveyorMove{0%{transform:translate(0)}to{transform:translate(-36px)}}.conveyor-rail{position:absolute;bottom:35px;width:8px;height:60px;background:linear-gradient(180deg,#8b8b8b,#6b6b6b);border-radius:var(--radius-xs)}.conveyor-rail-left{left:20px}.conveyor-rail-right{right:20px}.sandwich-stack{position:absolute;bottom:45px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:-4px;transition:transform .3s ease}.sandwich-layer{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(100px);transition:all .4s ease-out}.sandwich-layer.visible{opacity:1;transform:translate(0)}.layer-base{width:140px;height:35px;background:linear-gradient(180deg,#f4a460,#d2691e);border-radius:8px 8px 50px 50px;border:3px solid #8B4513;opacity:1;transform:translate(0)}.layer-base .layer-icon{font-size:24px}.layer-initial{width:130px;height:28px;background:linear-gradient(180deg,#90ee90,#32cd32);border-radius:4px 4px 8px 8px;border:2px solid #228B22;margin-bottom:-8px;z-index:1}.layer-final{width:125px;height:32px;background:linear-gradient(180deg,sienna,#654321);border-radius:8px;border:3px solid #3E2723;margin-bottom:-6px;z-index:2}.layer-tone{width:115px;height:20px;background:linear-gradient(180deg,gold,orange);border-radius:2px;margin-bottom:-4px;z-index:3}.layer-top{width:140px;height:45px;background:linear-gradient(180deg,#f4a460,peru,#d2691e);border-radius:50px 50px 8px 8px;border:3px solid #8B4513;margin-bottom:0;z-index:4}.layer-top .layer-icon{font-size:24px}.layer-text{position:absolute;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:10}.layer-emoji{position:absolute;right:8px;font-size:16px;opacity:.8}.sandwich-label{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);background:var(--color-surface);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);white-space:nowrap}.sandwich-shipping{animation:shipOff .8s ease-in forwards}@keyframes shipOff{0%{transform:translate(-50%)}to{transform:translate(calc(100vw - 50%));opacity:0}}.sandwich-falling .layer-initial,.sandwich-falling .layer-final,.sandwich-falling .layer-tone,.sandwich-falling .layer-top{animation:fallDown .6s ease-in forwards}.sandwich-falling .layer-initial{animation-delay:0s}.sandwich-falling .layer-final{animation-delay:.1s}.sandwich-falling .layer-tone{animation-delay:.2s}.sandwich-falling .layer-top{animation-delay:.3s}@keyframes fallDown{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translateY(200px) rotate(25deg);opacity:0}}.sandwich-reset .sandwich-layer{opacity:0;transform:translate(100px)}.sandwich-audio-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast)}.sandwich-audio-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.sandwich-audio-btn.playing{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.sandwich-audio-btn:disabled{opacity:.5;cursor:not-allowed}.sandwich-panels{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:500px}.ingredient-panel{width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-md)}.ingredient-panel-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;min-width:60px;text-align:right}.ingredient-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);flex:1}.ingredient-panel-initial{border-left:4px solid #32CD32}.ingredient-panel-final{border-left:4px solid #A0522D}.ingredient-panel-tone{border-left:4px solid #FFD700}.ingredient-btn{padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.ingredient-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.ingredient-btn.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.ingredient-btn.correct{border-color:#22c55e;background:#22c55e;color:#fff;animation:correctPulse .5s ease}.ingredient-btn.incorrect{border-color:#ef4444;background:#ef4444;color:#fff;animation:shake .5s ease}.ingredient-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.ingredient-btn-initial{font-size:var(--font-size-xl);min-width:50px;padding:var(--spacing-sm) var(--spacing-md)}.ingredient-btn-initial.selected{background:#32cd32;border-color:#228b22}.ingredient-btn-final{font-size:var(--font-size-xl);min-width:50px;padding:var(--spacing-sm) var(--spacing-md)}.ingredient-btn-final.selected{background:sienna;border-color:#654321}.ingredient-btn-tone{min-width:56px;min-height:56px;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.ingredient-btn-tone .tone-icon{width:36px;height:36px}.ingredient-btn-tone.selected{background:gold;border-color:orange;color:#333}.sandwich-actions{display:flex;gap:var(--spacing-md);justify-content:center}.sandwich-submit-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.sandwich-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.02)}.sandwich-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sandwich-retry-btn{padding:var(--spacing-md) var(--spacing-xl);background:#f97316;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.sandwich-retry-btn:hover{background:#ea580c}.sandwich-complete-actions{display:flex;gap:var(--spacing-md)}.sandwich-status{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;padding:var(--spacing-sm);border-radius:var(--radius-md);min-height:40px;display:flex;align-items:center;justify-content:center}.sandwich-status.success{color:#22c55e;background:#22c55e1a}.sandwich-status.failure{color:#ef4444;background:#ef44441a}.sandwich-status.levelComplete{color:var(--color-primary);background:var(--color-primary-light);font-size:var(--font-size-lg)}.sandwich-complete-screen{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg)}.score-emoji{font-size:80px;line-height:1;animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.complete-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.complete-score{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}@media(max-width:600px){.sandwich-container{padding:var(--spacing-md)}.ingredient-panel{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.ingredient-panel-label{text-align:left;min-width:auto}.ingredient-options{width:100%;justify-content:flex-start}.conveyor-container{height:240px}}