/* ══════════════════════════════════════════════════════════════════════
   BUILD 134 · 三款魔幻 3D 游戏:魔幻打怪 · 全服屠龙 · 阵营大乱斗
   整个台面是一张 3D 画布(ac3d/ac3d.js),上面叠一层 HTML:顶栏、名牌 / 倍数标签、操作栏。
   横屏外壳(竖拿手机时整体转 90°)沿用 landscape.css 的 .lswrap。
   ══════════════════════════════════════════════════════════════════════ */
#app .acwrap{position:absolute;inset:0;overflow:hidden;background:#0b0816;color:#fff;
  --acgold:#ffd166;--acline:rgba(255,226,160,.34);--acpanel:rgba(12,8,22,.82);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
#app .ac3host{position:absolute;inset:0;touch-action:none;cursor:crosshair}
#app .ac3host .ac3dcanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#app .acov{position:absolute;inset:0;pointer-events:none;overflow:hidden;contain:strict}
#app .acvig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 60%,rgba(6,3,14,.55))}
#app .acload{position:absolute;inset:0;display:none;place-items:center;background:radial-gradient(60% 60% at 50% 50%,#2a1a4a,#0b0816);
  font:800 14px/1.4 var(--toon,sans-serif);letter-spacing:.14em;color:var(--acgold);z-index:5}
#app .acload.on{display:grid}
#app .acload.on::before{content:"";position:absolute;width:46px;height:46px;margin-top:-70px;border-radius:50%;border:3px solid rgba(255,209,102,.2);border-top-color:var(--acgold);animation:acspin 1s linear infinite}
@keyframes acspin{to{transform:rotate(360deg)}}
/* 顶栏:浮在画面上 */
#app .actop{position:absolute;left:8px;right:8px;top:6px;z-index:3}
#app .actop .lstb,#app .actop .lsbal2{background:var(--acpanel);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#app .actop .lsname{text-shadow:0 1px 3px #000}
#app .acpill{flex:0 1 auto;min-width:0;height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:99px;background:var(--acpanel);
  border:1px solid rgba(255,255,255,.14);font:700 11px/1 var(--display,sans-serif);color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .acpill b{font-family:var(--num);color:var(--acgold)}

/* BUILD 141:魔幻打怪下架,它的样式删掉了(星际机枪的在 games141.css);下面这个进场动画大家都在用 */
@keyframes acin{from{opacity:0;transform:translateX(-16px)}}


/* ── 阵营大乱斗 ── */
#app .bwhost{right:min(30%,290px);bottom:62px;top:70px}
#app .bwhist{flex:1 1 auto;min-width:0;display:flex;gap:4px;overflow:hidden;align-items:center}
#app .bwhist b{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:var(--hc);box-shadow:0 0 6px var(--hc);font:900 8px/14px sans-serif;text-align:center;color:#fff}
#app .bwhist b:first-child{box-shadow:0 0 0 2px #ffd166,0 0 8px var(--hc)}
#app .bwticker{position:absolute;left:8px;right:calc(min(30%,290px) + 8px);top:40px;z-index:2;height:28px;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;
  background:linear-gradient(90deg,rgba(160,40,10,.9),rgba(40,10,6,.72));border:1.5px solid #ffb030;font:800 12px/1 var(--display,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
