.instant-choices{align-items:start}.meal-wheel,.meal-slots{min-width:0}.wheel-visual{width:min(440px,100%);max-width:100%;margin:0 auto 16px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;border-radius:50%;isolation:isolate}.wheel-visual.dragging{cursor:grabbing}.wheel-visual svg{pointer-events:none;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(0 8px 0 #243e2d14)}.wheel-pointer{pointer-events:none;font-size:30px;top:0;filter:drop-shadow(0 2px 0 #fffdf8);transform-origin:50% 20%}.wheel-visual.spinning .wheel-pointer,.wheel-visual.dragging .wheel-pointer{animation:pointer-tap .18s ease-in-out infinite alternate}.wheel-options{margin:12px 0;padding:10px 0}.wheel-options ul{padding-left:20px;font-size:13px}.wheel-options summary{min-height:32px}.wheel-art-note{margin-top:10px}.reel-stage{position:relative;padding-right:52px}.reels{margin:20px 0 24px}.reels small{display:block;min-height:34px;line-height:1.35;letter-spacing:.5px}.reel{box-shadow:inset 0 7px 10px #314d3b14,inset 0 -7px 10px #314d3b14}.slots-lever{position:absolute;right:0;top:53px;width:44px;height:150px;min-height:44px;border:0;padding:0;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none}.slots-lever:hover{background:transparent}.lever-rail{position:absolute;left:18px;top:12px;width:9px;height:115px;background:linear-gradient(90deg,#839083,#e5e9dd,#647665);border-radius:8px;box-shadow:0 0 0 3px #cbd4c3}.lever-knob{position:absolute;left:5px;top:0;width:34px;height:34px;background:#a34b30;border:3px solid #fff2db;border-radius:50%;font-size:0;box-shadow:0 4px 0 #69351f;transform:translateY(var(--pull,0px))}.slots-lever.pulled .lever-knob{transform:translateY(64px);transition:transform .15s ease}.slots-lever:disabled{opacity:.8}.celebrate{animation:menu-reveal .5s ease-out}.celebrate:before{content:'✦ Sofra öneriniz hazır';display:block;color:#a34b30;font-size:12px;font-weight:700;margin:10px 0}.wheel-buttons{gap:8px}.meal-slots .wheel-buttons button{font-size:13px;padding:10px 13px}@keyframes pointer-tap{from{transform:translateX(-50%) rotate(-7deg)}to{transform:translateX(-50%) rotate(7deg)}}@keyframes menu-reveal{from{transform:translateY(5px);background:#fff0ce}to{transform:translateY(0);background:transparent}}@media(max-width:760px){.wheel-visual{width:100%;max-width:100%}.meal-wheel,.meal-slots{padding:16px}.reel-stage{padding-right:44px}.slots-lever{right:-3px}.reel{font-size:15px}.reel-item{padding:5px}.reels{gap:5px}.reels small{font-size:9px;min-height:32px}.wheel-label text{font-size:19px}}@media(prefers-reduced-motion:reduce){.celebrate,.wheel-visual.spinning .wheel-pointer,.wheel-visual.dragging .wheel-pointer{animation:none}.slots-lever.pulled .lever-knob{transition:none}}

.portion-first{padding:26px 0 30px;margin-bottom:12px}.portion-first h1{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:8px 0 20px}.portion-first .count-row{max-width:360px;gap:10px}.portion-first .count-row button{min-height:52px;font-size:20px;flex:1}.portion-first p{font-size:14px;color:#65705e;margin:12px 0 0}@media(max-width:760px){.portion-first{padding:8px 0 16px;margin-bottom:4px}.portion-first h1{font-size:27px;margin:7px 0 14px}.portion-first .count-row{margin-bottom:0}.portion-first p{font-size:12px;line-height:1.5}}

/* Warm brass marquee and a small, food-themed arcade cabinet. */
.wheel-visual{padding:12px;background:#304437;border:3px solid #b99b58;box-shadow:0 5px 0 #203127,0 10px 20px #314d3b24;margin-bottom:24px}
.wheel-visual{overflow:hidden}.wheel-visual svg{filter:none}.wheel-label text{font-size:17px}.wheel-pointer{top:9px;color:#d77648;text-shadow:0 1px 2px #172e20;font-size:26px}
.wheel-lights{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.wheel-lights i{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border:1px solid #d8b865;border-radius:50%;background:#f5d98c;transform:rotate(var(--a)) translateY(calc(var(--rim-radius, 150px) * -1));box-shadow:0 0 3px #ffe4a980}
.wheel-lights{--rim-radius:calc(50% - 4px)}
/* Positioning percentages use the rim box, so bulbs stay on the circle at every width. */
.wheel-lights i{top:calc(50% - 48% * cos(var(--a)));left:calc(50% + 48% * sin(var(--a)));transform:none}
.spinning .wheel-lights i,.dragging .wheel-lights i{animation:marquee-chase 1.6s ease-in-out infinite;animation-delay:var(--delay)}
.landed .wheel-lights i{animation:marquee-win .9s ease-in-out 3}
.wheel-visual.spinning .wheel-pointer,.wheel-visual.dragging .wheel-pointer{animation-duration:.5s}
.meal-slots{background:#efe8d8;border-color:#d4c5a7}.meal-slots>h2{margin-bottom:8px}.slot-cabinet{position:relative;margin:18px 0 20px;padding:22px 17px 13px;border:5px solid #ba9352;border-radius:30px 30px 14px 14px;background:linear-gradient(135deg,#364f40,#1f342b 65%,#3c5142);box-shadow:inset 0 0 0 2px #edcf88,0 6px 0 #6d5432,0 12px 18px #292d221f;color:#fff3cf;isolation:isolate}
.cabinet-sign{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:40px;border:1px solid #c5a769;padding:10px 8px;background:#16291f;font-size:13px;letter-spacing:2px;box-shadow:inset 0 0 12px #0004}.cabinet-sign>span{font-size:24px;letter-spacing:0}.cabinet-sign b{font-family:Georgia,serif;font-size:17px;text-align:center}
.cabinet-lights{position:absolute;inset:0;pointer-events:none}.cabinet-lights i{position:absolute;width:8px;height:8px;border-radius:50%;background:#f6d384;border:1px solid #fff1bc;box-shadow:0 0 4px #ffd78270;top:calc(18px + (var(--i) - 8) * 27px);left:-2px}.cabinet-lights i:nth-child(-n+8){top:calc(18px + var(--i) * 27px);left:auto;right:-2px}.running .cabinet-lights i{animation:marquee-chase 1.6s ease-in-out infinite;animation-delay:var(--delay)}.winning .cabinet-lights i{animation:marquee-win .9s ease-in-out 3}.winning .cabinet-sign{box-shadow:0 0 14px #e9bd5860,inset 0 0 12px #e9bd5830}
.slot-cabinet .reel-stage{padding-right:38px}.slot-cabinet .reels{gap:5px;margin:16px 0 0}.slot-cabinet .reels small{font-size:9px;letter-spacing:.3px;min-height:29px;color:#e3d5b1}.slot-cabinet .reel{border:3px solid #aa894c;border-top-width:5px;border-bottom-width:5px;border-radius:9px;background:linear-gradient(#d7d1bf,#fffdf5 25%,#fffdf5 75%,#d7d1bf);box-shadow:inset 0 7px 12px #273c2630,inset 0 -7px 12px #273c2630;color:#293e30;font-size:15px;font-family:Georgia,serif}.slot-cabinet .reel-item{flex-direction:column;gap:5px;padding:4px;overflow-wrap:anywhere}.reel-symbol{font-family:Georgia,serif;font-size:29px;line-height:1;color:#9c4d32}.slot-cabinet .slots-lever{right:-12px;top:45px;width:44px;height:136px}.slot-cabinet .lever-knob{background:radial-gradient(circle at 30% 24%,#ee9661,#9f422d 62%);border-color:#e7c784}.slot-cabinet .lever-rail{background:linear-gradient(90deg,#927a4d,#f3dc9e,#927a4d);box-shadow:0 0 0 3px #15261e}
.token-tray{position:relative;height:93px;overflow:hidden;margin:14px 0 0;border:2px solid #aa894c;border-radius:5px 5px 14px 14px;background:linear-gradient(#0e2017,#233a2b);box-shadow:inset 0 6px 12px #0008}.tray-label{position:absolute;left:0;right:0;top:34px;text-align:center;color:#b9aa82;font-size:10px;letter-spacing:3px}.tray-lip{position:absolute;bottom:0;left:0;right:0;height:12px;border-top:2px solid #ddbe79;background:linear-gradient(#765c35,#b99653)}
.food-token{position:absolute;left:var(--x);top:-28px;width:25px;height:25px;border-radius:50%;border:2px solid #f8df8d;background:radial-gradient(circle at 30% 30%,#ffe89e,#c39539);color:#7d5926;text-align:center;font:17px Georgia,serif;box-shadow:2px 2px 0 #8c682c;animation:token-fall 1.2s cubic-bezier(.3,.15,.7,.9) both;animation-delay:var(--delay)}.food-token.still{animation:none;top:54px}.cabinet-footer{text-align:center;font-size:9px;letter-spacing:1.4px;margin-top:13px;color:#e3ca91}
@keyframes marquee-chase{0%,100%{background:#ad8b47;box-shadow:0 0 2px #ffd78230}45%,60%{background:#fff2b7;box-shadow:0 0 9px #ffd782b0}}
@keyframes marquee-win{0%,100%{background:#e1b85e;box-shadow:0 0 3px #ffdc8a70}50%{background:#fff3b9;box-shadow:0 0 12px #ffe49ab0}}
@keyframes token-fall{0%{transform:translateY(-5px) rotate(0);opacity:0}12%{opacity:1}62%{transform:translateY(84px) rotate(var(--tilt))}78%{transform:translateY(64px) rotate(var(--tilt))}100%{transform:translateY(84px) rotate(var(--tilt));opacity:1}}
@media(max-width:760px){.meal-wheel{padding:13px}.wheel-visual{padding:10px}.wheel-lights i{width:6px;height:6px;margin:-3px}.wheel-label text{font-size:17px}.slot-cabinet{padding:20px 12px 12px}.cabinet-sign{gap:8px}.cabinet-sign b{font-size:15px;letter-spacing:1px}.slot-cabinet .reel{font-size:13px}.slot-cabinet .reels small{font-size:8px}.slot-cabinet .reel-stage{padding-right:30px}.slot-cabinet .slots-lever{right:-17px}.reel-symbol{font-size:26px}}
@media(prefers-reduced-motion:reduce){.spinning .wheel-lights i,.dragging .wheel-lights i,.landed .wheel-lights i,.running .cabinet-lights i,.winning .cabinet-lights i,.food-token{animation:none}.winning .cabinet-lights i,.landed .wheel-lights i{background:#fff2b7;box-shadow:0 0 7px #ffdb84}.food-token{top:54px}}

/* A dedicated control bay keeps the lever distinct from reels, trim and tray. */
.slot-cabinet .reel-stage{padding-right:0}
.lever-station{display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:12px;margin-top:16px;padding:12px;background:#14281e;border:1px solid #c8a667;border-radius:12px;box-shadow:inset 0 1px 5px #0005}
.lever-instructions{min-width:0}.lever-instructions strong{display:block;color:#fff5d5;font-size:22px;line-height:1.2}.lever-instructions strong span{color:#f4ce76;font-size:29px}.lever-instructions p{color:#e0d9c2;font-size:12px;line-height:1.55;margin:10px 0 0}
.slot-cabinet .slots-lever{position:relative;right:auto;top:auto;width:80px;height:136px;min-width:80px;padding:0;border:2px solid #d5b56d;border-radius:40px;background:#fff0cb;box-shadow:inset 0 3px 8px #594a2835;cursor:grab}
.slot-cabinet .slots-lever:hover{background:#fff5dc}.slot-cabinet .slots-lever:active{cursor:grabbing}.slot-cabinet .slots-lever:focus-visible{outline:3px solid #fff5cd;outline-offset:4px}.slot-cabinet .slots-lever:disabled{opacity:1;cursor:wait}
.slot-cabinet .lever-rail{left:32px;top:20px;width:12px;height:96px;border-radius:8px;box-shadow:0 0 0 2px #977b46;background:linear-gradient(90deg,#8b7144,#ead69e,#8b7144)}
.slot-cabinet .lever-knob{display:flex;align-items:center;justify-content:center;left:10px;top:5px;width:56px;height:56px;border:3px solid #fff9e5;background:radial-gradient(circle at 30% 24%,#ee9760,#a13e27 62%,#6f2c20);box-shadow:0 5px 0 #582b1f,0 7px 9px #39220e50;color:#fff9e5;font:bold 29px Arial,sans-serif;text-shadow:0 1px 2px #54271c;transform:translateY(var(--pull,0px));pointer-events:none}
.slot-cabinet .slots-lever.pulled .lever-knob{transform:translateY(64px)}
@media(max-width:360px){.lever-station{gap:8px;padding:10px}.lever-instructions strong{font-size:19px}.lever-instructions p{font-size:11px}}