:root{--app-max-width: 540px}.score-display{display:flex;gap:8px;align-items:center}.score-box .label{font-size:.6rem}.moves-display{display:flex;gap:8px;margin-top:8px;align-items:center;font-size:.9rem;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.moves-display.low{color:#e74c3c}.moves-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-right:4px}.target-display{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.85rem;color:var(--text-secondary, var(--text))}.target-mode{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;opacity:.6;background:var(--score-bg);padding:2px 8px;border-radius:4px}.shed-display{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.85rem;color:var(--text-secondary, var(--text));font-weight:600;font-variant-numeric:tabular-nums}.shed-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-right:4px}.shed-display.near{color:#27ae60}.shed-bar-track{flex:1;height:6px;background:var(--score-bg);border-radius:3px;overflow:hidden;min-width:48px}.shed-bar-fill{height:100%;background:#27ae60;border-radius:3px;transition:width .3s ease;width:0%}.shed-display.near .shed-bar-fill{animation:shed-pulse .8s ease-in-out infinite}@keyframes shed-pulse{0%,to{opacity:1}50%{opacity:.5}}.combo-badge{position:absolute;top:50%;right:-60px;transform:translateY(-50%);background:#ff6b35;color:#fff;padding:4px 12px;border-radius:20px;font-size:1rem;font-weight:800;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.combo-badge.visible{opacity:1;transform:translateY(-50%) scale(1.1)}.undo-badge{font-size:.65rem;opacity:.7;margin-left:2px}.mode-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-width:320px}.mode-option{text-align:left;padding:12px 16px!important;font-size:.95rem!important}.mode-option.selected{border-left:3px solid #27ae60}.canvas-wrapper{position:relative;display:inline-block}.tutorial-hint{color:var(--text-secondary, var(--text))}@media(max-height:600px){.moves-display{margin-top:4px;font-size:.8rem}}@media(orientation:landscape)and (min-width:640px){#game-canvas,.canvas-wrapper{grid-column:1;grid-row:1 / span 20;align-self:center;margin-left:auto;margin-right:auto}.moves-display{margin-top:4px}}.bonus-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(10px);background:#27ae60;color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:700;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:100}.bonus-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes moves-pulse{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.moves-display.pulse{animation:moves-pulse .6s ease-out}button:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.combo-badge,.shed-bar-fill{transition:none}}