#app .bwticker em{font-style:normal;padding:3px 7px;border-radius:5px;background:#ffb030;color:#2a1200;font-size:10px}
#app .bwticker.flash{animation:bwflash .6s ease-out}
@keyframes bwflash{0%{filter:brightness(2)}100%{filter:none}}
#app .bwfl{position:absolute;left:0;top:0;will-change:transform;font:900 12px/1 var(--display,sans-serif);padding:4px 10px;border-radius:8px;background:var(--c);color:#fff;text-shadow:0 1px 2px #000;box-shadow:0 0 10px var(--c);white-space:nowrap}
#app .bwfl small{font:700 10px/1 var(--display,sans-serif);margin-left:5px;opacity:.92}
#app .bwfl.dead{filter:grayscale(1);opacity:.6}
#app .bwodds{position:absolute;right:8px;top:40px;bottom:66px;width:min(30%,282px);z-index:2;border-radius:14px;background:rgba(10,6,20,.88);border:1px solid var(--acline);padding:8px;display:flex;flex-direction:column;gap:5px;overflow:auto}
#app .bwodds h4{font:800 12px/1 var(--display,sans-serif);color:#ffe2a0;display:flex;justify-content:space-between;align-items:center;margin:0 0 2px}
#app .bwodds h4 i{font-style:normal;font:700 9.5px/1 var(--display,sans-serif);color:#ff8a5a}
#app .bwrow{all:unset;cursor:pointer;display:grid;grid-template-columns:12px 1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-items:center;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.05);border:1.5px solid transparent;position:relative;transition:background .15s,border-color .15s}
#app .bwrow:not(:disabled):active{transform:scale(.98)}
#app .bwrow:not(:disabled):hover{background:rgba(255,255,255,.09)}
#app .bwrow .dot{width:11px;height:11px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
#app .bwrow b{font:800 13px/1.15 var(--display,sans-serif);color:#fff}
#app .bwrow b small{display:block;font:600 9.5px/1.2 var(--display,sans-serif);color:rgba(255,255,255,.6)}
#app .bwrow em{font-style:normal;font:900 19px/1 var(--num,sans-serif);color:var(--acgold);text-align:right}
#app .bwrow em small{font:700 10px/1 var(--display,sans-serif);color:rgba(255,255,255,.45)}
#app .bwrow s{grid-column:3;grid-row:2;text-decoration:none;font:800 9.5px/1 var(--num,sans-serif);text-align:right}
#app .bwrow s.up{color:#5ff5a1}#app .bwrow s.dn{color:#ff7a8a}
#app .bwrow .my{grid-column:1 / 4;font:700 9.5px/1.35 var(--display,sans-serif);color:#ffd84f}
#app .bwrow .pend{position:absolute;right:8px;top:-7px;font:900 10px/1 var(--num,sans-serif);padding:3px 6px;border-radius:99px;background:#ffd84f;color:#2a1400}
#app .bwrow.mine{border-color:#ffd84f;box-shadow:0 0 12px rgba(255,216,79,.3)}
#app .bwrow.staged{border-color:rgba(255,216,79,.6);border-style:dashed}
#app .bwrow.won{background:linear-gradient(90deg,rgba(255,209,102,.25),rgba(255,209,102,.05));border-color:#ffd166}
#app .bwrow.won em{color:#5ff5a1}
#app .bwrow.dead{opacity:.45}
#app .bwrow:disabled{cursor:default}
#app .bwrail{position:absolute;left:8px;right:8px;bottom:6px;z-index:3}
#app .bwrail .lsrail{background:linear-gradient(180deg,rgba(20,26,43,.94),rgba(10,14,26,.94))}
#app .bwres{position:absolute;left:calc((100% - min(30%,290px)) / 2);top:46%;transform:translate(-50%,-50%);z-index:4;width:auto;min-width:220px}

/* 大厅门 / 列表卡上的 3D 预渲染图 */
#app .cart .ac3door,#app .thumb .ac3door{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 6px 16px rgba(0,0,0,.45)}
#app .cat.ac3d .cart{border-radius:12px;overflow:hidden}

