/* Fritolandia: arcade hub with two swipeable panes (games | prize counter) */
#fry-modal{background:url("https://chibi.iitranq.co.uk/6EP3HuN7SCNV.png") center/cover no-repeat fixed;align-items:center;--fp:#e91e63;--fc:#35e0ff;}
#fry-modal::before{content:"";position:fixed;inset:0;background:rgba(8,0,18,.78);backdrop-filter:blur(6px);z-index:-1;}
.fry-shell{position:relative;width:min(960px,96vw);height:min(86vh,660px);display:flex;flex-direction:column;background:linear-gradient(180deg,#14061f,#080511);border:2px solid var(--fp);border-radius:20px;box-shadow:0 0 0 3px #000,0 0 28px rgba(233,30,99,.55),inset 0 0 40px rgba(53,224,255,.08);overflow:hidden;}
.fry-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 6px;}
.fry-sign{font-family:'Arial Black',sans-serif;font-size:clamp(18px,4vw,30px);letter-spacing:4px;color:#fff;text-shadow:0 0 6px var(--fp),0 0 16px var(--fp),0 0 34px var(--fp);animation:fry-flick 5s infinite;}
.fry-sign b{color:var(--fc);text-shadow:0 0 6px var(--fc),0 0 16px var(--fc);}
@keyframes fry-flick{0%,92%,100%{opacity:1}94%{opacity:.55}96%{opacity:1}98%{opacity:.7}}
.fry-wallet{display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#000;border:1px solid #ffd23f;color:#ffd23f;font-family:'Arial Black',sans-serif;font-size:14px;}
.fry-wallet small{font-size:8px;letter-spacing:1px;opacity:.7;}
.tk{display:inline-block;width:18px;height:11px;margin-right:5px;vertical-align:-1px;background:linear-gradient(90deg,#ff5d8f,#ffd23f);border-radius:2px;position:relative;}
.tk::before,.tk::after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#14061f;}
.tk::before{left:-2px}.tk::after{right:-2px}
.fry-wallet .tk{margin:0}
.fry-x{background:none;border:1px solid #555;color:#ccc;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:14px;}
.fry-x:hover{border-color:var(--fp);color:#fff;}
.fry-nav{display:flex;justify-content:center;gap:8px;padding:6px 16px 10px;}
.fry-navbtn{font-family:'Arial Black',sans-serif;font-size:11px;letter-spacing:2px;padding:8px 22px;border-radius:999px;border:1px solid #444;background:#0b0714;color:#aaa;cursor:pointer;}
.fry-navbtn.on{color:#fff;border-color:var(--fc);box-shadow:0 0 10px rgba(53,224,255,.6);background:#0d2230;}
.fry-track{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab;}
.fry-track::-webkit-scrollbar{display:none}
.fry-pane{flex:0 0 100%;scroll-snap-align:start;overflow-y:auto;padding:4px 58px 18px;box-sizing:border-box;scrollbar-width:thin;}
.fry-pane-title{font-family:'Arial Black',sans-serif;letter-spacing:3px;color:#fff;font-size:15px;text-align:center;margin:2px 0 14px;}
.fry-pane-title small{display:block;margin-top:5px;font-family:sans-serif;font-size:10px;letter-spacing:.5px;color:#9aa;font-weight:normal;}
.fry-arrow{position:absolute;top:50%;z-index:6;width:38px;height:56px;margin-top:-20px;border:0;border-radius:10px;background:rgba(0,0,0,.55);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 0 10px rgba(53,224,255,.4);}
.fry-arrow.l{left:6px}.fry-arrow.r{right:6px}
.fry-arrow:hover{background:rgba(53,224,255,.25)}

/* cabinets */
.fry-cabs{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;padding:6px 0 10px;}
.fry-cab{--cc:#e91e63;width:210px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 0 12px;border:0;cursor:pointer;color:#fff;font-family:sans-serif;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 35%,#12091c),#0c0614 60%);border-radius:14px 14px 6px 6px;box-shadow:0 0 0 2px color-mix(in srgb,var(--cc) 70%,#000),0 10px 22px rgba(0,0,0,.6);transition:transform .15s,box-shadow .15s;}
.fry-cab:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--cc),0 0 24px color-mix(in srgb,var(--cc) 60%,transparent),0 14px 24px rgba(0,0,0,.6);}
.fry-marq{align-self:stretch;padding:9px 6px;border-radius:12px 12px 0 0;font-family:'Arial Black',sans-serif;font-size:13px;letter-spacing:1.5px;text-align:center;background:var(--cc);color:#12091c;text-shadow:0 0 6px rgba(255,255,255,.5);}
.fry-screen{width:150px;height:104px;margin-top:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:4px solid #05030a;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 45%,#000),#05030a 75%);box-shadow:inset 0 0 18px rgba(0,0,0,.9),0 0 10px color-mix(in srgb,var(--cc) 50%,transparent);}
.fry-screen i{font-style:normal;font-size:46px;animation:fry-bob 2.4s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--cc));}
@keyframes fry-bob{50%{transform:translateY(-6px) scale(1.06)}}
.fry-panel{position:relative;width:150px;height:30px;border-radius:6px;background:#1e1230;border:1px solid #000;}
.fry-stick{position:absolute;left:22px;top:6px;width:10px;height:18px;border-radius:5px;background:#ddd;box-shadow:0 -6px 0 -1px #e91e63;}
.fry-btn{position:absolute;top:8px;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.35);}
.fry-btn.a{right:42px;background:#ffd23f}.fry-btn.b{right:18px;background:#35e0ff}
.fry-cab-hint{font-size:10px;line-height:1.35;color:#c9c0d8;padding:0 12px;min-height:27px;}
.fry-cab-meta{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#ffd23f;}
.fry-cab-meta em{font-style:normal}
.fry-coin{padding:6px 18px;border-radius:999px;font-family:'Arial Black',sans-serif;font-size:10px;letter-spacing:2px;background:#000;border:1px solid var(--cc);color:var(--cc);}

/* prize counter */
.fry-counter{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;justify-content:center;}
.fry-belle{flex:0 0 210px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.fry-belle-pic{width:190px;height:240px;border-radius:14px 14px 40px 40px;overflow:hidden;background:linear-gradient(180deg,#3a1556,#1a0b2e);border:3px solid var(--fp);box-shadow:0 0 18px rgba(233,30,99,.5);display:flex;align-items:flex-end;justify-content:center;}
.fry-belle-pic img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));}
.fry-bubble{position:relative;background:#fff;color:#1a0b2e;border-radius:14px;padding:10px 12px;font:12px/1.35 sans-serif;text-align:center;}
.fry-bubble::before{content:"";position:absolute;top:-8px;left:50%;margin-left:-8px;border:8px solid transparent;border-top:0;border-bottom-color:#fff;}
.fry-shelf{flex:1 1 380px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
.fry-prize{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-radius:12px;background:linear-gradient(180deg,#1c0e2e,#0d0718);border:1px solid #3a2560;text-align:center;}
.fry-prize-ico{font-size:34px;filter:drop-shadow(0 0 8px rgba(255,210,63,.5));}
.fry-prize-name{font-family:'Arial Black',sans-serif;font-size:11px;letter-spacing:.5px;color:#fff;}
.fry-prize-desc{font:10px/1.3 sans-serif;color:#b9aed0;min-height:26px;}
.fry-prize button{margin-top:2px;padding:7px 14px;border-radius:999px;border:1px solid #ffd23f;background:#000;color:#ffd23f;font-family:'Arial Black',sans-serif;font-size:11px;cursor:pointer;}
.fry-prize button:hover:not(:disabled){background:#ffd23f;color:#000;}
.fry-prize button:disabled{opacity:.45;cursor:not-allowed;}
.fry-prize.poor{filter:saturate(.6);}
.fry-prize.got{border-color:#4cd7a0;}

/* stage (running game) */
.fry-stage{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:#05020c;}
.fry-stage-box{position:relative;width:min(470px,94%);display:flex;flex-direction:column;gap:10px;}
.fry-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font-family:'Arial Black',sans-serif;font-size:12px;}
.fry-hud b{color:var(--cc);letter-spacing:1.5px}
.fry-hud span{color:#ffd23f;font-size:11px;min-width:120px;text-align:right}
.fry-back{background:none;border:1px solid #555;color:#ccc;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:10px;}
.fry-play{position:relative;border:2px solid var(--cc);border-radius:10px;overflow:hidden;background:#05030a;box-shadow:0 0 18px color-mix(in srgb,var(--cc) 50%,transparent);}
.fry-play canvas{display:block;width:100%;height:auto;}
.fry-holes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;}
.fry-hole{aspect-ratio:1;position:relative;overflow:hidden;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(ellipse at 50% 60%,#000 40%,#2a1a14 42%,#4a2f22);touch-action:manipulation;}
.fry-hole span{position:absolute;left:0;right:0;bottom:-70%;text-align:center;font-size:clamp(28px,8vw,48px);transition:bottom .12s;pointer-events:none;}
.fry-hole.up span{bottom:12%}
.fry-hole.hit{box-shadow:0 0 0 4px #4cd7a0}
.fry-hole.boom{box-shadow:0 0 0 4px #ff4040}
.fry-over{position:absolute;inset:34px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(5,2,12,.88);border-radius:10px;text-align:center;color:#fff;font:13px/1.5 sans-serif;padding:20px;}
.fry-over-ico{font-size:44px}
.fry-over p{margin:0;font-family:'Arial Black',sans-serif;font-size:13px;color:var(--cc);}
.fry-over b{color:#fff}
.fry-start{padding:10px 28px;border-radius:999px;border:2px solid var(--cc);background:#000;color:var(--cc);font-family:'Arial Black',sans-serif;letter-spacing:2px;cursor:pointer;}
.fry-start:hover{background:var(--cc);color:#000}
@media(max-width:600px){.fry-pane{padding:4px 14px 18px}.fry-shell{height:92vh}.fry-cab{width:160px}.fry-screen{width:120px;height:84px}.fry-panel{width:120px}.fry-belle{flex-basis:100%}.fry-arrow{display:none}}

/* ═══ Frycade storefront redesign (refs: pink facade + green/white awning, black "the FRYCADE" sign, purple diner wall, arcade cabinets, cork board) ═══ */
#fry-modal{--fp:#d81b60;--fc:#4cff6a;--wall:#5d3a78;}
.fry-shell{background:
  radial-gradient(ellipse at 85% 0%,rgba(255,255,255,.14),transparent 45%),
  linear-gradient(180deg,#6a4388 0%,var(--wall) 55%,#4a2d62 100%);
  border:3px solid #ec407a;box-shadow:0 0 0 3px #000,0 18px 50px rgba(0,0,0,.7);}
.fry-shell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;pointer-events:none;z-index:2;
  background:radial-gradient(circle at 18% 60%,#8bd54a 0 3px,transparent 4px),radial-gradient(circle at 71% 40%,#e040fb 0 2px,transparent 3px),linear-gradient(180deg,#3b2321,#5a3329);border-top:3px solid #c98b5a;}
/* awning */
.fry-awning{height:30px;flex:0 0 30px;background:repeating-linear-gradient(90deg,#3ddc57 0 38px,#fff 38px 76px);
  -webkit-mask:linear-gradient(#000,#000) 0 0/100% 11px no-repeat,radial-gradient(circle at 19px 0,#000 18px,transparent 19px) 0 11px/38px 19px repeat-x;
  mask:linear-gradient(#000,#000) 0 0/100% 11px no-repeat,radial-gradient(circle at 19px 0,#000 18px,transparent 19px) 0 11px/38px 19px repeat-x;
  filter:drop-shadow(0 4px 3px rgba(0,0,0,.45));position:relative;z-index:3;}
/* sign */
.fry-sign{font-family:'Arial Black',Impact,sans-serif;letter-spacing:3px;color:#5dff7a;background:#17181b;border:3px solid #b9bcc4;border-radius:6px;padding:4px 16px 6px;
  text-shadow:1px 1px 0 #1b8a30,2px 2px 0 #1b8a30,3px 3px 0 #146b25,0 0 14px rgba(93,255,122,.55);animation:none;box-shadow:0 0 0 2px #000,0 4px 10px rgba(0,0,0,.5);}
.fry-sign b{color:#5dff7a;text-shadow:inherit;}
.fry-sign small{font:700 12px sans-serif;letter-spacing:0;color:#fff;text-shadow:none;margin-right:6px;vertical-align:4px;}
.fry-wallet{background:#17181b;border-color:#ffd23f;}
.fry-x{background:#17181b;border-color:#b9bcc4;color:#fff;}
.fry-navbtn{background:#17181b;border-color:#6b6f78;color:#cfd2d8;}
.fry-navbtn.on{background:#17181b;color:#5dff7a;border-color:#5dff7a;box-shadow:0 0 10px rgba(93,255,122,.55);}
.fry-arrow{background:rgba(23,24,27,.85);box-shadow:0 0 10px rgba(93,255,122,.35);}
.fry-pane{padding-bottom:34px;}
.fry-pane-title{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);}
.fry-pane-title small{color:#e6d8f2;}
/* disco ball (Fowl Work) */
.fry-ball{position:absolute;top:30px;right:70px;width:46px;height:46px;border-radius:50%;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 2px,transparent 2px 7px),radial-gradient(circle at 35% 30%,#fff,#9fa8ff 40%,#e040fb 75%,#3a1d6b);
  box-shadow:0 0 22px rgba(224,64,251,.7),0 0 50px rgba(53,224,255,.35);animation:fry-ball 6s linear infinite;}
.fry-ball::before{content:"";position:absolute;left:50%;top:-30px;width:1px;height:30px;background:#aaa;}
@keyframes fry-ball{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}
/* arcade cabinets */
.fry-cab{width:206px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 14%,transparent 86%,rgba(0,0,0,.3)),var(--cc);border-radius:16px 16px 4px 4px;padding-bottom:0;
  box-shadow:0 0 0 3px #000,0 14px 20px rgba(0,0,0,.55);}
.fry-cab:hover{box-shadow:0 0 0 3px #000,0 0 26px color-mix(in srgb,var(--cc) 70%,transparent),0 16px 22px rgba(0,0,0,.55);}
.fry-marq{background:#101014;color:var(--cc);border-radius:14px 14px 0 0;border-bottom:3px solid #000;text-shadow:0 0 8px var(--cc);font-size:12px;}
.fry-screen{border:5px solid #101014;border-radius:10px;box-shadow:inset 0 0 18px #000,0 0 0 2px rgba(0,0,0,.4);}
.fry-panel{background:#101014;transform:perspective(160px) rotateX(18deg);height:30px;border-radius:4px;}
.fry-cab-hint{background:rgba(16,16,20,.82);color:#ece6f4;align-self:stretch;margin:0 10px;padding:6px 8px;border-radius:6px;}
.fry-cab-meta{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.6);}
.fry-coin{align-self:stretch;margin:2px 0 0;padding:10px 0 12px;border-radius:0;border:0;border-top:3px solid #000;background:linear-gradient(180deg,#1c1c22,#0a0a0d);color:#ffd23f;letter-spacing:3px;position:relative;}
.fry-coin::before,.fry-coin::after{content:"";position:absolute;top:50%;width:14px;height:20px;margin-top:-10px;background:linear-gradient(180deg,#ffe27a,#c8921b);border:2px solid #000;border-radius:2px;}
.fry-coin::before{left:22px}.fry-coin::after{right:22px}
/* prize counter: Belle behind the diner counter + cork board */
.fry-belle-pic{background:linear-gradient(180deg,#7a4d98,#5d3a78);border:4px solid #b9bcc4;border-bottom:12px solid #8c9099;box-shadow:0 0 0 2px #000,0 6px 12px rgba(0,0,0,.5);}
.fry-bubble{box-shadow:0 3px 0 rgba(0,0,0,.35);}
.fry-shelf{padding:16px;border-radius:6px;border:7px solid #7a4a25;box-shadow:inset 0 0 18px rgba(0,0,0,.45),0 0 0 2px #000,0 8px 14px rgba(0,0,0,.45);
  background:radial-gradient(circle at 20% 30%,rgba(120,70,30,.35) 0 1.5px,transparent 2px) 0 0/14px 14px,radial-gradient(circle at 70% 60%,rgba(255,220,160,.25) 0 1.5px,transparent 2px) 0 0/11px 11px,#b98a55;}
.fry-prize{position:relative;background:#fffdf5;border:1px solid #d9d0b8;border-radius:3px;box-shadow:0 4px 8px rgba(0,0,0,.4);padding-top:16px;transform:rotate(-1.2deg);}
.fry-prize:nth-child(even){transform:rotate(1.4deg)}
.fry-prize::before{content:"";position:absolute;top:4px;left:50%;margin-left:-5px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a80,#c62828);box-shadow:0 2px 2px rgba(0,0,0,.5);}
.fry-prize-name{color:#2a1a38;}
.fry-prize-desc{color:#5b4d6b;}
.fry-prize-ico{filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));}
.fry-prize button{background:#17181b;}
.fry-prize.got{border-color:#4cd7a0;background:#f1fff8;}
@media(max-width:600px){.fry-ball{display:none}.fry-cab{width:168px}}

/* night-only disco ball (Fowl Work episode) is not part of the regular Frycade */
.fry-ball{display:none!important}
/* Belle's serving window + diner counter + stools (ref: Frycade counter scene) */
.fry-belle-pic{background:radial-gradient(circle at 20% 15%,rgba(255,170,60,.5) 0 2px,transparent 3px) 0 0/40px 40px,radial-gradient(circle at 75% 10%,rgba(224,64,251,.45) 0 2px,transparent 3px) 0 0/55px 55px,linear-gradient(180deg,#9fb3a6,#7f9689);
  border:8px solid #7a4a25;border-radius:4px;border-bottom:14px solid #8c9099;box-shadow:inset 0 0 0 2px #000,0 0 0 2px #000,0 8px 12px rgba(0,0,0,.5);}
.fry-bar{margin:22px -58px -34px;position:relative;}
.fry-ledge{height:12px;background:linear-gradient(180deg,#a0a4ad,#7d818a);border-top:2px solid #cfd2d8;box-shadow:0 3px 0 rgba(0,0,0,.4);}
.fry-barfront{height:46px;background:linear-gradient(180deg,#2c2124,#241a1c);border-bottom:6px solid #a8704a;}
.fry-stools{display:flex;justify-content:space-around;margin-top:-30px;padding:0 4%;position:relative;z-index:1;}
.fry-stools i{display:flex;flex-direction:column;align-items:center;}
.fry-stools i b{width:58px;height:22px;border-radius:50%/60%;background:radial-gradient(ellipse at 50% 30%,#d2304f,#9c1030 70%);box-shadow:0 5px 0 #6e0b22,0 0 0 2px #000;}
.fry-stools i u{width:8px;height:26px;background:#111;margin-top:6px;position:relative;text-decoration:none;}
.fry-stools i u::after{content:"";position:absolute;left:-14px;bottom:-4px;width:36px;height:8px;border-radius:50%;background:#444;}
@media(max-width:600px){.fry-bar{margin:22px -14px -34px}.fry-stools i:nth-child(n+4){display:none}}
#fry-prizes{display:flex;flex-direction:column;}
#fry-prizes .fry-bar{margin-top:auto;padding-top:12px;margin-bottom:-34px}
.fry-barfront{height:30px}.fry-stools{margin-top:-22px}
.fry-stools i b{width:48px;height:18px}.fry-stools i u{height:16px}
/* awning removed (only on the outside of the building) */
.fry-awning{display:none!important}
.fry-top{padding-top:16px}
#fry-prizes .fry-bar{margin-bottom:-20px}

/* ref: Belle behind the beige counter, ceiling lights, "wall of fame" cork board */
.fry-shell::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;z-index:3;pointer-events:none;
  background:radial-gradient(ellipse 22px 4px at 22% 6px,#c05bd6 0 70%,transparent 72%),radial-gradient(ellipse 22px 4px at 78% 6px,#c05bd6 0 70%,transparent 72%),linear-gradient(180deg,#3a2c22,#4a382c);border-bottom:2px solid #1f1611;}
.fry-top{padding-top:22px}
.fry-belle-pic{background:linear-gradient(180deg,#6f4a8c,#5a3a78);border:0;border-radius:6px 6px 0 0;border-bottom:20px solid #dccaa8;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.5),0 12px 0 -2px #3a2a22,0 0 0 2px #000,0 8px 12px rgba(0,0,0,.45);}
.fry-ledge{background:linear-gradient(180deg,#e6d6b6,#cdb98f);border-top:2px solid #f3e8cf;}
.fry-barfront{background:linear-gradient(180deg,#3d2c24,#2c1f19);border-bottom:6px solid #6b4a3a;}
.fry-shelf::before{content:attr(data-t);grid-column:1/-1;justify-self:center;margin:-6px 0 2px;padding:5px 18px;background:#14141a;border:2px solid #b9bcc4;border-radius:4px;
  font:900 12px 'Arial Black',sans-serif;letter-spacing:3px;color:#ffd23f;text-shadow:0 0 6px rgba(255,210,63,.6);}
#fry-prizes .fry-pane-title{margin:0 0 8px}
#fry-prizes{padding-top:0}
.fry-belle-pic{height:200px}
.fry-shelf{padding:12px;gap:10px}
.fry-prize{padding:14px 6px 8px;gap:3px}
.fry-prize-ico{font-size:28px}.fry-prize-desc{min-height:0}
.fry-bar{margin-top:10px}

/* Belle stands behind the counter; bubble above her; counter right under her */
#fry-prizes .fry-counter{flex:1;align-items:flex-end;flex-wrap:nowrap;margin-bottom:0}
#fry-prizes .fry-shelf{align-self:flex-start}
.fry-belle{flex:0 0 220px;justify-content:flex-end;gap:12px}
.fry-bubble{order:0;margin-bottom:2px}
.fry-bubble::before{top:auto;bottom:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#fff}
.fry-belle-pic{height:240px;border-bottom:0;box-shadow:inset 0 0 0 2px rgba(0,0,0,.5),0 0 0 2px #000;border-radius:6px 6px 0 0}
#fry-prizes .fry-bar{margin:0 -58px -20px;padding-top:0}
.fry-ledge{height:16px;box-shadow:0 4px 0 rgba(0,0,0,.35)}
.fry-barfront{height:34px}
@media(max-width:600px){.fry-belle{flex-basis:100%}#fry-prizes .fry-counter{flex-wrap:wrap}}

/* Whack-a-Snake art */
.fry-holes{position:relative;background:var(--floor) center/96px 96px,#3a2a22;image-rendering:pixelated;}
.fry-hole{background:radial-gradient(ellipse at 50% 62%,#000 42%,rgba(0,0,0,.35) 60%,transparent 64%);}
.fry-hole span{display:flex;align-items:flex-end;justify-content:center;}
.fry-wimg{width:78%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:pixelated;-webkit-user-drag:none;user-select:none;}
.fry-shovel{position:absolute;z-index:5;pointer-events:none;transform-origin:85% 85%;image-rendering:pixelated;translate:-50% -50%;animation:fry-swing .3s ease-out forwards;}
@keyframes fry-swing{0%{rotate:-70deg;opacity:0}30%{opacity:1}60%{rotate:25deg}100%{rotate:25deg;opacity:0}}

/* Whack: Craig is a tall sprite -> he rises out of the hole (clipped at the hole's mid line), no circular crop */
.fry-hole{overflow:visible;}
.fry-hole span{position:absolute;left:0;right:0;top:0;bottom:auto;height:65%;clip-path:inset(-80% -20% 0 -20%);transition:none;display:flex;align-items:flex-end;justify-content:center;font-size:clamp(28px,8vw,48px);}
.fry-hole.up span{bottom:auto}
.fry-wimg{width:auto;height:112%;max-width:80%;object-fit:contain;transform:translateY(115%);transition:transform .12s ease-out;}
.fry-hole.up .fry-wimg{transform:none;}
.fry-hole{z-index:1}.fry-hole.up{z-index:2}
.fry-hole span:not(:has(img)){transform:translateY(0)}

/* ── Belle's dares + high score table (3rd pane) and new cabinets ── */
.fry-navbtn[data-n]:not([data-n=""])::after{content:attr(data-n);margin-left:6px;padding:1px 6px;border-radius:9px;background:#ff4d4d;color:#fff;font-size:10px}
.fry-dares{display:flex;flex-direction:column;gap:10px;max-width:560px;margin:0 auto}
.fry-dare{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(10,6,24,.85);border:2px solid #3a2a6a}
.fry-dare.ready{border-color:#ffe066;box-shadow:0 0 16px rgba(255,224,102,.4)}.fry-dare.done{opacity:.55;border-color:#35e07a}
.fry-dare-ico{flex:0 0 44px;height:44px;border-radius:10px;background:#1a1040;display:flex;align-items:center;justify-content:center;font-size:24px}
.fry-dare-main{flex:1;min-width:0}.fry-dare-main b{display:block;font:bold 13px 'Arial Black',sans-serif;color:#fff}
.fry-dare-bar{position:relative;height:14px;margin-top:6px;border-radius:7px;background:#05030a;overflow:hidden}
.fry-dare-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff2d95,#ffe066)}
.fry-dare-bar span{position:absolute;inset:0;text-align:center;font:bold 9px/14px sans-serif;color:#fff;text-shadow:0 1px 2px #000}
.fry-dare button{padding:9px 12px;border-radius:999px;border:2px solid #ffe066;background:#ffe066;color:#1a1040;font:bold 11px 'Arial Black',sans-serif;cursor:pointer}
.fry-dare button:disabled{background:transparent;border-color:#3a2a6a;color:#6a5f9a;cursor:not-allowed}
.fry-dare-done{font:bold 20px sans-serif;color:#35e07a}
.fry-rec-title{margin:20px 0 8px;text-align:center;font:bold 12px 'Courier New',monospace;letter-spacing:3px;color:#35e0ff}
.fry-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;max-width:560px;margin:0 auto}
.fry-rec{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:rgba(10,6,24,.85);border:1px solid #2c1f5c;font:bold 12px 'Courier New',monospace;color:#d9d2ff}
.fry-rec i{font-style:normal;width:30px;height:30px;border-radius:6px;background:color-mix(in srgb,var(--cc) 30%,#0b0624);border:1px solid var(--cc);display:flex;align-items:center;justify-content:center}
.fry-rec span{flex:1}.fry-rec b{color:#7cff9a}
.fry-rec-foot{margin-top:12px;text-align:center;font:11px sans-serif;color:#9aa}.fry-rec-foot b{color:#ffe066}
.sg.sg-fry{background:linear-gradient(180deg,#1a0b2e,#2a0d3f)}
.sg.sg-fry-sauce{background:linear-gradient(180deg,#2e0b0b,#5a1414)}.sg.sg-fry-fly{background:linear-gradient(180deg,#071a2e,#0d3a5a)}
.fry-cabs{gap:18px}