:root{color-scheme:dark;--ink:#18110f;--panel:#35231d;--cream:#fff0cd;--muted:#cbbba3;--red:#a9221e;--red2:#df3a2f;--gold:#f3bc42;--green:#87b65b;--line:rgba(255,240,205,.16);--shadow:0 16px 42px rgba(0,0,0,.32)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#15100e;color:var(--cream);font:16px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at 70% -20%,rgba(169,34,30,.24),transparent 42rem),linear-gradient(135deg,#17110f,#211713)}
.mobile-drawer-button,.mobile-drawer-close{display:none}
.game-guide{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px clamp(14px,3vw,40px);border-bottom:1px solid var(--line);background:#2a1c17}.guide-title{margin-right:5px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.game-guide button{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);font-size:.72rem;font-weight:850;cursor:pointer}.game-guide button b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#59453b;color:#fff;font-size:.65rem}.game-guide button.active{border-color:var(--gold);background:rgba(243,188,66,.12);color:var(--cream);box-shadow:0 0 0 2px rgba(243,188,66,.1)}.game-guide button.active b{background:var(--red)}.game-guide button.done{color:#dff9c9}.game-guide button.done b{background:#477c43}.game-guide button:disabled{cursor:default}.game-guide i{color:#806d62;font-style:normal;font-weight:900}.day-open .game-guide{display:none}
.topbar{display:grid;grid-template-columns:1fr auto 46px;gap:20px;align-items:center;padding:14px clamp(16px,3vw,40px);background:rgba(24,17,15,.96);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;background:var(--red);border:2px solid var(--gold);box-shadow:4px 4px 0 #070504;transform:rotate(-3deg);font-weight:1000;letter-spacing:-2px}.brand h1{margin:0;font-size:clamp(1.1rem,2.1vw,1.6rem);line-height:1;font-weight:950;letter-spacing:.02em}.brand p{margin:4px 0 0;color:var(--gold);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.top-stats{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}.top-stats div{min-width:82px;padding:7px 13px;text-align:center;border-right:1px solid var(--line)}.top-stats div:last-child{border-right:0}.top-stats span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.top-stats strong{display:block;margin-top:2px}.round-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-weight:900;cursor:pointer}.round-button:hover{border-color:var(--gold);color:var(--gold)}
.game-nav{display:flex;gap:7px;padding:10px clamp(14px,3vw,40px);background:#211713;border-bottom:1px solid var(--line);overflow-x:auto}.nav-button{padding:9px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-weight:800;white-space:nowrap;cursor:pointer}.nav-button:hover{background:rgba(255,255,255,.05);color:var(--cream)}.nav-button.active{background:var(--red);color:#fff;border-color:#d14b42;box-shadow:0 3px 0 #64100d}.view-stack{padding:16px clamp(14px,3vw,40px) 30px}.game-view{display:none}.game-view.active{display:block}
.sale-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(53,35,29,.92)}.status-copy{display:flex;align-items:center;gap:9px;min-width:0}.status-copy>span:last-child{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:10px;height:10px;border-radius:50%;background:#7b6e63;box-shadow:0 0 0 4px rgba(123,110,99,.13)}.status-dot.open{background:var(--green);box-shadow:0 0 0 4px rgba(135,182,91,.16)}.heat-control{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:.82rem;font-weight:800}.heat-control input{width:130px;accent-color:var(--red2)}.heat-control strong{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--red)}
.location-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#2e1f1a,#211713)}.location-copy{min-width:210px}.location-copy span,.location-copy strong{display:block}.location-copy strong{margin-top:2px}.location-buttons{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:7px;width:min(650px,100%)}.location-button{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);text-align:left;cursor:pointer}.location-button>span{grid-row:1/3;align-self:center;font-size:1.25rem}.location-button b{font-size:.78rem}.location-button small{color:var(--muted);font-size:.58rem}.location-button:hover:not(:disabled){border-color:var(--gold);background:rgba(243,188,66,.09)}.location-button.active{border-color:var(--gold);background:rgba(169,34,30,.7);box-shadow:0 0 0 2px rgba(243,188,66,.18)}.location-button.locked{opacity:.52;cursor:not-allowed}.location-button:disabled{cursor:not-allowed}
.scene{position:relative;width:100%;aspect-ratio:2/1;min-height:460px;max-height:calc(100vh - 255px);overflow:hidden;border:2px solid rgba(243,188,66,.25);border-radius:16px;background:#39251b;box-shadow:var(--shadow)}.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,10,8,.03) 45%,rgba(16,10,8,.4) 100%);pointer-events:none}.counter-sign{position:absolute;left:3.2%;top:8%;padding:8px 13px;background:#fff1ce;color:#611512;border:3px solid #a9221e;border-radius:6px;box-shadow:3px 4px 0 rgba(0,0,0,.28);transform:rotate(-2deg);font-size:.68rem;font-weight:900;line-height:1.05;text-align:center;letter-spacing:.08em}.counter-sign strong{font-size:1rem}.grill-box{position:absolute;left:3.5%;top:36%;width:29%;padding:7px;border-radius:11px;background:rgba(24,17,15,.93);border:2px solid #65554a;box-shadow:0 10px 22px rgba(0,0,0,.4)}.grill-header,.holding-header{display:flex;justify-content:space-between;gap:8px;padding:1px 4px 7px;font-size:.72rem;font-weight:900}.grill-header small,.holding-header small{color:var(--muted);font-size:.58rem;font-weight:700}.grill-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;border-radius:7px;background:repeating-linear-gradient(0deg,#171717 0 5px,#49423b 5px 8px,#171717 8px 16px);box-shadow:inset 0 0 22px rgba(223,58,47,.42)}.grill-slot{position:relative;display:grid;grid-template-rows:1fr auto;min-height:60px;border:1px dashed rgba(255,255,255,.2);border-radius:7px;background:rgba(0,0,0,.14);overflow:hidden}.grill-slot:hover{border-color:var(--gold);background:rgba(243,188,66,.08)}.grill-action{position:relative;display:grid;place-items:center;width:100%;min-height:38px;padding:3px;border:0;background:transparent;cursor:pointer;color:inherit}.grill-slot.empty .grill-action::after{content:"+";color:rgba(255,240,205,.72);font-size:1.4rem;font-weight:900}.to-holding{width:100%;padding:3px 1px;border:0;border-top:1px solid rgba(255,255,255,.14);background:rgba(243,188,66,.18);color:#ffe09a;font-size:.52rem;font-weight:900;cursor:pointer}.to-holding:hover{background:var(--gold);color:#21130c}.sausage-shape{width:84%;height:14px;border-radius:99px;background:var(--sausage-color,#e1b28f);border:1px solid rgba(44,20,12,.65);box-shadow:inset 0 2px 2px rgba(255,255,255,.23),0 2px 4px rgba(0,0,0,.4);transform:rotate(-5deg)}.slot-label{position:absolute;right:3px;bottom:1px;padding:1px 4px;border-radius:4px;background:rgba(0,0,0,.68);font-size:.5rem;font-weight:800}.slot-label.good{color:#dff9c9}.slot-label.bad{color:#ff9d91}.holding-box{position:absolute;left:33.5%;top:36%;width:14%;padding:7px;border-radius:11px;background:rgba(255,240,205,.94);color:#2a1911;border:2px solid #d3ac61;box-shadow:0 10px 22px rgba(0,0,0,.35)}.holding-header{display:block;padding-bottom:5px}.holding-header small{display:block;color:#775d48}.holding-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.holding-slot{position:relative;display:grid;place-items:center;min-height:45px;border:1px dashed rgba(60,36,24,.28);border-radius:7px;background:rgba(83,47,27,.08)}.holding-slot.empty::after{content:"frei";color:#947b66;font-size:.54rem;font-weight:800}.holding-slot .sausage-shape{width:82%;height:11px}.holding-label{position:absolute;left:2px;right:2px;bottom:1px;padding:1px 2px;border-radius:3px;background:rgba(43,24,16,.82);color:white;text-align:center;font-size:.43rem;font-weight:900}.holding-label.rare{background:#a56f3e}.holding-label.gold{background:#9a501e}.holding-label.black{background:#21120e}.discard-holding{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:#7e1b17;color:white;font-size:.68rem;font-weight:900;cursor:pointer}.discard-holding:hover{background:#d4372d}
.customer-lane{position:absolute;inset:0;pointer-events:none}.walker{position:absolute;bottom:8%;left:105%;width:86px;text-align:center;transition:left 1.7s cubic-bezier(.22,.8,.25,1),opacity .5s;z-index:3}.walker.leaving{left:-12%!important;opacity:.2}.person{position:relative;display:grid;place-items:center;width:58px;height:58px;margin:auto;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(145deg,#f3bc42,#b96832);box-shadow:0 8px 13px rgba(0,0,0,.35);font-size:2rem;animation:bob .45s ease-in-out infinite alternate}.person::after{content:"";position:absolute;top:53px;width:34px;height:40px;border-radius:18px 18px 8px 8px;background:var(--shirt,#395d7d);border:2px solid rgba(255,255,255,.68);z-index:-1}.order-bubble{position:absolute;left:50%;bottom:86px;min-width:105px;transform:translateX(-50%);padding:6px 7px;border-radius:9px;background:#fff7e4;color:#231713;box-shadow:0 5px 12px rgba(0,0,0,.32);font-size:.68rem;font-weight:900;white-space:nowrap}.order-bubble::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:#fff7e4;transform:translateX(-50%) rotate(45deg)}.patience{height:5px;margin:6px auto 0;width:64px;border-radius:99px;background:rgba(0,0,0,.42);overflow:hidden}.patience span{display:block;height:100%;width:var(--patience);background:var(--green);transition:width .5s}.walker.impatient .patience span{background:var(--red2)}@keyframes bob{to{transform:translateY(-3px) rotate(1deg)}}
.walker{pointer-events:auto;cursor:pointer}.walker.selected .person{border-color:var(--gold);box-shadow:0 0 0 5px rgba(243,188,66,.35),0 8px 13px rgba(0,0,0,.35)}.walker.selected .order-bubble{outline:3px solid var(--gold)}.satisfaction-wrap{margin-top:7px;padding:3px 5px 4px;border-radius:7px;background:rgba(24,17,15,.86);color:#fff;font-size:.48rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.satisfaction-top{display:flex;justify-content:space-between;margin-bottom:2px}.satisfaction-wrap .patience{width:100%;height:6px;margin:0}.walker.warning .patience span{background:var(--gold)}.walker.impatient .patience span{background:var(--red2)}
.turn-alert{position:absolute;left:50%;top:1px;z-index:2;transform:translateX(-50%);padding:2px 5px;border-radius:5px;background:#e03b2f;color:#fff;font-size:.48rem;font-weight:1000;white-space:nowrap;animation:pulseTurn .55s ease-in-out infinite alternate}.grill-slot.needs-turn{border-color:#ffda72;box-shadow:0 0 0 2px rgba(255,218,114,.28)}@keyframes pulseTurn{to{transform:translateX(-50%) scale(1.08);background:#ffb52f;color:#25140d}}
.order-ticket{position:absolute;right:2%;top:4%;width:min(265px,25%);padding:13px;border:2px solid #e6c788;border-radius:12px;background:rgba(255,246,224,.96);color:#281812;box-shadow:0 8px 20px rgba(0,0,0,.32)}.order-ticket.empty{opacity:.75}.ticket-label{color:#9b2a22;font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}#orderContent{margin:5px 0 10px;font-weight:900;font-size:.84rem}.order-name{display:block;font-size:1rem}.order-price{color:#8b2a22}.serve-button{width:100%;padding:8px 10px;border:0;border-radius:7px;background:var(--red);color:white;font-weight:900;cursor:pointer}.serve-button:disabled{opacity:.35;cursor:not-allowed}.stock-dock{position:absolute;right:2%;bottom:3%;display:flex;gap:5px;padding:6px;border-radius:11px;background:rgba(24,17,15,.9);border:1px solid rgba(255,255,255,.22)}.stock-dock div{min-width:66px;padding:4px 8px;text-align:center;border-right:1px solid var(--line)}.stock-dock div:last-child{border-right:0}.stock-dock span{font-size:1rem}.stock-dock strong{display:block;color:var(--gold);line-height:1}.stock-dock small{font-size:.56rem;color:var(--muted)}
.ticket-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.beer-button{width:100%;padding:8px 7px;border:0;border-radius:7px;background:#d78b24;color:#291707;font-weight:900;cursor:pointer}.beer-button:disabled{opacity:.35;cursor:not-allowed}.ticket-satisfaction{margin-top:7px}.ticket-satisfaction .patience{width:100%;height:7px}.served-mark{color:#28733d}.pending-mark{color:#9b2a22}
.messagebar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;margin-top:10px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:#211713;color:var(--muted)}.primary-button,.secondary-button{padding:11px 18px;border-radius:9px;font-weight:900;cursor:pointer;white-space:nowrap}.primary-button{border:0;background:var(--red);color:white;box-shadow:0 4px 0 #65110e}.primary-button:hover:not(:disabled){background:var(--red2);transform:translateY(1px);box-shadow:0 3px 0 #65110e}.primary-button:disabled{opacity:.4;cursor:not-allowed}.primary-button.large{width:100%;padding:14px}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.05)}.secondary-button:hover{border-color:var(--gold);color:var(--gold)}
.content-view{max-width:1180px;margin:0 auto;padding:10px 0}.view-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:18px 0;border-bottom:1px solid var(--line)}.view-heading h2{margin:3px 0 7px;font-size:clamp(1.7rem,3vw,2.4rem)}.view-heading p{margin:0;color:var(--muted)}.eyebrow{color:var(--gold);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.state-pill{padding:7px 11px;border-radius:99px;background:rgba(135,182,91,.15);color:#dff9c9;font-size:.75rem;font-weight:850;white-space:nowrap}.state-pill.locked{background:rgba(223,58,47,.14);color:#ffaca3}
.shop-layout{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}.shelf{display:grid;gap:12px}.product-card{display:grid;grid-template-columns:145px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#3a2720,#2b1c18);box-shadow:var(--shadow)}.product-visual{display:grid;place-items:center;min-height:150px;background:radial-gradient(circle,rgba(255,255,255,.11),transparent 62%),#7c3229;font-size:4rem}.bun-product{background-color:#8a5a22}.drink-product{background-color:#2b5d70}.product-info{padding:18px}.product-info h3{margin:3px 0 5px;font-size:1.3rem}.product-info p{margin:0;color:var(--muted)}.product-buy{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.product-buy>strong{color:var(--gold);font-size:1.25rem}.buy-button{padding:9px 14px;border:0;border-radius:8px;background:var(--red);font-weight:900;cursor:pointer}.buy-button:disabled{opacity:.35;cursor:not-allowed}.inventory-card,.opening-card,.report-note{padding:20px;border:1px solid var(--line);border-radius:15px;background:#2e1f1a;box-shadow:var(--shadow)}.inventory-card h3,.opening-card h3{margin:4px 0 16px;font-size:1.4rem}.inventory-row,.inventory-total{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.inventory-row strong{color:var(--gold)}.inventory-total{margin:10px 0 16px;border:0}.inventory-card .secondary-button{width:100%}
.planning-grid{display:grid;grid-template-columns:1fr 1fr 320px;gap:14px;align-items:start}.price-card{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:15px;background:#2e1f1a;box-shadow:var(--shadow)}.price-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:rgba(243,188,66,.12);font-size:1.8rem}.price-card h3{margin:3px 0;font-size:1.15rem}.price-card p{margin:0;color:var(--muted);font-size:.78rem}.price-stepper{grid-column:1/-1;display:grid;grid-template-columns:48px 1fr 48px;margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.price-stepper button{border:0;background:rgba(255,255,255,.06);font-size:1.5rem;cursor:pointer}.price-stepper button:hover:not(:disabled){background:var(--red)}.price-stepper button:disabled{opacity:.35;cursor:not-allowed}.price-stepper strong{padding:10px;text-align:center;font-size:1.1rem}.opening-card ul{padding:0;list-style:none;color:#dff9c9;line-height:1.9}.opening-card p{color:var(--muted);font-size:.85rem}
.report-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.report-grid article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#2e1f1a;box-shadow:var(--shadow)}.report-grid span,.report-grid small{display:block;color:var(--muted)}.report-grid strong{display:block;margin:8px 0 3px;color:var(--gold);font-size:2rem}.report-note{margin-top:16px}.report-note>strong{font-size:1.3rem}.report-note p{color:var(--muted)}
.game-dialog{width:min(520px,calc(100% - 28px));padding:28px;border:1px solid rgba(243,188,66,.38);border-radius:17px;background:#2e1f1a;color:var(--cream);box-shadow:0 30px 80px rgba(0,0,0,.7)}.game-dialog::backdrop{background:rgba(10,7,6,.8);backdrop-filter:blur(4px)}.game-dialog h2{margin:4px 0 15px}.game-dialog ol{padding-left:21px;color:#ddd0bb;line-height:1.55}.game-dialog li+li{margin-top:7px}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:1.8rem;cursor:pointer}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.summary-stats div{padding:12px 6px;border:1px solid var(--line);border-radius:9px;text-align:center}.summary-stats span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase}.summary-stats strong{display:block;margin-top:4px;color:var(--gold)}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.top-stats{grid-row:2;grid-column:1/-1;width:100%}.top-stats div{flex:1}.location-strip{align-items:flex-start;flex-direction:column}.location-buttons{width:100%}.scene{min-height:510px;aspect-ratio:1.45/1}.scene>img{object-position:37% center}.grill-box{width:40%;top:35%}.holding-box{left:44.5%;top:35%;width:20%}.order-ticket{width:33%}.shop-layout{grid-template-columns:1fr}.inventory-card{grid-row:1}.planning-grid{grid-template-columns:1fr 1fr}.opening-card{grid-column:1/-1}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{padding:10px 12px}.brand-mark{width:40px;height:40px}.brand p{display:none}.top-stats{overflow-x:auto}.top-stats div{min-width:76px;padding:6px 8px}.game-nav{padding:8px 10px}.nav-button{padding:8px 10px}.view-stack{padding:10px}.sale-toolbar{align-items:flex-start;flex-direction:column}.heat-control{width:100%}.heat-control input{flex:1}.location-buttons{grid-template-columns:1fr}.scene{min-height:600px;aspect-ratio:.82/1}.scene>img{object-position:28% center}.grill-box{left:3%;top:33%;width:58%}.holding-box{left:63%;top:33%;width:34%}.holding-header small{display:none}.order-ticket{right:3%;top:3%;width:54%}.stock-dock{right:3%;bottom:2%}.stock-dock div{min-width:55px;padding:3px 5px}.walker{width:68px}.person{width:48px;height:48px;font-size:1.6rem}.person::after{top:43px;width:29px;height:34px}.order-bubble{bottom:72px}.messagebar{align-items:stretch;flex-direction:column}.product-card{grid-template-columns:95px 1fr}.product-visual{min-height:135px;font-size:3rem}.planning-grid{grid-template-columns:1fr}.opening-card{grid-column:auto}.report-grid{grid-template-columns:1fr 1fr}.view-heading{align-items:flex-start;flex-direction:column}.summary-stats{grid-template-columns:1fr}.counter-sign{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.start-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:linear-gradient(rgba(21,10,7,.58),rgba(21,10,7,.92)),url("location-ketschenanger.png") center/cover}.start-screen.hidden{display:none}.start-card{width:min(660px,100%);padding:clamp(24px,5vw,46px);border:2px solid rgba(243,188,66,.55);border-radius:24px;background:rgba(31,20,16,.96);box-shadow:0 30px 90px rgba(0,0,0,.68);text-align:center}.start-kicker{color:var(--gold);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.18em}.start-logo{display:flex;justify-content:center;align-items:center;gap:18px;margin:18px 0}.start-logo>span{font-size:clamp(3.7rem,10vw,6.5rem);filter:drop-shadow(5px 7px 0 #681713);transform:rotate(-8deg)}.start-logo h1{margin:0;color:#fff3d3;font-size:clamp(2rem,7vw,4.1rem);line-height:.86;letter-spacing:-.045em;text-align:left;text-shadow:4px 4px 0 #8d1b17}.start-logo p{margin:10px 0 0;color:var(--gold);font-size:.72rem;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.08em}.start-intro{max-width:520px;margin:0 auto 22px;color:#dbcdb7}.start-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.start-actions button{width:100%}.start-sponsor{display:grid;gap:3px;margin-top:24px;padding:12px;border:1px dashed rgba(255,240,205,.28);border-radius:12px;color:var(--muted)}.start-sponsor span,.start-sponsor small{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.start-sponsor strong{color:var(--cream);letter-spacing:.08em}.booth-sponsor{position:absolute;left:18%;top:7%;display:grid;place-items:center;min-width:92px;padding:5px 9px;border:2px dashed #9d9285;border-radius:5px;background:rgba(255,255,255,.9);color:#5b5149;box-shadow:2px 3px 0 rgba(0,0,0,.22);transform:rotate(1deg);font-size:.45rem;text-transform:uppercase}.booth-sponsor strong{font-size:.85rem;color:#877b70}.sword-card{border-color:rgba(243,188,66,.45)}.sword-product{position:relative;overflow:hidden;background:radial-gradient(circle,#fff0b1 0,#b67b24 36%,#3f2618 75%)}.sword-icon{position:absolute;z-index:2;font-size:4.3rem;transform:rotate(-36deg);filter:drop-shadow(3px 5px 4px rgba(0,0,0,.45))}.sword-blade{width:102px;height:15px;border-radius:99px;background:linear-gradient(#eef2f3,#8d999e);box-shadow:inset 0 2px #fff,0 5px 7px rgba(0,0,0,.4);transform:rotate(-36deg) translateX(34px)}.sword-blade::after{content:"";position:absolute;right:-16px;top:-5px;border-left:18px solid #dbe0e2;border-top:12px solid transparent;border-bottom:12px solid transparent}.real-product-link{display:inline-block;margin-top:13px;color:#ffd56c;font-size:.78rem;font-weight:850;text-decoration:none}.real-product-link:hover{text-decoration:underline}.buy-button.owned{background:#477c43}.final-sponsor{display:grid;gap:4px;margin:18px 0;padding:14px;border:1px dashed rgba(243,188,66,.5);border-radius:10px;text-align:center}.final-sponsor span{color:var(--muted);font-size:.68rem;text-transform:uppercase}.final-sponsor strong{color:var(--gold);font-size:1.15rem}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.autosave-note{color:var(--green)}
.start-howto{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;margin:0 0 22px;padding:12px;border:1px solid rgba(243,188,66,.28);border-radius:13px;background:rgba(255,255,255,.035)}.start-howto div{display:flex;align-items:center;justify-content:center;gap:6px;color:#eadcc6;font-size:.68rem;font-weight:850;line-height:1.15;text-align:left}.start-howto b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:50%;background:var(--red);color:#fff}.start-howto i{color:var(--gold);font-size:1.3rem;font-style:normal}
.grill-header{align-items:center;flex-wrap:wrap}.grill-header>small{flex:1}.grill-heat{display:grid;grid-template-columns:auto 1fr 25px;width:100%;gap:6px;margin-top:3px;padding:4px 5px;border:1px solid rgba(243,188,66,.25);border-radius:6px;background:rgba(255,255,255,.05);font-size:.62rem}.grill-heat input{width:100%;min-width:45px}.grill-heat strong{width:22px;height:22px;font-size:.62rem}
@media(max-width:680px){.start-logo{align-items:flex-start}.start-logo>span{font-size:3.5rem}.start-actions,.dialog-actions{grid-template-columns:1fr}.booth-sponsor{display:none}.sword-product{min-height:160px}}

/* Smartphone-Spielmodus: eigenständige Touch-Oberfläche statt verkleinerter Desktop-Szene */
@media(max-width:680px){
  body{padding-bottom:68px;background:#17110f}.app-shell{min-height:calc(100vh - 68px)}
  .topbar{position:sticky;top:0;z-index:30;grid-template-columns:1fr 40px;gap:8px;padding:8px 10px}.brand{gap:8px}.brand-mark{width:36px;height:36px;font-size:.82rem}.brand h1{font-size:.88rem;line-height:1.05}.round-button{width:38px;height:38px}.top-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);width:100%;border-radius:9px;overflow:hidden}.top-stats div{min-width:0;padding:5px 2px}.top-stats span{font-size:.55rem}.top-stats strong{font-size:.8rem}
  .game-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:#1d1411;border-top:1px solid rgba(255,240,205,.22);box-shadow:0 -8px 24px rgba(0,0,0,.42)}.nav-button{display:grid;place-items:center;gap:0;min-width:0;padding:5px 2px;border-radius:7px;font-size:0;line-height:1}.nav-button span{font-size:1.25rem}.nav-button::after{content:attr(data-mobile-label);margin-top:3px;font-size:.52rem;font-weight:850}.nav-button[data-view="sale"]::after{content:"Grill"}.nav-button[data-view="shop"]::after{content:"Einkauf"}.nav-button[data-view="planning"]::after{content:"Preise"}.nav-button[data-view="report"]::after{content:"Bericht"}
  .view-stack{padding:8px 8px 18px}.sale-toolbar{gap:8px;margin-bottom:7px;padding:8px 10px}.status-copy{width:100%;display:grid;grid-template-columns:12px 1fr}.status-copy>span:last-child{grid-column:2;font-size:.68rem}.heat-control{padding-top:5px;border-top:1px solid var(--line)}.heat-control input{height:28px}
  .location-strip{display:block;margin-bottom:7px;padding:7px}.location-copy{display:none}.location-buttons{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.location-button{flex:0 0 44%;min-width:132px;scroll-snap-align:start;padding:7px}.location-button b{font-size:.7rem}.location-button small{font-size:.52rem}
  .scene{display:grid;grid-template-columns:1fr;gap:8px;width:100%;min-height:0;max-height:none;aspect-ratio:auto;overflow:visible;padding:0 0 8px;border-radius:13px;background:#251915}.scene>img{position:relative;inset:auto;display:block;width:100%;height:145px;grid-row:auto;object-fit:cover;object-position:center 58%;border-radius:11px 11px 0 0}.scene-shade,.counter-sign,.booth-sponsor{display:none}
  .grill-box,.holding-box,.customer-lane,.order-ticket,.stock-dock{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;margin:0 8px}
  .grill-box{padding:9px;border-color:#8b796b}.grill-header,.holding-header{font-size:.82rem}.grill-header small,.holding-header small{display:block;font-size:.62rem}.grill-slots{gap:7px;padding:8px}.grill-slot{min-height:82px}.grill-action{min-height:56px}.sausage-shape{height:18px}.slot-label{font-size:.57rem}.to-holding{min-height:24px;font-size:.62rem}.turn-alert{top:2px;font-size:.55rem;padding:3px 6px}
  .holding-box{padding:9px}.holding-header{display:flex}.holding-slots{grid-template-columns:repeat(4,1fr)}.holding-slot{min-height:65px}.holding-slot .sausage-shape{height:14px}.holding-label{font-size:.48rem}.discard-holding{width:22px;height:22px;right:-4px;top:-5px}
  .customer-lane{display:flex;gap:8px;height:205px;overflow-x:auto;overflow-y:hidden;padding:102px 8px 8px;border:1px solid rgba(255,240,205,.13);border-radius:11px;background:linear-gradient(180deg,#443129,#2b201c);scroll-snap-type:x mandatory;pointer-events:auto}.customer-lane::before{content:"Gäste antippen und frei auswählen";position:absolute;left:10px;top:8px;color:var(--gold);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.walker{position:relative;left:auto!important;bottom:auto;flex:0 0 92px;width:92px;height:88px;scroll-snap-align:center;transition:transform .45s,opacity .45s}.walker.leaving{left:auto!important;transform:translateY(85px)!important;opacity:0}.person{width:54px;height:54px;font-size:1.85rem}.person::after{top:49px}.order-bubble{bottom:74px;min-width:94px;max-width:125px;padding:5px;font-size:.6rem;white-space:normal;line-height:1.15}.satisfaction-wrap{margin-top:5px;font-size:.43rem}.walker.selected{transform:translateY(-4px)}
  .order-ticket{order:initial;padding:12px;border-width:2px}.ticket-label{font-size:.58rem}#orderContent{margin:4px 0 8px;font-size:.8rem}.order-name{font-size:.95rem}.ticket-actions{gap:7px}.serve-button,.beer-button{min-height:48px;padding:8px 5px;font-size:.78rem}.ticket-satisfaction{margin-top:6px}
  .stock-dock{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:5px}.stock-dock div{min-width:0;padding:4px;border-right:1px solid var(--line)}.stock-dock span{font-size:.9rem}.stock-dock strong{display:inline;margin-left:4px}.stock-dock small{display:block}
  .messagebar{position:relative;gap:8px;min-height:0;margin-top:7px;padding:9px;font-size:.76rem}.messagebar .primary-button{min-height:44px}
  .content-view{padding:0}.view-heading{gap:8px;margin-bottom:10px;padding:10px 2px}.view-heading h2{font-size:1.45rem}.view-heading p{font-size:.8rem}.state-pill{padding:5px 8px;font-size:.65rem}.shop-layout{gap:10px}.inventory-card{padding:14px}.shelf{gap:9px}.product-card{grid-template-columns:78px 1fr;border-radius:11px}.product-visual{min-height:124px;font-size:2.6rem}.product-info{padding:12px}.product-info h3{font-size:1rem}.product-info p{font-size:.72rem}.product-buy{margin-top:10px;gap:8px}.product-buy>strong{font-size:.88rem}.buy-button{min-height:42px;padding:8px 11px}.real-product-link{font-size:.68rem}.sword-product{min-height:150px}.sword-icon{font-size:3rem}.sword-blade{width:72px}
  .price-card,.opening-card,.report-note{padding:14px}.price-stepper button{min-height:46px}.report-grid{gap:7px}.report-grid article{padding:13px}.report-grid span,.report-grid small{font-size:.68rem}.report-grid strong{font-size:1.4rem}.game-dialog{max-height:calc(100dvh - 24px);overflow:auto;padding:21px}.game-dialog ol{font-size:.84rem}
}

@media(max-width:380px){.brand h1{font-size:.78rem}.location-button{flex-basis:52%}.grill-slots{grid-template-columns:repeat(2,1fr)}.grill-slot{min-height:78px}.holding-slots{grid-template-columns:repeat(2,1fr)}.customer-lane{height:198px}.ticket-actions{grid-template-columns:1fr}.serve-button,.beer-button{min-height:43px}.product-card{grid-template-columns:68px 1fr}.product-info{padding:10px}.report-grid{grid-template-columns:1fr 1fr}}

/* Kompakter Ein-Bildschirm-Modus für das eigentliche Spiel */
@media(max-width:680px){
  body:has(#view-sale.active){height:100dvh;overflow:hidden;padding-bottom:0}
  body:has(#view-sale.active) .app-shell{height:100dvh;min-height:0;overflow:hidden;padding-bottom:58px}
  body:has(#view-sale.active) .topbar{height:52px;grid-template-columns:38px 1fr 34px;padding:5px 7px}
  body:has(#view-sale.active) .brand>div{display:none}
  body:has(#view-sale.active) .brand-mark{width:34px;height:34px}
  body:has(#view-sale.active) .round-button{width:32px;height:32px}
  body:has(#view-sale.active) .top-stats{grid-row:auto;grid-column:auto;border:0;background:transparent}
  body:has(#view-sale.active) .top-stats div{padding:2px 1px;border-right:1px solid var(--line)}
  body:has(#view-sale.active) .top-stats span{font-size:.45rem}
  body:has(#view-sale.active) .top-stats strong{font-size:.68rem}
  body:has(#view-sale.active) .game-nav{height:58px}
  body:has(#view-sale.active) .view-stack{height:calc(100dvh - 110px);padding:5px;overflow:hidden}
  #view-sale.active{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden}
  #view-sale .sale-toolbar{flex:0 0 39px;display:grid;grid-template-columns:1fr 1.15fr;gap:7px;margin:0 0 4px;padding:4px 7px;border-radius:8px;overflow:hidden}
  #view-sale .status-copy{display:flex;width:auto;white-space:nowrap}.status-copy>span:last-child{display:none}
  #view-sale .heat-control{padding:0;border:0;font-size:.65rem}.heat-control input{min-width:0;height:22px}.heat-control strong{width:22px;height:22px;font-size:.65rem}
  #view-sale .location-strip{display:none}
  #view-sale .scene{flex:1;display:grid;grid-template-rows:34px minmax(145px,1.35fr) minmax(104px,.82fr) minmax(116px,1fr) 29px;gap:4px;min-height:0;max-height:none;padding:0 0 4px;overflow:hidden;border-radius:10px}
  #view-sale .scene>img{height:34px;border-radius:8px 8px 0 0;object-position:center 62%;filter:saturate(.9) brightness(.82)}
  #view-sale .grill-box{min-height:0;margin:0 5px;padding:5px;border-radius:8px;overflow:hidden}
  #view-sale .grill-header{height:25px;align-items:center;padding:0 2px 4px}.grill-header>small{display:none}
  .mobile-drawer-button{display:block;margin-left:auto;padding:4px 7px;border:1px solid rgba(243,188,66,.6);border-radius:6px;background:#5c2b1f;color:#ffe2a0;font-size:.62rem;font-weight:900;white-space:nowrap}
  #view-sale .grill-slots{height:calc(100% - 25px);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:5px}
  #view-sale .grill-slot{min-height:0}.grill-action{min-height:0}.sausage-shape{height:14px}.to-holding{min-height:19px;padding:1px;font-size:.52rem}.turn-alert{font-size:.45rem;padding:2px 3px}.slot-label{font-size:.46rem}
  #view-sale .holding-box{position:fixed;z-index:80;left:7px;right:7px;bottom:62px;top:auto;width:auto;max-width:none;margin:0;padding:12px;border:2px solid var(--gold);border-radius:16px;background:#fff0cd;color:#2a1911;box-shadow:0 -16px 55px rgba(0,0,0,.72);transform:translateY(calc(100% + 80px));opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s ease}
  #view-sale .holding-box.mobile-open{transform:translateY(0);opacity:1;pointer-events:auto}
  #view-sale .holding-header{display:flex;height:29px;align-items:center;padding:0 0 7px}.holding-header small{display:block;margin-left:6px}.mobile-drawer-close{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;border:0;border-radius:50%;background:#7e1b17;color:#fff;font-size:1.25rem;font-weight:900}
  #view-sale .holding-slots{grid-template-columns:repeat(4,1fr);gap:7px}.holding-slot{min-height:67px}.holding-slot .sausage-shape{height:14px}.holding-label{font-size:.5rem}
  #view-sale .customer-lane{height:auto;min-height:0;margin:0 5px;padding:50px 5px 4px;gap:6px;border-radius:8px}
  #view-sale .customer-lane::before{top:3px;left:7px;font-size:.52rem}
  #view-sale .walker{flex:0 0 84px;width:84px;height:55px}.person{width:42px;height:42px;border-width:2px;font-size:1.45rem}.person::after{top:37px;width:25px;height:25px}.walker.selected{transform:translateY(-2px)}
  #view-sale .order-bubble{bottom:47px;min-width:88px;max-width:112px;padding:4px 5px;border-radius:7px;font-size:.63rem;line-height:1.08;white-space:normal}.order-bubble b,.order-bubble .wish-line{display:block}.order-bubble b{margin-bottom:2px;color:#7e1b17;font-size:.58rem}.order-bubble .wish-line{font-weight:1000}.order-bubble::after{bottom:-4px;width:8px;height:8px}
  #view-sale .satisfaction-wrap{margin-top:2px;padding:2px 3px;font-size:.38rem}.satisfaction-top{margin:0}.satisfaction-wrap .patience{height:5px}
  #view-sale .order-ticket{min-height:0;margin:0 5px;padding:6px 8px;border-radius:8px;overflow:hidden}.ticket-label{font-size:.48rem}#orderContent{margin:1px 0 4px;font-size:.66rem;line-height:1.18}.order-name{display:inline;margin-right:5px;font-size:.76rem}.ticket-satisfaction{display:none}.ticket-actions{gap:5px}.serve-button,.beer-button{min-height:36px;padding:4px;font-size:.66rem}
  #view-sale .stock-dock{height:29px;margin:0 5px;padding:2px;border-radius:7px}.stock-dock div{padding:1px 3px}.stock-dock span{font-size:.72rem}.stock-dock strong{font-size:.72rem}.stock-dock small{display:inline;margin-left:2px;font-size:.45rem}
  #view-sale .messagebar{flex:0 0 39px;display:flex;min-height:0;margin-top:4px;padding:4px 7px;border-radius:8px;font-size:.63rem;white-space:nowrap;overflow:hidden}.messagebar>span{overflow:hidden;text-overflow:ellipsis}.messagebar .primary-button{min-height:31px;padding:5px 9px;font-size:.62rem}.messagebar .primary-button:disabled{display:none}
}

@media(max-width:380px) and (max-height:700px){
  #view-sale .scene{grid-template-rows:28px minmax(132px,1.2fr) 94px 108px 27px}
  #view-sale .scene>img{height:28px}
  #view-sale .customer-lane{padding-top:45px}
  #view-sale .order-bubble{font-size:.58rem}
}

@media(max-width:680px){
  .game-guide{justify-content:flex-start;gap:3px;padding:6px 8px;overflow-x:auto}.guide-title{display:none}.game-guide button{flex:0 0 auto;gap:4px;padding:5px 7px;font-size:.62rem}.game-guide button b{width:18px;height:18px}.game-guide i{font-size:.7rem}.start-howto{gap:3px;padding:8px 5px}.start-howto div{display:grid;justify-items:center;gap:3px;font-size:.54rem;text-align:center}.start-howto b{width:22px;height:22px}.start-howto i{font-size:.9rem}
  body:has(#view-sale.active) .game-guide{display:none}
  #view-sale .sale-toolbar{flex-basis:31px;display:flex;grid-template-columns:none;padding:3px 7px}.status-copy{width:100%;justify-content:center}.status-copy>span:last-child{display:none}
  #view-sale .grill-header{height:25px;flex-wrap:nowrap;gap:4px}.grill-header>span{white-space:nowrap;font-size:.65rem}.grill-header>small{display:none}
  #view-sale .grill-heat{display:flex;width:auto;min-width:91px;gap:3px;margin:0 0 0 auto;padding:1px 3px;border-radius:5px;font-size:.48rem}.grill-heat span{white-space:nowrap}.grill-heat input{width:48px;height:18px}.grill-heat strong{width:17px;height:17px;font-size:.5rem}
  #view-sale .mobile-drawer-button{margin-left:0;padding:3px 5px;font-size:.54rem}
}

/* Bratwurst-Bildmarke: Der gelbe Rahmen bleibt, die Wurst ragt bewusst darüber hinaus. */
.brand{gap:14px}
.brand-mark{position:relative;width:62px;height:46px;overflow:visible;font-size:0;letter-spacing:0}
.brand-mark img{position:absolute;width:94px;max-width:none;height:auto;z-index:1;transform:rotate(3deg);filter:drop-shadow(0 3px 2px rgba(0,0,0,.55));pointer-events:none}

@media(max-width:680px){
  .brand{gap:10px}
  .brand-mark{width:52px;height:40px}
  .brand-mark img{width:78px}
}

@media(max-width:520px){
  .brand-mark{width:46px;height:36px}
  .brand-mark img{width:70px}
  body:has(#view-sale.active) .topbar{grid-template-columns:52px 1fr 34px}
  body:has(#view-sale.active) .brand-mark{width:46px;height:34px}
  body:has(#view-sale.active) .brand-mark img{width:68px}
}

/* Eigenwerbung zum Launch */
.start-sponsor{border-style:solid;border-color:rgba(243,188,66,.38);background:rgba(243,188,66,.06);text-decoration:none}
.start-sponsor:hover{border-color:var(--gold);background:rgba(243,188,66,.11)}
.booth-sponsor{min-width:118px;border-style:solid;border-color:#a78742;background:rgba(255,250,235,.94);text-decoration:none}
.booth-sponsor strong{font-size:.66rem;color:#8d1b17}
.booth-sponsor:hover{transform:rotate(1deg) scale(1.03)}
.final-sponsor{border-style:solid;background:rgba(243,188,66,.06);text-decoration:none}
.final-sponsor:hover{border-color:var(--gold);background:rgba(243,188,66,.11)}
.start-legal{display:inline-block;margin-top:12px;color:#a99b88;font-size:.66rem;text-decoration:underline;text-underline-offset:3px}.start-legal:hover{color:var(--cream)}