/* ── BUILD 137 · 阵营大乱斗:三个盘口 / 热度 / 走势 / 若赢拿回 / 战报 / 回放 / 提示 ── */
#app .bwheat{display:flex;height:6px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);flex:0 0 auto}
#app .bwheat i{display:block;background:var(--c);box-shadow:0 0 6px var(--c)}
#app .bwheat.off{opacity:.4}
#app .bwtabs{display:flex;gap:4px;flex:0 0 auto}
#app .bwtabs button{all:unset;cursor:pointer;flex:1 1 0;text-align:center;padding:5px 2px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font:800 10.5px/1 var(--display,sans-serif);color:rgba(255,255,255,.72);white-space:nowrap}
#app .bwtabs button.on{background:linear-gradient(180deg,#ffd166,#e0a030);color:#2a1400;border-color:#ffe08a}
#app .bwtabs button.shut{opacity:.45}
#app .bwsub{margin:0;font:700 9.5px/1.3 var(--display,sans-serif);color:rgba(255,255,255,.55)}
#app .bwrows{display:flex;flex-direction:column;gap:5px}
#app .bwrow b small.tr{color:#ffcf8a;opacity:.85;font-size:9px}
#app .bwrow.ev,#app .bwrow.fe{grid-template-columns:12px 1fr auto}
#app .bwrow.ev b{grid-column:1 / 3}
#app .bwrow .spk{grid-column:2;grid-row:2;width:40px;height:16px;justify-self:end;overflow:visible}
#app .bwrow .spk polyline{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#app .bwrow .spk.up polyline{stroke:#5ff5a1}#app .bwrow .spk.dn polyline{stroke:#ff7a8a}
#app .bwfl u{display:block;margin-top:3px;text-decoration:none;font:900 10.5px/1 var(--num,sans-serif);color:#2a1400;background:linear-gradient(180deg,#ffe07a,#ffc030);padding:3px 6px;border-radius:6px;text-shadow:none;box-shadow:0 0 10px rgba(255,200,60,.6)}
#app .bwfl.bet{box-shadow:0 0 0 2px #ffd84f,0 0 14px var(--c)}
#app .bwcue{position:absolute;transform:translate(-50%,0);pointer-events:none;font:900 16px/1 var(--toon,sans-serif);letter-spacing:.08em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 12px var(--c);animation:bwcue 1.4s ease-out forwards;white-space:nowrap}
#app .bwcue.dodge{color:#b8ffcc}#app .bwcue.cleave{color:#ffb0a0;font-size:19px}#app .bwcue.revive{color:#d8b8ff}#app .bwcue.shield{color:#ffe08a}
@keyframes bwcue{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%,0) scale(1.15)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-26px) scale(1)}}
#app .bwbanner{position:absolute;left:calc((100% - min(30%,290px)) / 2);top:34%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;opacity:0;text-align:center;white-space:nowrap}
#app .bwbanner b{display:block;font:900 30px/1.1 var(--toon,sans-serif);letter-spacing:.14em;color:#fff;padding:8px 30px;background:linear-gradient(90deg,transparent,rgba(10,4,14,.86) 18%,rgba(10,4,14,.86) 82%,transparent);text-shadow:0 0 16px var(--c),0 3px 0 rgba(0,0,0,.6)}
#app .bwbanner.on{animation:bwban 1.9s ease-out forwards}
#app .bwbanner.duel b{font-size:46px;color:#ffe08a;padding:4px 40px}
#app .bwbanner.duel.on{animation:bwduel .68s ease-out forwards}
#app .bwbanner.wipe b{color:#e8e8f0;filter:saturate(.6)}
#app .bwbanner.hold b{color:#ffe08a}
@keyframes bwban{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
@keyframes bwduel{0%{opacity:0;transform:translate(-50%,-50%) scale(2)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.9)}}
#app .bwrecap{position:absolute;left:calc((100% - min(30%,290px)) / 2);top:52%;transform:translate(-50%,-50%);z-index:6;display:none;width:min(62%,430px);max-height:72%;overflow:auto;padding:12px 14px;border-radius:14px;background:rgba(10,6,20,.94);border:1px solid var(--acline);box-shadow:0 12px 34px rgba(0,0,0,.6)}
#app .bwrecap.on{display:block;animation:acin .25s ease-out}
#app .bwrecap h5{margin:0 0 6px;font:900 14px/1 var(--display,sans-serif);color:#ffe2a0;letter-spacing:.06em}
#app .bwrecap ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
#app .bwrecap li{font:700 11.5px/1.35 var(--display,sans-serif);color:rgba(255,255,255,.88)}
#app .bwrecap li span{display:inline-block;min-width:62px;color:#ffcf8a;font-weight:900}
#app .bwrecap .rcwin{margin:8px 0 0;font:900 15px/1.2 var(--display,sans-serif);color:var(--c)}
#app .bwrecap .rcwin small{display:block;font:700 10.5px/1.3 var(--display,sans-serif);color:rgba(255,255,255,.65);margin-top:3px}
#app .bwrecap .rcbtn{display:flex;gap:8px;margin-top:10px}
#app .bwrecap .rcbtn .btn{flex:1 1 0;padding:8px 6px;font-size:12px}
#app .bwhist b{cursor:pointer}
#app .bwticker .bwrpx{all:unset;cursor:pointer;margin-left:auto;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.14);font:800 10px/1 var(--display,sans-serif)}
#app .bwwrap.replaying .bwticker{background:linear-gradient(90deg,rgba(30,60,130,.92),rgba(12,20,50,.8));border-color:#7ab8ff}
#app .bwwrap.replaying .bwodds{opacity:.55}
@media (prefers-reduced-motion:reduce){#app .bwbanner.on,#app .bwcue{animation-duration:.01s}}

/* ── BUILD 138 · 西游跑灯:左边 3D 灯阵,右边押注板(4 个角色 × 红绿黄 + 庄闲和),顶栏路单 ── */
#app .xywrap{--xyw:min(35%,322px);--xyline:rgba(240,196,90,.38);--xyink:#ffe6a8}
#app .xyhost{right:calc(var(--xyw) + 8px);top:64px;bottom:62px}
#app .xytick{right:calc(var(--xyw) + 16px);background:linear-gradient(90deg,rgba(120,30,20,.92),rgba(40,16,50,.72));border-color:#f0b84a}
#app .xytick em{background:#f0c040}
#app .xyres,#app .xyban{left:calc((100% - var(--xyw) - 8px) / 2)}
#app .xyres{top:56%;min-width:200px}
#app .xyres i{font-size:clamp(16px,4.4vw,21px);white-space:nowrap}
#app .xyres b{font-size:clamp(34px,10vw,46px)}
#app .xyrd{cursor:pointer;font-family:var(--num,sans-serif)}
#app .xyrd:active{transform:scale(.96)}
/* 顶栏路单:最近 14 局,头像 + 这一盏的颜色圈 + 庄闲和小角标 */
#app .xyroad{flex:1 1 auto;min-width:0;display:flex;gap:4px;overflow:hidden;align-items:center;justify-content:flex-start;padding:0 2px}
#app .xyroad b{flex:0 0 auto;position:relative;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#1c1640;box-shadow:0 0 0 2px var(--hc),0 0 7px var(--hc);
  font:900 10.5px/1 var(--display,sans-serif);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6)}
