/* BUILD 184:戳戳乐体验(老板:「小奖可以赢多,但是要平衡」「让玩家游戏体验可以更加好」)
   ① 板子一屏看完:屏幕不够高时奖品栏缩成一条(.tkstage.compact)、格子高度由 plinko 式的 fitBoard() 写进 --tkch
   ② 「每格 1 / 5 / 10 + 随机戳一格」并进吸底条 .tkbar(像弹珠台 182),上一格的结果闪在钮上(结果行拿掉了,不盖格子)
   ③ 中奖反馈分级:×2 / ×3 金光(.w-lo)· ×5 / ×10 奖品跳出来 + 金圈(.w-mid)· ×20 金币(178 就有)· ×50 以上全屏撒金 + 大字(.tkcele)
   ④ 这板的战绩一条(.tktally)· ⑤ 连点排队(.tkcell.queued) */

/* ① 格子高度跟着屏幕走;奖品栏缩成一条 */
#app .tkcell{height:var(--tkch,auto)}
#app .tkstage.compact .tkposter{padding:5px 10px 4px;background:linear-gradient(180deg,#f8e6bb 0%,#ecd094 100%);border:1px solid #b8862f;border-radius:9px;box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 #fff6d8;filter:none}
#app .tkstage.compact .tkposter .tkpt-t{display:none}
#app .tkstage.compact .tkpz{display:flex;justify-content:space-between;align-items:flex-end;gap:2px}
#app .tkstage.compact .tkpi{flex:1 1 0;grid-column:auto;grid-row:auto}
#app .tkstage.compact .tkpi img,#app .tkstage.compact .tkpi[data-id="ingot"] img,#app .tkstage.compact .tkpi[data-id="bag"] img{height:20px}
#app .tkstage.compact .tkpi.jp img{height:26px}
#app .tkstage.compact .tkpi b,#app .tkstage.compact .tkpi[data-id="ingot"] b,#app .tkstage.compact .tkpi[data-id="bag"] b{font-size:8.5px;margin-top:0;white-space:nowrap;letter-spacing:0}
#app .tkstage.compact .tkpi.jp b{font-size:10px}
#app .tkstage.compact .tkmeta{min-height:26px;gap:6px}
#app .tkstage.compact .tkno{padding:3px 8px;font-size:11px}
#app .tkstage.compact .tknew{padding:4px 10px;font-size:11px}
#app .tkstage.compact{gap:5px}
#app .tkstage.compact .tkgrid{gap:3px 4px}
#app .tkstage.compact .tkboard{padding:4% 4.6% 4.4%}
#app .tkstage.compact .tkcell .tkm{font-size:11px}
#app .tkstage.compact .tkcell .tkn{font-size:10px;padding:1px 3px 0}

/* ④ 这板的战绩 */
#app .tkcount{flex:0 0 auto}
#app .tktally{flex:1 1 auto;min-width:0;font-family:var(--toon2);font-size:11.5px;letter-spacing:.02em;color:#ffe3a0;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .tktally.hide{display:none}

