:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a1a2e;color:#eee;overflow-x:hidden}.title-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);text-align:center;gap:1.5rem}.title-screen h1{font-size:3.5rem;font-weight:900;background:linear-gradient(90deg,#e94560,#ff6b6b,#ffa502);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;letter-spacing:-.02em}.title-screen .subtitle{font-size:1.2rem;color:#fff9;max-width:400px}.title-screen .start-btn{margin-top:1rem;padding:1rem 3rem;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#e94560,#c0392b);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #e9456066}.title-screen .start-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #e9456099}.title-screen .instructions{margin-top:2rem;max-width:450px;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.title-screen .instructions h3{color:#ffa502;margin-bottom:.75rem}.title-screen .instructions li{margin-bottom:.4rem;color:#ffffffb3;font-size:.95rem}.game-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#16213e)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:.5rem}.top-bar .stat{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:600}.top-bar .stat .label{color:#ffffff80;font-weight:400;font-size:.85rem}.top-bar .stat.money{color:#2ecc71;font-size:1.15rem}.top-bar .stat.score{color:#ffa502}.top-bar .stat.shift{color:#3498db}.rush-indicator{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;animation:pulse 1s ease-in-out infinite}.rush-indicator.active{background:#e94560;color:#fff}.rush-indicator.calm{background:#2ecc7133;color:#2ecc71}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.game-main{flex:1;display:grid;grid-template-columns:240px 1fr 280px;gap:0;overflow:hidden}.queue-panel{background:#0003;border-right:1px solid rgba(255,255,255,.08);padding:1rem;overflow-y:auto}.queue-panel h3{color:#ffffff80;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.queue-customer{display:flex;align-items:center;gap:.6rem;padding:.5rem;margin-bottom:.5rem;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.06);transition:transform .2s}.queue-customer .avatar{font-size:1.8rem;line-height:1}.queue-customer .info{flex:1;min-width:0}.queue-customer .name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-customer .items-count{font-size:.75rem;color:#fff6}.queue-customer.has-coupon .name{color:#ffa502}.register-area{display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto}.current-customer-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.current-customer-header .big-avatar{font-size:3rem;line-height:1}.current-customer-header .customer-details{flex:1}.current-customer-header .customer-name{font-size:1.3rem;font-weight:700}.current-customer-header .customer-type{font-size:.85rem;color:#ffffff80}.patience-bar-container{margin-top:.5rem}.patience-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80;margin-bottom:.25rem}.patience-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.patience-bar-fill{height:100%;border-radius:4px;transition:width .3s,background .3s}.belt-section{margin-top:1.25rem}.belt-section h3{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.conveyor-belt{display:flex;flex-wrap:wrap;gap:.6rem;min-height:80px;padding:1rem;background:repeating-linear-gradient(90deg,#ffffff08,#ffffff08 20px,#ffffff0f 20px,#ffffff0f 40px);border-radius:10px;border:1px solid rgba(255,255,255,.08);align-items:center}.item-card{display:flex;flex-direction:column;align-items:center;padding:.6rem .8rem;background:#ffffff12;border:2px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;-webkit-user-select:none;user-select:none;min-width:80px}.item-card:hover{transform:scale(1.08);border-color:#3498db;background:#3498db26}.item-card.scanned{opacity:.4;pointer-events:none;border-color:#2ecc71;background:#2ecc711a}.item-card .item-emoji{font-size:1.8rem;line-height:1}.item-card .item-name{font-size:.7rem;color:#fff9;margin-top:.25rem;text-align:center}.item-card .item-price{font-size:.8rem;font-weight:700;color:#2ecc71;margin-top:.15rem}.scanned-section{margin-top:1.25rem}.scanned-section h3{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.scanned-list{display:flex;flex-direction:column;gap:.3rem}.scanned-item{display:flex;justify-content:space-between;padding:.35rem .6rem;background:#2ecc7114;border-radius:6px;font-size:.85rem}.scanned-item .s-name{color:#ffffffb3}.scanned-item .s-price{color:#2ecc71;font-weight:600}.register-total{margin-top:1.5rem;padding:1rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.total-line{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:.4rem}.total-line.grand{font-size:1.3rem;font-weight:800;color:#2ecc71;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem;margin-top:.5rem}.total-line.discount{color:#ffa502}.action-buttons{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.action-buttons button{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .1s,opacity .1s;min-width:120px}.action-buttons button:hover:not(:disabled){transform:scale(1.03)}.action-buttons button:disabled{opacity:.4;cursor:not-allowed}.btn-discount{background:linear-gradient(135deg,#ffa502,#e67e22);color:#1a1a2e}.btn-total{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-charge{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-next{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.mood-bubble{position:relative;display:inline-block;padding:.4rem .8rem;background:#ffffff1a;border-radius:12px;font-size:.85rem;margin-top:.5rem;color:#fffc}.mood-bubble:before{content:"";position:absolute;top:-6px;left:16px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(255,255,255,.1)}.mood-bubble.angry{background:#e9456033;color:#e94560}.mood-bubble.angry:before{border-bottom-color:#e9456033}.mood-bubble.happy{background:#2ecc7133;color:#2ecc71}.mood-bubble.happy:before{border-bottom-color:#2ecc7133}.events-panel{background:#0003;border-left:1px solid rgba(255,255,255,.08);padding:1rem;display:flex;flex-direction:column}.events-panel h3{color:#ffffff80;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.events-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.event-item{padding:.5rem .6rem;border-radius:6px;font-size:.8rem;line-height:1.4;border-left:3px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.event-item.good{background:#2ecc7114;border-color:#2ecc71;color:#ffffffb3}.event-item.bad{background:#e9456014;border-color:#e94560;color:#ffffffb3}.event-item.info{background:#3498db14;border-color:#3498db;color:#ffffffb3}.event-item.warning{background:#ffa50214;border-color:#ffa502;color:#ffffffb3}.stats-box{margin-top:1rem;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.stats-box h4{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.stats-box .stat-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.25rem}.stats-box .stat-row .val{font-weight:600}.gameover-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);text-align:center;gap:1rem;padding:2rem}.gameover-screen h1{font-size:3rem;font-weight:900;color:#e94560}.gameover-screen .final-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:500px;width:100%}.gameover-screen .final-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem}.gameover-screen .final-stat .fs-val{font-size:1.8rem;font-weight:800;color:#ffa502}.gameover-screen .final-stat .fs-label{font-size:.8rem;color:#ffffff80;margin-top:.2rem}.gameover-screen .rank{font-size:1.3rem;font-weight:700;color:#2ecc71;margin-top:.5rem}.gameover-screen .restart-btn{margin-top:1rem;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#e94560,#c0392b);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .15s}.gameover-screen .restart-btn:hover{transform:scale(1.05)}.float-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;border-radius:12px;font-size:1.5rem;font-weight:800;z-index:100;animation:floatNotif 1.5s ease-out forwards;pointer-events:none}.float-notification.positive{background:#2ecc71e6;color:#fff}.float-notification.negative{background:#e94560e6;color:#fff}@keyframes floatNotif{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}@media(max-width:900px){.game-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.queue-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);max-height:150px}.events-panel{border-left:none;border-top:1px solid rgba(255,255,255,.08);max-height:180px}}