#app .xyroad b:first-child{box-shadow:0 0 0 2px var(--hc),0 0 0 3.5px #fff3c0,0 0 10px var(--hc)}
#app .xyroad b.sp{background:var(--hc)}
#app .xyroad b .xyf{width:100%;height:100%;box-shadow:none}
#app .xyroad b.x2::after{content:"×2";position:absolute;left:-5px;top:-6px;font:900 7px/1 var(--num,sans-serif);padding:1px 2px;border-radius:4px;background:#e8342a;color:#fff}
#app .xyroad b i{position:absolute;right:-4px;bottom:-4px;width:11px;height:11px;border-radius:50%;font:900 7px/11px var(--display,sans-serif);font-style:normal;text-align:center;color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
#app .xyroad b i.b0{background:#d8322a}#app .xyroad b i.b1{background:#2a6ae0}#app .xyroad b i.b2{background:#1a9a58}
/* 头像(3D 头像预渲染成一张图) */
#app .xyf{display:block;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#2a2150 url(xy-faces.webp?v=139) 0 8%/400% 118% no-repeat;box-shadow:0 0 0 1.5px rgba(255,230,168,.7)}
#app .xyf.f1{background-position-x:33.333%}#app .xyf.f2{background-position-x:66.667%}#app .xyf.f3{background-position-x:100%}
/* 右边押注板 */
#app .xyboard{position:absolute;right:8px;top:40px;bottom:124px;width:var(--xyw);z-index:2;box-sizing:border-box;border-radius:14px;padding:7px 8px 8px;display:flex;flex-direction:column;gap:4px;overflow:auto;
  background:linear-gradient(180deg,rgba(26,19,62,.94),rgba(12,9,32,.94));border:1px solid var(--xyline);box-shadow:0 10px 26px rgba(0,0,0,.45)}
#app .xyboard h4{margin:0 0 1px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:900 12.5px/1.1 var(--display,sans-serif);color:var(--xyink);letter-spacing:.04em}
#app .xyboard h4 i{font-style:normal;font:700 9px/1.2 var(--display,sans-serif);color:rgba(255,230,168,.58);text-align:right;letter-spacing:0}
#app .xyhd,#app .xyr{display:grid;grid-template-columns:minmax(38px,.82fr) repeat(3,minmax(0,1fr));gap:4px}
#app .xyhd span{font:900 10px/1 var(--display,sans-serif);text-align:center;letter-spacing:.12em}
#app .xyhd{margin-bottom:2px}
#app .xyr{flex:1 1 0;min-height:36px}
#app .xyc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}
#app .xyc i{font-style:normal;font:800 10px/1 var(--display,sans-serif);color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#app .xyb{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border-radius:9px;padding:3px 2px;
  background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);transition:transform .1s,border-color .15s,box-shadow .15s}