/* ② 吸底条:三张小价钱牌 + 随机戳一格 */
#app .tkwrap .tkbar{position:sticky;bottom:calc(6px + var(--safeb));z-index:6;display:flex;align-items:center;gap:8px;width:100%;max-width:440px}
#app .tkwrap .tkbar .tkprice{display:flex;flex:1 1 auto;min-width:0;gap:5px;width:auto;max-width:none;padding:0}
#app .tkwrap .tkbar .tkpb{flex:1 1 0;min-width:0;min-height:48px;padding:9px 2px 6px;border-radius:7px 7px 12px 12px}
#app .tkwrap .tkbar .tkpb::before{top:3px;width:5px;height:5px;margin-left:-2.5px}
#app .tkwrap .tkbar .tkpb i{font-size:8.5px;letter-spacing:.06em;margin-top:3px}
#app .tkwrap .tkbar .tkpb b{font-size:19px}
#app .tkwrap .tkbar .tkpb s{left:5px;right:5px;bottom:3px}
#app .tkwrap .tkbar .tkpb.on::after{width:16px;height:16px;font-size:10px;line-height:16px;top:-6px;right:-5px}
#app .tkwrap .tkbar .scbtn.tkgo{flex:0 0 150px;width:150px;min-height:52px;font-size:15px;padding:6px 8px}
#app .tkwrap .tkbar .scbtn.tkgo small{display:block;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
#app .tkwrap .tkbar .scbtn.tkgo small.win{color:#b6ffd0;font-weight:800}
#app .tkwrap .tkbar .scbtn.tkgo small.lose{color:#ffc9cf}
#app .tkwrap .tkbar .scbtn.tkgo small.push{color:#fff3dc}
@media (max-width:360px){#app .tkwrap .tkbar{gap:5px}#app .tkwrap .tkbar .scbtn.tkgo{flex-basis:128px;width:128px;font-size:13.5px}#app .tkwrap .tkbar .tkpb b{font-size:17px}#app .tkwrap .tkbar .tkpb{min-height:44px}}

/* ⑤ 排队中的格子:微微抬起、金边一闪一闪 */
#app .tkcell.queued::before{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 4px 5px rgba(40,14,0,.5)) brightness(1.08)}
#app .tkcell.queued::after{content:"";position:absolute;inset:-2px;border-radius:8px;pointer-events:none;box-shadow:0 0 0 2px rgba(255,224,138,.95),0 0 10px 2px rgba(255,200,80,.6);animation:tkqueue .9s ease-in-out infinite}
@keyframes tkqueue{0%,100%{opacity:1}50%{opacity:.35}}

/* ③ 中奖反馈分级 */
#app .tkcell.w-lo::after{content:"";position:absolute;inset:-2px;border-radius:8px;pointer-events:none;box-shadow:0 0 0 2px rgba(255,224,138,.9),0 0 14px 4px rgba(255,200,80,.75);animation:tkwlo .9s ease-out forwards}
@keyframes tkwlo{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
#app .tkcell.w-mid::after{content:"";position:absolute;inset:-4px;border-radius:10px;pointer-events:none;box-shadow:0 0 0 2px rgba(255,214,90,1),0 0 18px 6px rgba(255,190,60,.85),inset 0 0 14px rgba(255,220,120,.55);animation:tkwmid 1.3s ease-out forwards}
@keyframes tkwmid{0%{opacity:0;transform:scale(.9)}25%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(1)}}
#app .tkcell.w-mid .tkprize{animation:tkpopmid .8s cubic-bezier(.2,1.6,.4,1)}
@keyframes tkpopmid{0%{transform:translate(-50%,-50%) scale(.4)}45%{transform:translate(-50%,-62%) scale(1.45)}100%{transform:translate(-50%,-50%) scale(1)}}
#app .tkcell.w-mid{z-index:3}

/* ③ ×50 以上:全屏撒金 + 大字 */
#app .tkcele{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(60% 50% at 50% 42%,rgba(255,196,60,.42),rgba(0,0,0,0) 70%),rgba(6,3,10,.72);animation:tkcelein .25s ease-out;cursor:pointer}
#app .tkcele.out{animation:tkceleout .3s ease-in forwards}
#app .tkcele-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 28px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(60,20,8,.96),rgba(26,9,3,.96));border:2px solid rgba(255,214,120,.85);box-shadow:0 0 0 6px rgba(255,214,120,.18),0 24px 60px rgba(0,0,0,.7),0 0 70px rgba(255,190,60,.55);animation:tkcelepop .6s cubic-bezier(.2,1.5,.4,1)}
#app .tkcele-in::before{content:"";position:absolute;inset:-70px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,220,120,.16) 0 9deg,rgba(255,220,120,0) 9deg 18deg);animation:tkrays 6s linear infinite;z-index:-1}
@keyframes tkrays{to{transform:rotate(360deg)}}
#app .tkcele-in img{height:110px;width:auto;max-width:70vw;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,210,90,.95)) drop-shadow(0 6px 8px rgba(0,0,0,.6));animation:tkcelebob 1.6s ease-in-out infinite}
@keyframes tkcelebob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
#app .tkcele-in b{font-family:var(--toon2);font-size:24px;letter-spacing:.04em;color:#ffe9a8;text-shadow:0 2px 0 rgba(0,0,0,.7),0 0 18px rgba(255,200,60,.9);text-align:center}
#app .tkcele-in em{font-style:normal;font-family:var(--num);font-weight:800;font-size:30px;color:#b6ffd0;text-shadow:0 2px 0 rgba(0,0,0,.75),0 0 14px rgba(60,255,150,.6)}
#app .tkcele-in i{font-style:normal;margin-top:4px;font-size:11px;letter-spacing:.08em;color:rgba(255,236,190,.7)}
#app .tkcele.jp .tkcele-in{border-color:#fff0b0;box-shadow:0 0 0 8px rgba(255,214,120,.25),0 24px 60px rgba(0,0,0,.7),0 0 110px rgba(255,200,60,.8)}
#app .tkcele.jp .tkcele-in b{font-size:28px;color:#fff3c0}
@keyframes tkcelein{from{opacity:0}to{opacity:1}}
@keyframes tkceleout{to{opacity:0}}
@keyframes tkcelepop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}
#tikamview{position:relative}

@media (prefers-reduced-motion:reduce){
  #app .tkcell.queued::after,#app .tkcell.w-lo::after,#app .tkcell.w-mid::after,#app .tkcell.w-mid .tkprize,#app .tkcele-in,#app .tkcele-in::before,#app .tkcele-in img{animation:none}
}

/* ── 飞机(BUILD 184 老板:「飞机还原红色那个」「你那个新的飞机不搭」):整套回到 174 之前的样子 —— 红色螺旋桨小飞机(crash.js planeSVG)+ 红曲线 + 黑底放射光(画布画的),
   174 的夜空云海背景(cr-sky.webp)也不用了;等待条 / 螺旋桨的光回红色 ── */
#app .avscene{background:#000}
#app .avscene::before{display:none}
#app .avplane{filter:drop-shadow(0 4px 8px rgba(227,22,47,.35))}
#app .avwait u{background:linear-gradient(90deg,#e3162f,#ff6b7a)}
#app .avwait .avprop{filter:drop-shadow(0 0 10px rgba(227,22,47,.45))}