/* ══════════════════════════════════════════════════════════════════════
   飞机 Crash(BUILD 90)—— 夜空 canvas 曲线 + 金色小飞机 + 大结算卡;复用刮刮乐 / 企鹅的按钮、注额、赔付卡样式
   ══════════════════════════════════════════════════════════════════════ */
#app #crashview{display:flex;flex-direction:column;min-height:0}
#app .crwrap{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 12px calc(16px + var(--safeb));
  background:var(--grain),radial-gradient(120% 70% at 50% -5%,rgba(212,175,55,.18),transparent 60%),radial-gradient(90% 90% at 50% 45%,#231f28 0%,#151218 55%,#09080c 100%);background-blend-mode:soft-light,normal,normal}
#app .crwrap>*{position:relative;z-index:1;flex:0 0 auto}
#app .crcard .thumb{transform:none;border-radius:10px}

/* 场景 */
#app .crscene{position:relative;width:min(96vw,420px);height:250px;border-radius:18px;overflow:hidden;border:1px solid rgba(212,175,55,.45);background:#0b1730;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(0,0,0,.5),0 14px 30px rgba(0,0,0,.55)}
#app .crscene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#app .crplane{position:absolute;left:0;top:0;width:78px;height:46px;margin:-30px 0 0 -30px;pointer-events:none;will-change:transform;filter:drop-shadow(0 6px 6px rgba(0,0,0,.55))}
#app .crplane svg{width:100%;height:100%;display:block}
#app .crplane .prop{transform-origin:112px 40px;animation:crprop .12s linear infinite}
@keyframes crprop{from{transform:rotate(0)}to{transform:rotate(180deg)}}
#app .crmult{position:absolute;left:0;right:0;top:7%;text-align:center;font-family:var(--num);font-weight:700;font-size:52px;letter-spacing:.02em;color:#fff;pointer-events:none;
  text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 26px rgba(212,175,55,.35);font-variant-numeric:tabular-nums}
#app .crmult.cashed{color:#8ff0b4}
#app .crmult.flew{color:#ff8a94}
#app .crmult.idle{color:rgba(255,255,255,.45);text-shadow:0 2px 0 rgba(0,0,0,.6)}
#app .crstate{position:absolute;left:0;right:0;top:calc(7% + 60px);text-align:center;font-family:var(--toon2);font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.55);pointer-events:none}
/* BUILD 100 全服一架:池子 / 倒数条 / 最近几架 / 谁跳伞了 */
#app .crpool{position:absolute;left:10px;bottom:10px;font-family:var(--num);font-size:10.5px;letter-spacing:.04em;color:rgba(255,255,255,.5);pointer-events:none}
#app .crbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.08);pointer-events:none}
#app .crbar i{position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);background:var(--accgradh);transition:width .2s linear}
#app .crhist{width:min(96vw,420px);display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;font-family:var(--display);padding:2px 0}
#app .crhist::-webkit-scrollbar{display:none}
#app .crhist i{flex:0 0 auto;font-style:normal;font-size:10px;letter-spacing:.1em;color:var(--dim);margin-right:2px}
#app .crhist b{flex:0 0 auto;padding:3px 7px;border-radius:99px;font-family:var(--num);font-size:10.5px;color:#06121a;background:#9aa3bd}
#app .crhist b.lo,#app .crfeed b.lo{background:#ff6b8a}#app .crhist b.mid,#app .crfeed b.mid{background:#c9d0e6}#app .crhist b.hi,#app .crfeed b.hi{background:#3ef2e0}#app .crhist b.top,#app .crfeed b.top{background:var(--moneygrad)}
#app .crfeed{width:min(96vw,420px);display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-family:var(--display)}
#app .crfeed>i{flex:1 0 100%;font-style:normal;font-size:10px;letter-spacing:.1em;color:var(--dim)}
#app .crfeed span{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 6px;border-radius:99px;border:1px solid var(--line2);background:rgba(255,255,255,.04);font-size:10.5px}
#app .crfeed span em{font-style:normal;color:var(--muted)}
#app .crfeed span b{padding:1px 6px;border-radius:99px;font-family:var(--num);font-size:10px;color:#06121a}
#app .crfeed span small{font-family:var(--num);color:var(--win)}
#app .crfeed span.none{color:var(--dim);border-style:dashed}
/* 自动收钱一排 */
#app .crauto{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:400px}
#app #crAuto{display:grid;grid-template-columns:auto repeat(6,1fr);gap:5px}
#app #crAuto .apre{min-width:0;padding:8px 2px}
#app .crauto .lbl{font-family:var(--toon2);font-size:12px;color:var(--muted);letter-spacing:.06em;margin-right:2px}
#app .crauto .apre{min-width:44px;padding:7px 8px;border-radius:99px;border:1px solid rgba(212,175,55,.3);background:rgba(0,0,0,.3);color:var(--muted);font-family:var(--num);font-weight:700;font-size:12.5px}
#app .crauto .apre.on{background:var(--goldgrad);color:#2a1d05;border-color:#2a1d05;box-shadow:0 0 0 1px rgba(90,60,10,.6),0 4px 10px rgba(212,175,55,.3)}
#app .crauto .apre:disabled{opacity:.45}
#app .scbtn.wide2{flex:1 1 100%}
/* 玩法说明 */
#app .crpt .crrows{list-style:none;margin:0;padding:8px 12px 10px;display:flex;flex-direction:column;gap:6px;font-family:var(--toon2);font-size:11.5px;color:var(--muted);line-height:1.45}
#app .crpt .crrows li{padding-left:14px;position:relative}
#app .crpt .crrows li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* ── 大结算卡(企鹅 / 飞机共用):赢了多少倍、赢了多少钱一眼看清 ── */
#app .resbig{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;
  min-width:210px;max-width:92%;padding:12px 20px 12px;border-radius:18px;text-align:center;
  background:linear-gradient(180deg,#1b1720,#0e0c12);border:2px solid rgba(212,175,55,.6);box-shadow:0 0 0 4px rgba(0,0,0,.5),0 0 40px rgba(212,175,55,.25),0 18px 40px rgba(0,0,0,.7);
  transition:transform .4s cubic-bezier(.2,1.4,.3,1),opacity .2s}
