/* Moonclutch Battle Room (V39 redesign). Scoped to .bt – nothing else on the site is affected.
   Near-black page, one large dark arena, compact seat-coloured player panels, muted gold for primary actions only.
   Radii: small buttons 6 px, panels 8 px, arena 12 px. Lines 1 px. Transitions 120-220 ms. All sizes scale with the Battle Room's own width (container units),
   because the sidebar and chat take a variable share of the screen. */
@font-face{font-family:'MoonInter';font-weight:500;font-display:swap;src:url(/static/fonts/Inter-Medium.woff) format('woff')}
@font-face{font-family:'MoonInter';font-weight:600;font-display:swap;src:url(/static/fonts/Inter-SemiBold.woff) format('woff')}
@font-face{font-family:'MoonInter';font-weight:700;font-display:swap;src:url(/static/fonts/Inter-Bold.woff) format('woff')}
@font-face{font-family:'MoonInter';font-weight:800;font-display:swap;src:url(/static/fonts/Inter-ExtraBold.woff) format('woff')}
.bt-root{container-type:inline-size;container-name:btroom}
.bt{--bg:#0D0F13;--p1:#12151B;--p2:#171B21;--p3:#1D2129;--p4:#242932;--ln:#232831;--ln2:#2A2F38;--tx:#F2F3F5;--mu:#949BA6;--gd:#F2B84B;--gd2:#C9A24D;--ac:#8591C8;
  --ih:clamp(86px,8.6cqw,140px);--vh:calc(var(--ih)*3.3);
  display:grid;gap:clamp(10px,1.1cqw,16px);color:var(--tx);font-family:'MoonInter',Inter,system-ui,sans-serif;font-weight:600}
