*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.game-container{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:960px;margin:0 auto;padding:16px;display:flex}:root{--color-bg:#ffe8ef;--color-panel:#fff6d6;--color-counter:#b86b4b;--color-primary:#ff6b9a;--color-primary-dark:#d94f7d;--color-secondary:#7bdff2;--color-accent:#f6bd60;--color-success:#75c46b;--color-danger:#e8505b;--color-text:#3a2a2a;--color-border:#5c3b2e}.pixel-panel{border:4px solid var(--color-border);background:var(--color-panel);padding:16px;box-shadow:6px 6px #5c3b2e}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.game-title{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:2px;font-size:1.5rem}.header-stats{gap:24px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-label{text-transform:uppercase;color:var(--color-border);font-size:.7rem}.stat-value{color:var(--color-primary);font-size:1.4rem;font-weight:700}.customers-section__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.customers-section h2,.tray-section h2,.inventory-section h2{text-transform:uppercase;letter-spacing:1px;color:var(--color-border);margin-bottom:0;font-size:.85rem}.customer-slots{gap:12px;display:flex}.customer-slot__main-row{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.customer-slot{border:3px dashed var(--color-border);background:var(--color-bg);height:160px;color:var(--color-text);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;font-family:inherit;font-size:.85rem;display:flex;overflow:hidden}.customer-slot--filled{cursor:pointer;border-style:solid}.customer-slot--filled:hover{background:#f5f0d5}.customer-slot--selected{border-color:var(--color-primary);background:#ffe0eb;border-width:4px}.customer-slot__placeholder{color:var(--color-border);opacity:.5;font-size:1.2rem}.customer-slot__avatar{justify-content:center;align-items:center;height:80px;display:flex}.avatar-img{width:auto;height:100%;image-rendering:pixelated;mix-blend-mode:multiply}.order-bubble{border:2px solid var(--color-border);background:#fff;max-height:72px;padding:4px 8px;overflow:hidden}.order-list{font-size:.7rem;line-height:1.4;list-style:none}.order-item{color:var(--color-text);white-space:nowrap;align-items:center;gap:6px;display:flex}.order-item__img{width:auto;height:24px;image-rendering:pixelated;mix-blend-mode:multiply}.customer-slot__selected-badge{text-transform:uppercase;color:var(--color-primary);font-size:.65rem;font-weight:700}.patience-bar-container{border:2px solid var(--color-border);background:#e8d8c8;width:100%;height:8px}.patience-bar{height:100%;transition:width .25s linear}.patience--green{background:var(--color-success)}.patience--yellow{background:var(--color-accent)}.patience--red{background:var(--color-danger)}.patience-text{color:var(--color-border);font-size:.7rem;font-weight:700}.notice{text-align:center;box-sizing:border-box;visibility:hidden;border:3px solid #0000;justify-content:center;align-items:center;height:48px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.notice--visible{visibility:visible}.notice--warning{border-color:var(--color-accent);color:var(--color-border);background:#fff0cd}.notice--success{border-color:var(--color-success);color:#2a5a22;background:#d4f0cd}.tray-actions{gap:8px;display:flex}.tray-section{flex-direction:column;gap:8px;display:flex}.tray-content{border:3px dashed var(--color-border);background:var(--color-bg);height:60px;padding:6px 8px;overflow:hidden auto}.tray-placeholder{color:var(--color-border);opacity:.5}.tray-list{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.tray-item{background:var(--color-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:4px 10px;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.tray-item__img{width:auto;height:32px;image-rendering:pixelated;mix-blend-mode:multiply}.tray-item:hover{background:var(--color-primary-dark)}.tray-hint{color:var(--color-border);opacity:.7;margin-top:6px;font-size:.65rem;font-style:italic;display:block}.btn{border:3px solid var(--color-border);cursor:pointer;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:700}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--secondary:hover{background:#6cc9dc}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#5faa56}.btn:disabled{opacity:.35;cursor:not-allowed}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.inventory-card{border:3px solid var(--color-border);background:var(--color-bg);flex-direction:column;gap:6px;padding:8px;display:flex}.inventory-card__body{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.inventory-card__image-btn{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;height:64px;padding:0;display:flex}.inventory-card__image-btn:disabled{cursor:not-allowed}.inventory-card__img{width:auto;max-height:100%;image-rendering:pixelated;mix-blend-mode:multiply;transition:transform .1s}.inventory-card__image-btn:not(:disabled):active .inventory-card__img{transform:scale(.9)}.inventory-card__img--disabled{opacity:.35;filter:grayscale()}.inventory-card__header{justify-content:space-between;align-items:center;display:flex}.inventory-card__name{color:var(--color-text);font-size:.85rem;font-weight:700}.inventory-card__stock{color:var(--color-primary);font-size:.9rem;font-weight:700}.inventory-card__actions{flex-direction:column;flex:none;gap:4px;display:flex}.billete-icon{width:auto;height:20px;image-rendering:pixelated;mix-blend-mode:multiply}.product-btn{border:2px solid var(--color-border);cursor:pointer;background:#fff;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;font-size:.7rem;font-weight:700;display:flex}.product-btn:hover:not(:disabled){background:var(--color-accent)}.product-btn:disabled{opacity:.35;cursor:not-allowed}.product-btn--buy{background:var(--color-success);color:#fff}.product-btn--buy:hover:not(:disabled){background:#5faa56}.product-btn--refill{background:var(--color-secondary);color:var(--color-text);font-size:.65rem}.header-actions{flex-wrap:wrap;gap:6px;display:flex}.header__action-btn{padding:4px 10px;font-size:.7rem}.start-screen{text-align:center;max-width:420px;margin:80px auto;padding:48px 32px}.start-screen__title{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:4px;margin:0 0 8px;font-size:2.5rem}.start-screen__subtitle{color:var(--color-text);margin:0 0 24px;font-size:1rem}.start-screen__info{color:var(--color-text);border:2px solid var(--color-accent);background:#fff0e0;margin:0 0 24px;padding:12px;font-size:.9rem}.start-screen__stats{color:var(--color-text);margin:0 0 24px;font-size:1rem}.start-screen__stats p{margin:4px 0}.start-screen__actions{flex-direction:column;align-items:center;gap:12px;display:flex}.start-screen__actions .btn{min-width:200px;padding:12px 24px;font-size:1rem}@media (width<=768px){.game-container{gap:6px;padding:6px}.pixel-panel{padding:8px;box-shadow:4px 4px #5c3b2e}.header{flex-flow:wrap;align-items:center;gap:4px;padding:6px 8px}.game-title{letter-spacing:1px;flex:none;font-size:.9rem}.header-stats{flex:1;justify-content:flex-end;gap:6px;min-width:0}.stat{flex-direction:row;flex:none;align-items:baseline;gap:3px}.stat-label{font-size:.55rem}.stat-value{font-size:.8rem}.header-actions{justify-content:center;gap:4px;width:100%;margin-top:4px}.header__action-btn{letter-spacing:0;min-height:30px;padding:4px 8px;font-size:.6rem}.customers-section h2,.tray-section h2,.inventory-section h2{margin-bottom:4px;font-size:.65rem}.customers-section__header{margin-bottom:4px}.customer-slots{flex-direction:row;gap:4px;display:flex}.customer-slot__main-row{flex-direction:column;gap:4px}.customer-slot{flex:1;gap:2px;min-width:0;height:auto;min-height:70px;padding:4px 6px;font-size:.65rem}.customer-slot__placeholder{font-size:.8rem}.customer-slot__avatar{height:48px;font-size:.55rem;font-weight:700}.order-bubble{border-width:1px;width:100%;max-height:none;padding:2px 4px;overflow:visible}.order-list{font-size:.6rem;line-height:1.2}.patience-bar-container{border-width:1px;width:100%;height:6px}.patience-text{font-size:.6rem}.customer-slot__selected-badge{letter-spacing:0;font-size:.5rem}.notice{border-width:2px;height:auto;min-height:32px;padding:4px 8px;font-size:.7rem}.tray-section{gap:4px}.tray-content{height:44px;min-height:0;padding:3px 4px}.tray-list{gap:4px}.tray-item{min-height:28px;padding:3px 8px;font-size:.7rem}.tray-hint{display:none}.tray-actions{flex-direction:row;gap:4px}.tray-actions .btn{flex:1;min-height:34px;padding:6px 4px;font-size:.7rem}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:4px}.inventory-card{border-width:2px;gap:3px;padding:4px 6px}.inventory-card__header{flex-direction:column;align-items:flex-start;gap:0}.inventory-card__name{font-size:.55rem}.inventory-card__stock{font-size:.65rem}.inventory-card__actions{gap:2px}.product-btn{border-width:1px;min-height:26px;padding:3px 2px;font-size:.55rem}.product-btn--refill{font-size:.5rem}.btn{letter-spacing:0;border-width:2px;min-height:30px;padding:5px 8px;font-size:.65rem}.start-screen{max-width:100%;margin:24px auto;padding:24px 16px}.start-screen__title{letter-spacing:2px;font-size:1.5rem}.start-screen__info{padding:8px;font-size:.8rem}.start-screen__actions .btn{min-width:160px;padding:10px 16px;font-size:.9rem}}@media (width<=480px){.game-container{gap:4px;padding:4px}.pixel-panel{padding:5px}.header{gap:2px;padding:4px 6px}.game-title{font-size:.75rem}.header-stats{gap:4px}.stat-value{font-size:.7rem}.stat-label{font-size:.5rem}.customer-slot{min-height:60px;padding:3px 4px}.order-list{font-size:.55rem}.customer-slot__avatar{font-size:.5rem}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:3px}.inventory-card{gap:2px;padding:3px 4px}.inventory-card__name{font-size:.5rem}.inventory-card__stock{font-size:.6rem}.product-btn{min-height:24px;padding:2px;font-size:.5rem}.tray-item{padding:2px 6px;font-size:.6rem}.tray-actions .btn{min-height:30px;padding:4px;font-size:.65rem}.btn{min-height:28px;padding:4px 6px;font-size:.6rem}.notice{min-height:28px;padding:3px 6px;font-size:.6rem}}