.drive-thru-container{width:100%;height:100vh;color:var(--hud-ink);font-family:var(--hud-body);-webkit-user-select:none;user-select:none;background-color:#c7d3b6;position:relative;overflow:hidden}.drive-thru-canvas-wrapper{width:100%;height:100%;position:absolute;inset:0}.drive-thru-container :is(button,a):focus-visible{outline:3px solid var(--hud-accent);outline-offset:3px}.drive-thru-container .drive-thru-topbar{z-index:40;pointer-events:none;position:absolute;inset:0 0 auto}.drive-thru-topbar>*{pointer-events:auto}.drive-thru-topbar .wordmark{color:var(--hud-ink);background:var(--hud-card);border:1px solid var(--hud-edge);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 20px 4px 4px}@media (max-width:700px){.drive-thru-topbar .wordmark{padding:4px}}.drive-thru-mark{background:var(--hud-accent);border-radius:13px;margin-right:3px;padding:8px;display:flex;transform:rotate(-7deg)}.drive-thru-title-dot{color:var(--hud-danger);margin-left:-6px}.drive-thru-ticket-banner{background:var(--hud-card-solid);z-index:20;width:calc(100% - 48px);max-width:660px;color:var(--hud-ink);border-radius:var(--hud-radius) var(--hud-radius) 0 0;filter:drop-shadow(0 8px 14px #3a5d3924);padding:14px 22px 16px;position:absolute;top:86px;left:50%;transform:translate(-50%)}.drive-thru-ticket-banner:after{content:"";background:radial-gradient(circle, transparent, transparent 50%, var(--hud-card-solid) 50%, var(--hud-card-solid) 100%) -7px -5px / 14px 14px repeat-x;height:10px;position:absolute;top:100%;left:0;right:0;transform:rotate(180deg)}.drive-thru-ticket-header{color:var(--hud-muted);font:700 11px/1.2 var(--hud-body);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px dashed var(--hud-edge-strong);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;display:flex}.drive-thru-ticket-header strong{color:var(--hud-ink);font:600 19px/1 var(--hud-display);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-left:4px}.drive-thru-ticket-order-num{background:var(--hud-accent);border:1px solid var(--hud-accent-strong);color:var(--hud-ink);letter-spacing:.1em;border-radius:999px;padding:5px 11px}.drive-thru-ticket-scramble{color:var(--hud-danger);background:color-mix(in srgb, var(--hud-danger) 9%, transparent);border-radius:var(--hud-radius-small);margin-bottom:9px;padding:7px 10px;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700;line-height:1.45}.drive-thru-ticket-clear{color:var(--hud-ink);font-size:14px;font-weight:600;line-height:1.45}.drive-thru-hud-gauges{z-index:20;flex-direction:column;gap:8px;display:flex;position:absolute;top:96px;right:24px}.drive-thru-gauge-card{background:var(--hud-card);border:1px solid var(--hud-edge);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--hud-radius);color:var(--hud-ink);min-width:180px;padding:11px 15px 13px}.drive-thru-gauge-label{color:var(--hud-muted);font:700 10.5px/1.2 var(--hud-body);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.drive-thru-gauge-label>span:last-child{color:var(--hud-ink);font:600 17px/1 var(--hud-display);letter-spacing:.02em;font-variant-numeric:tabular-nums}.drive-thru-progress-bar{background:color-mix(in srgb, var(--hud-edge) 70%, transparent);border-radius:999px;width:100%;height:7px;overflow:hidden}.drive-thru-progress-fill-shake{background:linear-gradient(90deg, var(--hud-accent), var(--hud-danger));border-radius:999px;height:100%;transition:width .15s ease-out}.drive-thru-progress-fill-fryer{background:linear-gradient(90deg, var(--hud-good), var(--hud-accent), var(--hud-warn));border-radius:999px;height:100%;transition:width .15s ease-out}.drive-thru-reach-panel{background:var(--hud-accent);border:1px solid var(--hud-accent-strong);color:var(--hud-ink);font:700 14px/1.3 var(--hud-body);letter-spacing:.06em;text-align:center;box-shadow:0 3px 0 var(--hud-accent-strong), var(--hud-shadow-strong);z-index:25;border-radius:999px;padding:11px 24px;animation:1s infinite alternate pulse;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}@keyframes pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.05)}}.drive-thru-splat-overlay{pointer-events:none;z-index:15;mix-blend-mode:hard-light;background:radial-gradient(circle,#f472b6cc 0%,#fbcfe880 40%,#0000 70%);position:absolute;inset:0}.drive-thru-role-bar{z-index:20;flex-direction:column;gap:6px;display:flex;position:absolute;top:96px;left:30px}.drive-thru-role-btn{background:var(--hud-card);border:1px solid var(--hud-edge);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hud-ink);font:600 14px/1.2 var(--hud-body);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:9px;padding:10px 16px 10px 13px;display:flex}.drive-thru-role-btn svg{color:var(--hud-muted)}.drive-thru-role-btn:hover{background:var(--hud-card-solid)}.drive-thru-role-btn.active{background:var(--hud-accent);border-color:var(--hud-accent-strong);box-shadow:0 3px 0 var(--hud-accent-strong), var(--hud-shadow);font-weight:700}.drive-thru-role-btn.active svg{color:var(--hud-ink)}.drive-thru-controls-bar{background:var(--hud-card);border:1px solid var(--hud-edge);border-radius:var(--hud-radius);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;gap:5px;padding:7px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.drive-thru-action-btn{color:var(--hud-ink);border-radius:var(--hud-radius-small);font:600 14px/1.2 var(--hud-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.drive-thru-action-btn svg{color:var(--hud-muted)}.drive-thru-action-btn .house-key{margin-left:2px}.drive-thru-action-btn:hover{background:#e8ead4}.drive-thru-action-btn:active{transform:translateY(1px)}.drive-thru-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#294b4933;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drive-thru-modal{text-align:center;width:calc(100% - 32px);max-width:430px;color:var(--hud-ink);background:#fff6df;border:1px solid #fffbea;border-radius:20px;padding:30px;box-shadow:0 18px 70px #294b493d}.drive-thru-modal-title{font:500 31px/1.13 var(--hud-display);letter-spacing:-.5px;text-transform:uppercase;margin-bottom:12px}.drive-thru-modal-fail{color:var(--hud-danger)}.drive-thru-modal-win{color:var(--hud-good)}.drive-thru-modal-body{color:#6a7b62;margin-bottom:22px;font-size:14px;line-height:1.65}.drive-thru-btn-restart{color:#344632;width:100%;font:700 15px/1.2 var(--hud-body);border-radius:var(--hud-radius-small);cursor:pointer;background:#f3bf50;border:1px solid #d8a444;justify-content:center;align-items:center;gap:10px;padding:13px 15px;display:flex;box-shadow:0 3px #bc8932}.drive-thru-btn-restart:hover{background:#ffd16a}@media (max-width:900px){.drive-thru-ticket-banner{width:calc(100% - 24px);padding:10px 14px 12px;top:72px}.drive-thru-ticket-header{letter-spacing:.08em;font-size:9.5px}.drive-thru-ticket-header strong{font-size:15px}.drive-thru-ticket-scramble,.drive-thru-ticket-clear{font-size:12.5px}.drive-thru-role-bar{flex-flow:wrap;justify-content:center;inset:auto 12px 88px}.drive-thru-role-btn{padding:8px 11px;font-size:12px}.drive-thru-hud-gauges{top:auto;bottom:196px;right:12px}.drive-thru-gauge-card{min-width:150px;padding:8px 12px 10px}.drive-thru-controls-bar{max-width:calc(100% - 24px);bottom:16px}.drive-thru-action-btn{padding:11px 10px;font-size:12px}.drive-thru-action-btn .house-key{display:none}.drive-thru-reach-panel{width:calc(100% - 24px);font-size:12px;bottom:250px}}