.bt *{box-sizing:border-box}
.bt button{font-family:inherit;color:inherit;cursor:pointer}
.bt [hidden]{display:none!important}
.bt :focus-visible{outline:2px solid var(--ac);outline-offset:2px}
/* ---------------- top bar ---------------- */
.bt-top{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;padding-right:40px}  /* keeps the right-hand buttons clear of the global chat toggle */
.bt-l,.bt-r{display:grid;gap:10px;align-content:start}
.bt-r{justify-items:end}
.bt-back{display:inline-flex;align-items:center;gap:10px;width:max-content;height:clamp(40px,3.2cqw,48px);padding:0 16px 0 12px;border:0;border-radius:6px;background:var(--p3);color:#C5CAD3;font-size:clamp(13px,1.15cqw,16px);font-weight:700;transition:background .15s,color .15s}
.bt-back:hover{background:var(--p4);color:var(--tx)}
.bt-chips{display:flex;gap:8px;flex-wrap:wrap}
.bt-chip{display:inline-flex;align-items:center;height:clamp(34px,2.7cqw,40px);padding:0 14px;border-radius:6px;background:var(--p2);color:#C5CAD3;font-size:clamp(13px,1.1cqw,15px);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.bt-chip.gold{color:var(--tx)}
.bt-c{display:grid;justify-items:center;gap:8px;min-width:0}
.bt-fmt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;min-height:36px}
.bt-fmt>b{font-size:clamp(16px,1.35cqw,20px);font-weight:800}
.bt-tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:5px;background:#1c2029;color:#B8BEC8;font-size:clamp(11px,.95cqw,14px);font-weight:800;letter-spacing:.02em}
.bt-tag.jp{background:#1b2540;color:#5C9BFF}
.bt-tag.czy{background:#2a2036;color:#C9A6F2}
.bt-case{display:flex;align-items:center;gap:12px;min-height:56px}
.bt-case-art{width:clamp(48px,4.4cqw,72px);height:clamp(40px,3.6cqw,58px);display:grid;place-items:center}
.bt-case-art img{max-width:100%;max-height:100%;object-fit:contain}
.bt-case-fb{font-size:30px;color:var(--ac)}
.bt-case-tx{display:grid;gap:2px;text-align:left}
.bt-case-tx b{font-size:clamp(14px,1.2cqw,17px);font-weight:700;color:#C5CAD3;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-case-tx em{font-style:normal;font-size:clamp(14px,1.2cqw,17px);font-weight:700;color:var(--tx)}
.bt-ics{display:flex;gap:8px}
.bt-ic{width:clamp(36px,3cqw,44px);height:clamp(36px,3cqw,44px);display:grid;place-items:center;border:0;border-radius:6px;background:var(--p3);color:#C5CAD3;--ic2:#1D2129;transition:background .15s,color .15s}
.bt-ic:hover{background:var(--p4);color:var(--tx)}
.bt-ic.on{color:var(--gd)}
.bt-ic.lg{width:clamp(44px,3.6cqw,52px);height:clamp(44px,3.6cqw,52px);color:var(--gd);--ic2:#1D2129}
.bt-eye{display:inline-flex;align-items:center;gap:10px;height:clamp(34px,2.7cqw,40px);padding:0 14px;border-radius:6px;background:var(--p2);color:#C5CAD3;font-size:15px;font-weight:700}
.bt-eye b{font-weight:700;color:var(--tx)}
.bt-vol{width:120px;accent-color:var(--ac)}
.bt-info{padding:12px 16px;border-radius:8px;background:var(--p2);border:1px solid var(--ln);font-size:13px;line-height:1.55;color:#C5CAD3}
.bt-info p{margin:0}.bt-info p+p{margin-top:6px}.bt-mu{color:var(--mu)}
/* ---------------- arena ---------------- */
.bt-stage{position:relative;background:var(--p1);border:1px solid var(--ln);border-radius:12px;overflow:hidden;min-height:calc(var(--vh) + 44px)}
.bt-arena{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(8px,1cqw,14px);padding:clamp(14px,1.6cqw,22px) clamp(8px,1cqw,14px);transition:opacity .35s}
.bt-stage.done .bt-arena,.bt-stage.jp .bt-arena{opacity:0;visibility:hidden}
.bt-lane{min-width:0;--tc:#8591C8}
.bt-view{position:relative;height:var(--vh);overflow:hidden;border-radius:8px;background:#0F1217;border:1px solid var(--ln)}
.bt-view::before,.bt-view::after{content:"";position:absolute;left:0;right:0;height:24%;z-index:2;pointer-events:none}
.bt-view::before{top:0;background:linear-gradient(#0f1217,#0f121700)}
.bt-view::after{bottom:0;background:linear-gradient(#0f121700,#0f1217)}
.bt-track{display:block}
.bt-item{height:var(--ih);width:100%}
.bt-item .ms-art{width:100%;height:calc(var(--ih)*.46)}
.ms-done .bt-item .ms-art{transform:translateY(-14%)}.ms-done .bt-item.win .ms-art{transform:translateY(-16%) scale(1.06)}
.bt-item .ms-art .item-art{height:100%}.bt-item .ms-art .item-img{max-height:calc(var(--ih)*.5)}.bt-item .ms-art .item-art-fallback{font-size:30px;color:var(--rc)}
.bt-item .ms-cap{bottom:6px;gap:0;left:3px;right:3px}
.bt-item small{display:none;font-size:10px;color:var(--mu);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:12px;font-weight:600}
.bt-item b{font-size:clamp(11px,.95cqw,14px);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-item em{font-style:normal;font-size:clamp(11px,.95cqw,14px);font-weight:700;color:var(--gd2)}
.bt-item.ms-gem .ms-art{transform:none;height:calc(var(--ih)*.56);width:60%}
.bt-ln{position:absolute;left:0;right:0;top:50%;height:0;border-top:1px dashed #F2B84B55;z-index:3;pointer-events:none}
.bt-mk{position:absolute;top:50%;width:0;height:0;margin-top:-7px;z-index:4;border:7px solid transparent}
.bt-mk.l{left:0;border-left:10px solid var(--gd);border-right:0}.bt-mk.r{right:0;border-right:10px solid var(--gd);border-left:0}
.bt-empty{position:absolute;inset:0;display:grid;place-items:center;z-index:5;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--mu);background:#0f1217cc}
/* waiting / countdown */
.bt-ov{position:absolute;inset:0;z-index:6;background:var(--p1);display:grid;overflow:hidden}
.bt-ghost{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);place-items:center;pointer-events:none}
.bt-ghost img{width:48%;max-height:70%;object-fit:contain;opacity:.09;filter:blur(2.5px) saturate(.7);transform:rotate(calc((var(--k) - 5) * 4deg))}
.bt-ovc{position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;padding:clamp(14px,1.8cqw,24px) 16px clamp(14px,1.6cqw,22px);text-align:center}
.bt-ot{font-size:clamp(13px,1.1cqw,16px);font-weight:800;color:var(--tx)}
.bt-big b{display:block;font-size:clamp(96px,15cqw,210px);line-height:1;font-weight:800;color:var(--gd);animation:bt-pop .95s cubic-bezier(.2,.8,.2,1) both;font-variant-numeric:tabular-nums}
.bt-big.go b{font-size:clamp(56px,8cqw,110px);letter-spacing:.05em}
.bt-big.wait b{font-size:clamp(56px,8cqw,110px);color:#C5CAD3;animation:none}
@keyframes bt-pop{0%{transform:scale(1.5);opacity:0}25%{opacity:1}100%{transform:scale(1);opacity:1}}
.bt-blk{display:grid;gap:6px;justify-items:center;font-size:clamp(12px,1cqw,15px);font-weight:700}
.bt-blk b{color:var(--gd)}.bt-blk a{color:#B8BEC8;font-weight:600;text-decoration:none}.bt-blk a:hover{color:var(--tx)}
/* jackpot */
.bt-jp{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:clamp(14px,2cqw,28px);background:var(--p1)}
.bt-jp-in{width:100%;display:grid;gap:clamp(18px,2.4cqw,34px);justify-items:center}
.bt-jp-tot{display:inline-flex;align-items:center;gap:12px;padding:clamp(8px,.9cqw,12px) clamp(16px,1.8cqw,26px);border:1px solid #C9A24D88;border-radius:4px;background:#13161c;font-size:clamp(15px,1.7cqw,24px);font-weight:800;color:#C5CAD3;letter-spacing:.01em}
.bt-jp-tot b{color:var(--tx)}
.bt-jp-ph{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--mu);padding:3px 8px;border:1px solid var(--ln2);border-radius:5px}
.bt-jp[data-ph="go"] .bt-jp-ph,.bt-jp[data-ph="landed"] .bt-jp-ph{color:var(--gd);border-color:var(--gd2)}
.bt-jp-view{position:relative;width:min(100%,1500px);height:clamp(84px,10cqw,150px);overflow:hidden;border-radius:12px;border:3px solid #1C2027;background:#0F1217;padding:0}
.bt-jp-track{position:absolute;left:0;top:8px;bottom:8px;display:flex;will-change:transform}
.bt-seg{display:block;height:100%;flex:none;position:relative;background:var(--sc);border-radius:5px;margin:0;box-shadow:inset -1px 0 0 #0d0f1380;transition:filter .4s,opacity .4s}
.bt-seg::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M22 9a15 15 0 1 0 15 24A12 12 0 0 1 22 9z' fill='%23000'/%3E%3Cpath d='M46 40l2.200 4.800 5.200.6-3.900 3.500 1.100 5.100-4.600-2.700-4.600 2.700 1.100-5.100-3.900-3.500 5.200-.6z' fill='%23000'/%3E%3C/svg%3E");background-size:64px 64px}
.bt-jp-view.landed .bt-seg{opacity:.4}.bt-jp-view.landed .bt-seg.hit{opacity:1;filter:brightness(1.12)}
.bt-jp-mk{position:absolute;left:50%;margin-left:-9px;z-index:3;border:9px solid transparent}
.bt-jp-mk.top{top:0;border-top:12px solid #12151B;border-bottom:0}.bt-jp-mk.bot{bottom:0;border-bottom:12px solid #12151B;border-top:0}
.bt-jp-go{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .15s}
.bt-jp-go span{padding:5px 16px;border-radius:6px;background:#0b0d10e6;border:1px solid var(--gd2);color:var(--gd);font-weight:800;letter-spacing:.3em;font-size:13px}
.bt-jp[data-ph="go"] .bt-jp-go{opacity:1}
.bt-skip{display:inline-flex;align-items:center;gap:10px;height:clamp(38px,3.2cqw,48px);padding:0 clamp(16px,1.8cqw,24px);border:0;border-radius:6px;background:var(--p3);color:#C5CAD3;font-size:clamp(14px,1.2cqw,17px);font-weight:700;transition:background .15s,color .15s}
.bt-skip:hover{background:var(--p4);color:var(--tx)}
.bt-jp[data-ph="landed"] .bt-skip{visibility:hidden}
.bt-jp-res{min-height:34px;display:flex;justify-content:center;align-items:center;font-size:14px}
.bt-jp-res span{display:inline-flex;gap:8px;align-items:center;padding:7px 16px;border-radius:6px;border:1px solid var(--pc);background:color-mix(in srgb,var(--pc) 14%,var(--p2));animation:bt-res .4s ease-out both}
.bt-jp-res i{width:12px;height:12px;border-radius:3px;background:var(--pc)}
@keyframes bt-res{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
/* result banner */
.bt-end{position:absolute;inset:0;z-index:7;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:clamp(12px,1.6cqw,22px);padding:16px;background:var(--p1)}
.bt-banner{position:relative;width:100%;max-width:1560px;min-height:clamp(64px,8.4cqw,128px);padding:12px 24px;border-radius:6px;background:var(--bc);color:#14161B;display:grid;place-items:center;text-align:center;overflow:hidden}
.bt-banner::before{content:"";position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M26 10a17 17 0 1 0 17 27A13.500 13.500 0 0 1 26 10z' fill='%23000'/%3E%3Cpath d='M56 48l2.400 5.200 5.600.7-4.200 3.800 1.200 5.500-5-2.900-5 2.900 1.200-5.500-4.200-3.800 5.600-.7z' fill='%23000'/%3E%3C/svg%3E");background-size:72px 72px}
.bt-banner>*{position:relative}
.bt-banner.bt-in{animation:bt-banner .5s cubic-bezier(.2,.9,.3,1) both}
@keyframes bt-banner{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.bt-won{display:flex;gap:.45em;align-items:baseline;justify-content:center;flex-wrap:wrap;font-size:clamp(17px,2.1cqw,30px);font-weight:800;line-height:1.2}
.bt-won .w,.bt-won .c{font-weight:700}
.bt-sub{max-width:900px;text-align:center;font-size:clamp(11px,.95cqw,14px);color:var(--mu);line-height:1.5}
.bt-sub b{color:var(--gd)}
.bt-after{display:grid;justify-items:center;gap:clamp(8px,1cqw,14px)}
.bt-after-row{display:flex;gap:8px}
.bt-recreate{height:clamp(44px,3.6cqw,52px);padding:0 clamp(18px,2cqw,28px);border:0;border-radius:6px;background:var(--gd);color:#14161B;font-size:clamp(14px,1.3cqw,18px);font-weight:800;transition:filter .15s}
.bt-recreate:hover{filter:brightness(1.08)}
.bt-link{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:#9BA3AF;font-size:clamp(14px,1.2cqw,17px);font-weight:700;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}
.bt-link:hover{color:var(--tx);background:var(--p3)}
.bt-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bt-actions:empty{display:none}
/* ---------------- player columns ---------------- */
.bt-cols{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(8px,1cqw,14px);align-items:start}
.bt-col{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(8px,1cqw,12px);align-content:start;transition:opacity .5s,filter .5s}
.bt-pan{display:flex;align-items:center;gap:clamp(10px,1.1cqw,16px);min-height:clamp(66px,6.2cqw,96px);padding:clamp(8px,.9cqw,14px) clamp(12px,1.4cqw,22px);border-radius:8px;border:2px solid color-mix(in srgb,var(--tc) 62%,#14171c);background:color-mix(in srgb,var(--tc) 8%,#14171c);transition:border-color .3s,background .3s}
.bt-av{flex:none;width:clamp(38px,4.2cqw,64px);height:clamp(38px,4.2cqw,64px);border-radius:50%;border:3px solid var(--tc);background:color-mix(in srgb,var(--tc) 18%,var(--p3));display:grid;place-items:center;font-size:clamp(14px,1.6cqw,24px);font-weight:800}
.bt-pi{min-width:0;display:grid;gap:4px}
.bt-pn{display:flex;align-items:center;gap:8px;min-width:0}
.bt-pn b{font-size:clamp(14px,1.35cqw,19px);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-lv{font-style:italic;font-weight:800;font-size:clamp(11px,1cqw,14px);padding:1px 6px;border-radius:3px;background:#3A2C12;border:1px solid #6B5222;color:#EBAA3C;flex:none}
.bt-col.is-empty .bt-pn b{color:var(--mu);font-weight:600}
/* value <-> chance: both texts occupy the same grid cell, so nothing moves or resizes on hover / tap */
.bt-vb{display:grid;gap:2px;justify-items:start;padding:0;border:0;background:none;text-align:left;font-variant-numeric:tabular-nums;position:relative}
.bt-vb.static{cursor:default}
.bt-l1,.bt-l2{display:grid;justify-items:start;align-items:center}
.bt-l1>*,.bt-l2>*{grid-area:1/1;white-space:nowrap;transition:opacity .12s}
.bt-l1{min-height:clamp(20px,1.7cqw,26px);font-size:clamp(14px,1.35cqw,19px);font-weight:700}
.bt-l1 .v{color:var(--tx)}
.bt-l1 .c{padding:2px 8px;border-radius:4px;background:var(--tc);color:#101216;font-weight:800;font-size:.86em;opacity:0}
.bt-l2{min-height:14px;font-size:clamp(9.5px,.8cqw,11.5px);font-weight:700;letter-spacing:.04em;color:var(--mu);text-transform:uppercase}
.bt-l2 .c{opacity:0;color:var(--tc)}
.bt:not(.is-jp) .bt-l1 .c,.bt:not(.is-jp) .bt-l2 .c{display:none}
.bt-vb.alt .v,.bt-vb:not(.static):focus-visible .v{opacity:0}
.bt-vb.alt .c,.bt-vb:not(.static):focus-visible .c{opacity:1}
@media (hover:hover){.bt-vb:not(.static):hover .v{opacity:0}.bt-vb:not(.static):hover .c{opacity:1}}   /* touch screens have no real hover (it would stick after a tap): they use the tap toggle (.alt) instead */
.bt-sw{display:none;position:absolute;right:-18px;top:4px;color:var(--mu)}
@media (hover:none){.bt-sw{display:block}}
.bt-v:empty{display:none}
.bt-col.jp-hit .bt-pan{border-color:var(--gd);box-shadow:0 0 0 1px var(--gd)}
.bt-col.is-win .bt-pan{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 15%,#14171c)}
.bt-col.is-lose{opacity:.55;filter:grayscale(.5)}
/* history cards */
.bt-hist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,.8cqw,10px)}
.bt-slot,.bt-card{min-width:0;min-height:clamp(120px,12.6cqw,200px);border-radius:8px;background:var(--p2);border:1px solid var(--ln)}
.bt-slot{display:grid;place-items:center;background:#14171C;color:#1F242C;border-color:#191d24}
.bt-slot svg{width:42%;height:auto}
.bt-card{display:grid;grid-template-rows:auto 1fr auto auto auto;gap:2px;padding:clamp(6px,.8cqw,12px) clamp(8px,.9cqw,14px) clamp(8px,.9cqw,12px);position:relative;background:#171B22}
.bt-card.pop{animation:bt-card .45s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes bt-card{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.bt-ct{display:flex;align-items:center;gap:5px;min-height:22px}
.bt-ch{font-style:normal;margin-right:auto;font-size:clamp(11px,1.05cqw,16px);font-weight:700;color:var(--mu)}
.bt-bd{font-style:normal;font-size:clamp(9px,.8cqw,12px);font-weight:800;padding:2px 6px;border-radius:4px;background:#252A33;color:#9BA3AF}
.bt-bd.st{background:#3A2C12;color:#E9A93A}.bt-bd.sv{background:#2B2A12;color:#E3D14B}
.bt-ca{display:grid;place-items:center;min-height:0;padding:2px 0}
.bt-ca .item-art{height:100%;width:100%;display:grid;place-items:center}
.bt-ca .item-img{max-height:clamp(46px,5.6cqw,92px);max-width:100%;object-fit:contain}
.bt-ca .item-art-fallback{font-size:34px;color:var(--rc)}
.bt-card>small{font-size:clamp(9.5px,.85cqw,12px);color:var(--mu);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-card>b{font-size:clamp(11px,1.1cqw,16px);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-card>em{font-style:normal;font-size:clamp(11px,1.05cqw,15px);font-weight:700;color:var(--gd2)}
.bt-card::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--rc)}
.bt-card.norank{opacity:.55}.bt-card.rank{box-shadow:0 0 0 1px var(--gd2)}
.bt-foot{margin:0;text-align:center;font-size:11px;color:var(--mu)}.bt-foot a{color:var(--ac)}
/* ---------------- narrow ---------------- */
@container (max-width:860px){
  .bt-top{grid-template-columns:1fr auto;grid-template-areas:"l r" "c c"}
  .bt-l{grid-area:l}.bt-r{grid-area:r}.bt-c{grid-area:c}
  .bt-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bt-hist{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
  .bt-slot,.bt-card{min-height:112px}
  .bt-view{border-radius:6px}.bt-item small{display:none}
  .bt-sw{right:-16px}
  .bt-pan{padding:8px 12px}
}
@container (max-width:560px){
  .bt-top{grid-template-columns:1fr;grid-template-areas:"l" "r" "c";gap:8px;padding-right:0}
  .bt-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .bt-r{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-items:start}
  .bt-ics{flex-wrap:wrap}
  .bt-c{grid-template-columns:auto auto;justify-content:center;gap:4px 14px;align-items:center}
  .bt-case{min-height:40px}
  .bt-vol{width:90px}
  .bt-item em,.bt-item b{font-size:10px}
  .bt-big b{font-size:clamp(80px,26cqw,120px)}
  .bt-won{font-size:clamp(14px,4.4cqw,20px)}
  .bt-recreate{width:min(100%,260px)}
}
@container (max-width:860px){.bt{padding-bottom:64px}}   /* the floating chat button never sits on top of the last cards or the footer */
@media (prefers-reduced-motion:reduce){.bt *,.bt *::before{animation-duration:.01ms!important}}