*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090909;color:#eee;font-family:Arial,Helvetica,sans-serif}body{display:grid;place-items:center}#shell{width:min(1200px,100vw);height:min(830px,100vh);border:1px solid #383838;background:#171717;display:flex;flex-direction:column;box-shadow:0 20px 80px #000}#hud{height:68px;flex:0 0 68px;background:#111;border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-weight:900;letter-spacing:.25em;font-size:15px}.sub{font-size:7px;color:#666;letter-spacing:.18em;margin-top:5px}.stats{display:flex;gap:25px}.stats div{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.stats span{font-size:7px;color:#666;letter-spacing:.16em}.stats b{font-size:15px;letter-spacing:.04em}#game{position:relative;flex:1;overflow:hidden;background:#222}#world{position:absolute;width:1200px;height:760px;left:50%;top:50%;transform:translate(-50%,-50%)}.floor{fill:url(#tiles)}.wall{fill:#191919;stroke:#080808;stroke-width:4}.labels{font:700 8px Arial;letter-spacing:2px;fill:#4a4944}#marker circle{fill:#121212;stroke:#eee;stroke-width:2}#marker text{font:700 12px Arial;fill:#eee}#prompt{position:absolute;left:15px;bottom:14px;background:rgba(12,12,12,.92);border:1px solid #414141;padding:8px 11px;font-size:9px;color:#aaa;letter-spacing:.08em}#message{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:10px 15px;background:rgba(10,10,10,.95);border:1px solid #444;min-width:280px;text-align:center;font-size:11px;opacity:0;transition:opacity .15s;z-index:8}#notice{position:absolute;left:50%;top:15px;transform:translateX(-50%) translateY(-8px);background:rgba(11,11,11,.96);border:1px solid #4a4a4a;padding:10px 14px;display:flex;gap:12px;align-items:center;opacity:0;pointer-events:none;transition:.2s;z-index:5;max-width:520px}.notice-label{font-size:7px;letter-spacing:.2em;color:#777;white-space:nowrap}.noticeText{font-size:10px}#notice.show{opacity:1;transform:translateX(-50%) translateY(0)}#noticeText{font-size:10px;color:#ddd}#worldHint{position:absolute;right:15px;bottom:15px;border:1px solid #414141;background:rgba(12,12,12,.9);padding:7px 9px;font-size:8px;letter-spacing:.16em;color:#777}
#registerPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:min(680px,calc(100% - 30px));background:#101010;border:1px solid #777;box-shadow:0 25px 100px #000;padding:17px;opacity:0;pointer-events:none;transition:.15s;z-index:10}.open{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}.registerTop{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #343434;padding-bottom:12px}.registerTop small{display:block;font-size:7px;letter-spacing:.2em;color:#777}.registerTop strong{display:block;font-size:16px;margin-top:4px}.registerTop button{background:none;border:1px solid #555;color:#aaa;width:29px;height:29px;font-size:20px;line-height:20px}.registerTop button:hover{color:#fff;border-color:#aaa}#statusLine{font-size:8px;letter-spacing:.16em;color:#999;margin:12px 0}.checkout-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;background:#1b1b1b;border:1px solid #393939;padding:8px;margin-bottom:6px;cursor:grab}.checkout-item:active{cursor:grabbing}.checkout-item b{display:block;font-size:10px}.checkout-item small{display:block;color:#777;font-size:8px;margin-top:3px}.checkout-item em{font-style:normal;font-size:7px;letter-spacing:.12em;color:#777}.checkout-item.scanned{opacity:.4;text-decoration:line-through}.mini-product{width:38px;height:38px;border:1px solid #555;display:grid;place-items:center;background:#292929}.mini-product span{font-size:9px;font-weight:900;letter-spacing:.08em}.mini-product.chips{background:linear-gradient(145deg,#303030,#171717)}.mini-product.soda{border-radius:6px;background:linear-gradient(90deg,#292929,#666,#222)}.mini-product.candy{border-radius:4px;background:#3b3b3b}.mini-product.water{border-radius:7px;background:linear-gradient(90deg,#222,#555,#222)}.checkoutBottom{display:grid;grid-template-columns:1.1fr .7fr 1.1fr 1.1fr;gap:8px;margin-top:13px}.payment-zone{min-height:94px;border:1px dashed #555;background:#171717;padding:10px;position:relative;transition:.12s}.payment-zone.hot{border-color:#ddd;background:#232323}.zone-title{font-size:7px;letter-spacing:.18em;color:#888}.payment-zone small{position:absolute;bottom:9px;left:10px;font-size:7px;color:#666}.scan-glow{width:54px;height:7px;border:1px solid #777;background:#222;margin:24px auto 0}.totalBox{border-top:1px solid #444;border-bottom:1px solid #444;display:flex;flex-direction:column;justify-content:center;align-items:center}.totalBox span{font-size:7px;letter-spacing:.18em;color:#777}.totalBox b{font-size:21px;margin-top:6px}.cash{font-size:18px;font-weight:900;text-align:center;margin-top:19px;letter-spacing:.1em}.card-slot{height:18px;width:55px;border:1px solid #666;margin:18px auto 0;border-radius:3px}.ready{border-color:#aaa}.registerTop+ #statusLine{}#cashFloat{display:none;position:absolute;right:145px;bottom:18px;width:60px;height:40px;background:#777;color:#111;border:2px solid #aaa;text-align:center;padding-top:4px;font-weight:900;cursor:grab;z-index:20}.cashFloat.show{display:block}#cashFloat small{font-size:6px}
@media(max-width:700px){#hud{padding:0 10px}.stats{gap:10px}.stats div:nth-child(3){display:none}.sub{display:none}#registerPanel{padding:12px}.checkoutBottom{grid-template-columns:1fr 1fr}.totalBox{min-height:94px}.payment-zone{min-height:82px}#notice{max-width:90%;font-size:9px}.worldHint{display:none}}