#app .resbig.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
#app .resbig.on.late{transition-delay:1.3s}
#app .resbig i{display:block;font-style:normal;font-family:var(--toon);font-size:clamp(22px,7vw,32px);letter-spacing:.04em;color:#fffbea;text-shadow:0 2px 0 #3a2a05,0 0 18px rgba(212,175,55,.5)}
#app .resbig b{display:block;font-family:var(--num);font-weight:700;font-size:clamp(40px,13vw,56px);line-height:1.05;letter-spacing:.01em;margin:2px 0 0;font-variant-numeric:tabular-nums;
  background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.6))}
#app .resbig em{display:inline-block;font-style:normal;margin-top:4px;padding:3px 12px;border-radius:99px;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.14em;background:var(--goldgrad);color:#2a1d05}
#app .resbig span{display:block;margin-top:7px;font-family:var(--toon2);font-size:11.5px;color:var(--muted);letter-spacing:.03em}
#app .resbig.lose{border-color:rgba(226,85,106,.7);box-shadow:0 0 0 4px rgba(0,0,0,.5),0 0 40px rgba(178,30,48,.3),0 18px 40px rgba(0,0,0,.7)}
#app .resbig.lose i{color:#ffd6db;text-shadow:0 2px 0 #5c0c16,0 0 18px rgba(226,85,106,.5)}
#app .resbig.lose b{background:linear-gradient(180deg,#ffb3bd,#e2556a 60%,#b21e30);-webkit-background-clip:text;background-clip:text}
#app .resbig.lose em{background:linear-gradient(180deg,#e2556a,#8f1620);color:#fff}
#app .resbig.push em{background:linear-gradient(180deg,#fffbea,#cdbd8c);color:#2a1d05}
#app .resbig.push b{background:linear-gradient(180deg,#fffbea,#cdbd8c);-webkit-background-clip:text;background-clip:text}
@media(max-height:700px){#app .crscene{height:220px}#app .crwrap{gap:7px}}