#app .xyb::before{content:"";position:absolute;inset:0;border-radius:8px;background:radial-gradient(100% 110% at 50% 0%,var(--c),transparent 78%);opacity:.34;pointer-events:none}
#app .xyb b{position:relative;font:900 14.5px/1 var(--num,sans-serif);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65);white-space:nowrap}
#app .xyb b small{font-size:9.5px;opacity:.75;margin-right:1px}
#app .xyb > small{position:relative;font:700 9px/1 var(--display,sans-serif);color:rgba(255,255,255,.62);white-space:nowrap}
#app .xyb:not(:disabled):hover{border-color:rgba(255,255,255,.34)}
#app .xyb:not(:disabled):active,#app .xyp:not(:disabled):active{transform:scale(.95)}
#app .xyb:disabled,#app .xyp:disabled{cursor:default}
#app .xyb:focus-visible,#app .xyp:focus-visible,#app .xyrd:focus-visible{outline:2px solid #fff3c0;outline-offset:1px}
#app .xywrap[data-phase="spin"] .xyb:not(.mine):not(.won),#app .xywrap[data-phase="result"] .xyb:not(.mine):not(.won){opacity:.62}
#app .xyb.mine{border-color:#ffd84f;box-shadow:0 0 10px rgba(255,216,79,.35)}
#app .xyb.staged{border-color:rgba(255,216,79,.8);border-style:dashed}
#app .xyb.won{border-color:#fff3c0;box-shadow:0 0 0 1px #ffd84f,0 0 16px var(--c);animation:xywon .8s ease-in-out infinite alternate}
#app .xyb.won::before{opacity:.8}
@keyframes xywon{to{box-shadow:0 0 0 1px #ffd84f,0 0 28px var(--c)}}
#app .xyb .pend,#app .xyp .pend{position:absolute;right:-4px;top:-7px;z-index:1;font:900 9.5px/1 var(--num,sans-serif);padding:2px 5px;border-radius:99px;background:#ffd84f;color:#2a1400;box-shadow:0 1px 4px rgba(0,0,0,.5)}
#app .xyb .my,#app .xyp .my{position:absolute;left:-4px;top:-6px;z-index:1;font:900 9px/1 var(--num,sans-serif);padding:2px 5px;border-radius:99px;background:#1a1236;color:#ffd84f;border:1px solid #ffd84f}
#app .xyb .x2{position:absolute;right:-5px;bottom:-6px;z-index:1;font:900 9.5px/1 var(--num,sans-serif);padding:2px 5px;border-radius:99px;background:linear-gradient(180deg,#ff6a4a,#c8201a);color:#fff;box-shadow:0 0 8px rgba(255,90,60,.7)}
/* 庄 / 和 / 闲 */
#app .xybpt{position:absolute;right:8px;bottom:66px;width:var(--xyw);height:52px;z-index:2;box-sizing:border-box;display:grid;grid-template-columns:1fr .86fr 1fr;gap:5px}
#app .xyp{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;border:1.5px solid rgba(255,255,255,.16);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 14px rgba(0,0,0,.35);transition:transform .1s,border-color .15s,box-shadow .15s}
#app .xyp.p0{background:linear-gradient(180deg,#c8322c,#6e1216)}
#app .xyp.p1{background:linear-gradient(180deg,#2f66d8,#122a78)}
#app .xyp.p2{background:linear-gradient(180deg,#22a064,#0c4c2e)}
#app .xyp b{font:900 14px/1 var(--display,sans-serif);letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.5)}
#app .xyp em{font-style:normal;font:800 11px/1 var(--num,sans-serif);color:#ffe6a8}
#app .xyp.mine{border-color:#ffd84f;box-shadow:0 0 12px rgba(255,216,79,.4),inset 0 1px 0 rgba(255,255,255,.2)}
#app .xyp.staged{border-color:rgba(255,216,79,.85);border-style:dashed}
#app .xyp.won{border-color:#fff3c0;animation:xypw .8s ease-in-out infinite alternate}
@keyframes xypw{from{box-shadow:0 0 8px rgba(255,230,140,.4)}to{box-shadow:0 0 24px rgba(255,230,140,.9)}}
#app .xywrap[data-phase="spin"] .xyp:not(.mine):not(.won),#app .xywrap[data-phase="result"] .xyp:not(.mine):not(.won){opacity:.62}
#app .xyrail .rlrmid .dkhint{white-space:nowrap}
/* 矮屏(横屏手机 ≤ 380 高):收紧 */
@media (max-height:380px){
  #app .xyboard{padding:5px 6px 6px;gap:3px;bottom:114px}
  #app .xyboard h4 i{display:none}
  #app .xybpt{height:44px;bottom:64px}
  #app .xyr{min-height:32px}
  #app .xyb{gap:2px}
  #app .xyb b{font-size:13.5px}
  #app .xyf{width:22px;height:22px}
}
@media (prefers-reduced-motion:reduce){#app .xyb.won,#app .xyp.won{animation:none}}