/* Layout: one centred column for setup; full-width board and a big question card for play on a shared screen. Single dark "party night" look shared with Sidestep. */
:root{--d:Bungee,Impact,sans-serif;--b:Outfit,system-ui,sans-serif;--bg:#150d2e;--ink:#fff7e8;--mut:#b9a9e6;--paper:#fff7e8;--pink:#1a1033;--pmut:#7a6a9a;--c0:#ff4d6d;--c1:#ffd93d;--c2:#2ee6a6;--c3:#4cc9f0;--c4:#9b6bff;--c5:#ff9f43;--c6:#ff6bd5;--c7:#b8f35a;--ok:#2ee6a6;--no:#ff3b5c;color-scheme:dark}
html{scrollbar-gutter:stable}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font:600 16px/1.35 var(--b);min-height:100vh;overflow-x:hidden;padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px))}
#bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(60vmax 50vmax at 8% -10%,#5b2bd6aa,transparent),radial-gradient(50vmax 40vmax at 100% 0,#ff4d6d55,transparent),radial-gradient(60vmax 40vmax at 50% 120%,#0aa6c455,transparent),var(--bg)}
#bg::after{content:"";position:absolute;inset:0;background:radial-gradient(#ffffff14 1px,transparent 1px) 0 0/24px 24px}
#fx{position:fixed;inset:0;z-index:70;pointer-events:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--c1);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding-block:28px 0;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* hero */
.hero{text-align:center;margin-bottom:26px}
h1{font:400 clamp(44px,13vw,100px)/.95 var(--d);text-shadow:3px 3px 0 var(--c0),6px 6px 0 var(--c4),9px 9px 0 #0006;transform:rotate(-2deg);animation:drop .8s cubic-bezier(.2,1.5,.4,1);text-wrap:balance}
h1 span{color:var(--c1)}
@keyframes drop{from{transform:translateY(-60px) rotate(-8deg);opacity:0}}
.hero p{color:var(--mut);margin-top:20px;font-size:18px}
.by{display:grid;justify-items:center;gap:10px;margin:22px auto 0;color:var(--mut);font:400 12px/1 var(--d);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.by .plate{background:var(--paper);border-radius:20px;padding:10px 22px;border:3px solid #ffffff26;box-shadow:0 5px 0 #0005}
.by img{display:block;height:52px;width:auto;max-width:100%}
.hero .eg{display:inline-block;margin-top:12px;padding:8px 14px;border-radius:14px;background:#ffffff12;color:var(--ink);font-size:15px}

/* panels */
.panel{background:#ffffff0f;border:2px solid #ffffff1c;border-radius:24px;padding:18px;margin-bottom:16px;backdrop-filter:blur(8px)}
h2{font:400 18px var(--d);margin-bottom:12px;display:flex;align-items:center;gap:8px}h2 em{font-style:normal;color:var(--c1)}
.hint{color:var(--mut);font-size:14px;margin:-4px 0 12px}
.pill{display:flex;flex-wrap:wrap;gap:6px}
.pill button{flex:1 1 0;min-width:44px;min-height:44px;padding:8px 10px;border-radius:12px;background:#0004;color:var(--ink);border:2px solid #ffffff22;font:700 15px var(--b);transition:background .15s,transform .1s}
.pill button:active{transform:scale(.96)}
.pill button.on{background:var(--c1);color:#241447;border-color:var(--c1)}
.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}
.tin{display:flex;align-items:center;gap:10px;background:#0003;border-radius:16px;padding:4px 14px;border:2px solid var(--tc);cursor:text;transition:box-shadow .15s}
.tin:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--tc) 35%,transparent)}
.tin i{width:16px;height:16px;border-radius:50%;background:var(--tc);flex:none}
.tin input{flex:1;background:0;border:0;color:inherit;font:800 18px var(--b);padding:10px 0;min-width:0}
.tin input:focus{outline:0}.tin .ed{color:var(--tc);font-size:20px;flex:none;opacity:.8}.tin:focus-within .ed{opacity:1}
.opts{display:grid;gap:14px}
.fld{display:grid;gap:6px;color:var(--mut);font-size:14px}
.ofl{display:flex;align-items:center;gap:8px}
.oi{position:relative;width:24px;height:24px;border-radius:50%;background:#0006;border:1px solid #ffffff33;font:italic 700 13px Georgia,serif;display:inline-grid;place-items:center;flex:none;color:var(--ink);vertical-align:middle}
.oi::before{content:"";position:absolute;inset:-10px}
.oi:hover,.oi:focus-visible{background:var(--c3);color:#150d2e}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tw{position:relative;display:grid}
.tile{padding:14px 8px;border-radius:18px;background:#ffffff12;font-weight:800;display:grid;gap:4px;justify-items:center;text-align:center;border:2px solid transparent;transition:.15s;min-height:104px;align-content:center}
.tile span{font-size:32px;line-height:1}.tile small{font-size:12px;color:var(--mut);font-weight:600}
.tile.on{background:color-mix(in srgb,var(--cc) 30%,transparent);border-color:var(--cc);transform:translateY(-3px) rotate(-1deg)}
.tw .oi{position:absolute;top:6px;right:6px}
.dock{position:sticky;bottom:0;z-index:20;margin-inline:-16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(#150d2e00,#150d2ef2 22%,#150d2e);backdrop-filter:blur(6px)}
.msg{color:var(--c1);font-size:14px;margin-bottom:6px;text-align:center}.msg:empty{display:none}
.big{display:block;width:100%;padding:18px;border-radius:20px;background:var(--c2);color:#10261e;font:400 24px var(--d);box-shadow:0 7px 0 #14966d;transition:.1s}
.big:active{transform:translateY(5px);box-shadow:0 2px 0 #14966d}
.big:disabled{background:#555;box-shadow:0 7px 0 #333;color:#999;cursor:not-allowed}
.big.alt{background:var(--c1);color:#241447;box-shadow:0 7px 0 #a88a00}

/* game */
.game{max-width:1100px;margin:0 auto;padding-block:12px 40px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.logo{font:400 26px var(--d);text-shadow:2px 2px 0 var(--c0)}.logo span{color:var(--c1)}
.tb{display:flex;gap:6px;flex-wrap:wrap}.tb button{background:#ffffff18;border-radius:12px;padding:8px 12px;font-weight:800;font-size:14px}.tb button:disabled{opacity:.35;cursor:not-allowed}.tb .warn{background:var(--no);color:#fff}
.score{display:flex;gap:8px;padding:8px 2px 12px;overflow-x:auto}
.chip{flex:1;min-width:104px;background:#0004;border:3px solid transparent;border-bottom-color:var(--tc);border-radius:18px;padding:8px 12px;display:grid;transition:.2s}
.chip .nm{font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .sc{font:400 32px var(--d);color:var(--tc);font-variant-numeric:tabular-nums}
.chip.act{background:color-mix(in srgb,var(--tc) 22%,#0004);border-color:var(--tc);transform:translateY(-4px) scale(1.03)}
.chip.pop{animation:pop .6s}@keyframes pop{30%{transform:scale(1.18) rotate(-2deg)}}
.tp{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,color-mix(in srgb,var(--tc) 35%,#150d2e),#150d2e);border:2px solid var(--tc);border-radius:22px;padding:14px 18px;margin:6px 0 14px}
.tp small{color:var(--mut);font-size:14px}.tp h2{font-size:clamp(20px,4vw,28px);margin:2px 0}
.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(128px,100%),1fr));gap:18px 10px;max-width:calc(var(--n,4)*230px);margin:0 auto}
.col{display:grid;gap:10px;align-content:start}
.ch{text-align:center;display:grid;justify-items:center;gap:4px;padding:4px 2px 10px;border-bottom:5px solid var(--cc);margin-bottom:4px}.ch span{font-size:clamp(30px,6vw,52px);line-height:1;filter:drop-shadow(0 3px 0 #0006)}.ch b{font:400 clamp(13px,2.6vw,22px)/1.1 var(--d);color:var(--cc);text-shadow:2px 2px 0 #0008;text-wrap:balance;min-height:2.2em;display:flex;align-items:center;justify-content:center}
.cell{min-height:clamp(58px,10vh,86px);border-radius:16px;background:color-mix(in srgb,var(--cc) 20%,#1e1244);color:var(--ink);box-shadow:0 6px 0 color-mix(in srgb,var(--cc) 45%,#000);transition:.12s;display:grid;justify-items:center;align-content:center;gap:2px;padding:6px 4px}
.cell .ti{font-size:clamp(20px,4vw,30px);line-height:1}.cell b{font:400 clamp(10px,1.9vw,15px) var(--d);color:var(--cc)}.cell small{font-size:12px;color:var(--mut)}
.cell:not(:disabled):hover{transform:translateY(-3px);background:color-mix(in srgb,var(--cc) 40%,#1e1244)}
.cell:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 #000}
.cell:disabled{opacity:.28;box-shadow:none;transform:translateY(5px);cursor:not-allowed}
@media(max-width:520px){.cell small{font-size:11px}}

/* question card */
.ov{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#0a0420e6;backdrop-filter:blur(6px);animation:fi .2s;overflow-y:auto}@keyframes fi{from{opacity:0}}
.card{width:min(820px,100%);background:var(--paper);color:var(--pink);border-radius:28px;padding:clamp(16px,3vw,28px);text-align:center;border-top:14px solid var(--cc);box-shadow:0 14px 0 color-mix(in srgb,var(--cc) 60%,#000),0 30px 80px #000a;animation:in .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes in{from{transform:perspective(900px) rotateX(70deg) scale(.6);opacity:0}}
.tags{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;align-items:flex-end}
.tg{display:grid;justify-items:center;gap:3px}
.tg small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--pmut)}
.tag{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:12px;background:var(--cc);font-weight:800;font-size:14px}
.tag:has(.oi){padding-right:6px}
.tag .oi{background:#1a103322;color:var(--pink);border-color:#1a103333;width:22px;height:22px;font-size:12px}
.tag .oi:hover{background:var(--pink);color:var(--paper)}
.qsp{font:600 clamp(12px,1.8vw,15px)/1.3 var(--b);opacity:.7;margin:-4px auto 10px}
.qt{font:800 clamp(24px,4.6vw,46px)/1.15 var(--b);margin:22px auto 10px;max-width:24ch;text-wrap:balance}
.unit{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:4px 0 20px}.unit:empty{display:none}.unit .ul{color:var(--pmut);font-weight:800;font-size:clamp(14px,2vw,18px)}.unit .u{font:400 clamp(18px,3vw,28px)/1 var(--d);background:var(--pink);color:var(--c1);padding:8px 16px;border-radius:14px;box-shadow:0 4px 0 color-mix(in srgb,var(--cc) 70%,#000)}
.ctr{display:flex;align-items:center;gap:12px;margin:0 auto 18px;max-width:560px}
.ctm{font:400 clamp(36px,7vw,60px)/1 var(--d);min-width:2.4em;text-align:left;font-variant-numeric:tabular-nums}.ctm.hot{color:var(--no);animation:hb .5s infinite alternate}@keyframes hb{to{transform:scale(1.1)}}
.cbar{flex:1;height:14px;background:#1a10331f;border-radius:8px;overflow:hidden}.cbar i{display:block;height:100%;background:var(--cc);border-radius:8px;transition:width .25s linear}
.card .big{max-width:560px;margin:0 auto}
.card .ghost{display:inline-block;margin-top:12px;color:var(--pmut);font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:6px}

/* guess entry */
.entry{display:grid;gap:10px;text-align:left;margin:16px 0 18px}
.er{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr);gap:6px 12px;align-items:center;padding:10px 12px;border-radius:16px;background:#1a10330a;border-left:6px solid var(--tc)}
.er .tn{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.er .in{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.er input{flex:1 1 120px;min-width:0;font:800 22px var(--b);padding:8px 12px;border-radius:12px;border:2px solid #1a103333;background:#fff;color:var(--pink);font-variant-numeric:tabular-nums}
.er input:focus{outline:0;border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 35%,transparent)}
.er .fx{font-weight:800;color:var(--pmut)}
.sch{display:flex;flex-wrap:wrap;gap:4px}
.sch button{padding:8px 10px;border-radius:10px;background:#1a103314;font-weight:800;font-size:14px;min-height:40px}
.sch button{border:2px solid transparent}.sch button.on{background:#13b886;color:#fff;border-color:#0b7a58;box-shadow:0 0 0 3px #2ee6a655}.sch button.on::before{content:'✓ '}
.er .pv{grid-column:2;font-size:13px;color:var(--pmut);min-height:1.2em;font-weight:800}.er .pv.bad{color:var(--no)}.er .pv.ok{color:#0b7a58}
@media(max-width:560px){.er{grid-template-columns:1fr}.er .pv{grid-column:1}}

/* reveal */
.lab{color:var(--pmut);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:18px}
.ans{font:400 clamp(26px,5.4vw,52px)/1.1 var(--d);margin:6px 0 4px;text-wrap:balance;animation:slam .5s cubic-bezier(.2,1.6,.4,1) backwards .2s}
.ans .an{background:var(--cc);color:var(--pink);padding:0 .25em;border-radius:.2em;box-shadow:0 .12em 0 color-mix(in srgb,var(--cc) 55%,#000);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ans .ar{display:block;font:800 clamp(15px,2.2vw,20px)/1.3 var(--b);color:var(--pmut);margin-top:10px;text-transform:none}
@keyframes slam{from{transform:scale(2.2);opacity:0}}
.ansx{color:var(--pmut);font-size:15px}
.nlw{overflow-x:auto;margin:12px -6px 6px}
.nl{display:block;width:100%;height:auto}
.nl .g{animation:gdrop .45s cubic-bezier(.2,1.5,.4,1) backwards}
.nl .a{animation:gdrop .6s cubic-bezier(.2,1.8,.4,1) backwards}
@keyframes gdrop{from{transform:translateY(-40px);opacity:0}}
.why{background:#ffd93d33;border-radius:16px;padding:12px 16px;text-align:left;margin:12px 0;font-size:16px;line-height:1.45}.why b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#7a5a00;margin-bottom:2px}
.res{list-style:none;padding:0;display:grid;gap:6px;text-align:left;margin:14px 0}
.rr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;padding:8px 12px;border-radius:14px;background:#1a10330a;border-left:6px solid var(--tc)}
.rr .tn{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rr .gv{font-variant-numeric:tabular-nums;font-weight:800;text-align:right}
.rr .of{grid-column:1/3;font-size:13px;color:var(--pmut)}
.rr .pt{grid-row:1/3;grid-column:3;font:400 22px var(--d);min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums}
.rr .pt.p{color:#0e9e70}.rr .pt.m{color:var(--no)}.rr .pt.z{color:var(--pmut)}
.rr{animation:rin .4s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes rin{from{transform:translateX(-30px);opacity:0}}
.rr.best{background:#2ee6a62e}.rr.worst{background:#ff3b5c1c}
.rr.bonus{animation:bon .7s;box-shadow:0 0 0 3px #ffd93d}.rr.bonus .pt{animation:pop .6s}@keyframes bon{30%{transform:scale(1.04)}}
.badge{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:8px;margin-left:6px;vertical-align:2px}
.badge.b{background:#13b886;color:#fff}.badge.w{background:var(--no);color:#fff}.badge.x{background:#ffd93d;color:#2a1a00}
.acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:6px 0 14px}
.sbtn{padding:10px 16px;border-radius:12px;background:#1a103314;font-weight:800}
.src{font-size:14px;color:var(--pmut);margin:-4px 0 14px;overflow-wrap:anywhere}.src a{color:#5b3fd1;font-weight:800}
.qk{text-align:left;margin:16px 0}
.qk h3{font:400 16px var(--d);margin:12px 0 6px;display:flex;align-items:center;gap:8px}
.qk .tch{display:flex;flex-wrap:wrap;gap:8px}
.qk .tch button{padding:10px 14px;border-radius:14px;border:3px solid var(--tc);background:#fff;font-weight:800;min-height:46px}
.qk .tch button.on{background:var(--tc);color:#1a1033}.qk .tch button:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}
.qk p{font-size:13px;color:var(--pmut);margin-top:6px}

/* flash words and screen flash */
.fl{position:fixed;left:50%;top:38%;z-index:60;font:400 clamp(48px,14vw,110px) var(--d);pointer-events:none;-webkit-text-stroke:3px #1a1033;paint-order:stroke fill;animation:fl 1.1s forwards;white-space:nowrap}.fl.ok{color:var(--ok)}.fl.no{color:var(--no)}.fl.go{color:var(--c1)}
@keyframes fl{from{transform:translate(-50%,40px) scale(.4);opacity:0}25%{opacity:1;transform:translate(-50%,0) scale(1.15)}to{transform:translate(-50%,-120px) scale(1);opacity:0}}
#flash{position:fixed;inset:0;z-index:55;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 40%,var(--fc,#fff) 130%)}#flash.go{animation:fh .5s}@keyframes fh{from{opacity:.85}}

/* results */
.podium{display:flex;gap:10px;align-items:flex-end;height:280px;margin:24px 0 20px}
.pod{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;text-align:center;min-width:0}
.pod b{font:400 26px var(--d);color:var(--tc)}.pod small{font-weight:800;overflow-wrap:anywhere}
.pb{width:100%;height:calc(var(--h)*.72);min-height:44px;background:var(--tc);border-radius:16px 16px 0 0;display:grid;place-items:center;font-size:34px;transform-origin:bottom;animation:gr .9s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes gr{from{transform:scaleY(0)}}
.rank{list-style:none;padding:0;display:grid;gap:6px;margin-bottom:18px}
.rank li{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:14px;background:#ffffff12;border-left:6px solid var(--tc);font-weight:800}
.rank li b{font-family:var(--d);font-weight:400;color:var(--tc)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.row2{grid-template-columns:1fr}}

/* footer and dialogs */
.foot{max-width:760px;margin:20px auto 0;padding-block:22px calc(30px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));border-top:2px solid #ffffff1c;text-align:center;color:var(--mut);font-size:14px}
body.playing .foot{display:none}
.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:14px}
.foot nav button{color:var(--ink);font:800 15px var(--b);text-decoration:underline;text-underline-offset:4px;padding:6px 2px}
.foot p{margin-bottom:6px}.small{font-size:13px;color:var(--mut);max-width:60ch;margin-left:auto;margin-right:auto}
dialog{margin:auto;position:fixed;inset:0;height:fit-content;width:min(640px,calc(100% - 28px));max-height:86vh;max-height:86dvh;padding:0;border:2px solid #ffffff2a;border-radius:24px;background:#1d1240;color:var(--ink);overflow:hidden}
dialog::backdrop{background:#0a0420cc;backdrop-filter:blur(4px)}
.dlgb{padding:22px;max-height:86vh;max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;line-height:1.55}
.dlgb h2{font:400 24px var(--d);margin-bottom:6px}.dlgb h3{font:800 17px var(--b);margin:16px 0 4px}.dlgb p,.dlgb li{margin-bottom:8px;color:#e4dcf7}.dlgb .small{margin-left:0}
.dlgb ol{padding-left:22px;margin-bottom:8px}
.dlgb a{color:var(--c1)}
.dlgb .ex{background:#0004;border-radius:14px;padding:12px 14px;margin:10px 0}
.dclose{margin-top:18px;padding:12px 28px;border-radius:14px;background:var(--c1);color:#241447;font:400 18px var(--d)}
.drow{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}.drow .dclose{margin-top:0}
.dlgb a.dclose{display:inline-block;text-decoration:none;color:#241447}
.dlgb .dsec{background:#ffffff1f;color:var(--ink)}.dlgb a.dsec{color:var(--ink)}
.mail{color:var(--c1);user-select:all;-webkit-user-select:all;word-break:break-all}
@media(max-width:520px){.panel{padding:14px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* BAAANG ON! cartoon burst */
.bng{position:fixed;left:50%;top:42%;z-index:65;width:min(560px,92vw);aspect-ratio:1.4;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%);animation:bng 1.7s cubic-bezier(.2,1.6,.4,1) forwards}
.bng svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 0 #1a103388);animation:bspin 1.7s ease-out forwards}
.bng b{position:relative;font:400 clamp(40px,11vw,92px)/.9 var(--d);color:#ff4d6d;text-align:center;-webkit-text-stroke:4px #1a1033;paint-order:stroke fill;text-shadow:5px 5px 0 #1a1033;transform:rotate(-8deg)}
.bng i{font-style:normal;display:inline-block;animation:wob .5s ease-in-out infinite alternate}
.bng i:nth-child(2){animation-delay:.1s;color:#ff9f43}.bng i:nth-child(3){animation-delay:.2s;color:#2ee6a6}.bng i:nth-child(1){color:#4cc9f0}
@keyframes bng{0%{transform:translate(-50%,-50%) scale(.1) rotate(-30deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1.15) rotate(4deg);opacity:1}30%{transform:translate(-50%,-50%) scale(.95) rotate(-2deg)}75%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}
@keyframes bspin{to{transform:rotate(14deg)}}
@keyframes wob{from{transform:translateY(-6px) rotate(-6deg)}to{transform:translateY(6px) rotate(6deg)}}
.card.shake{animation:shk .45s}
@keyframes shk{20%{transform:translate(-8px,4px) rotate(-1deg)}40%{transform:translate(7px,-5px) rotate(1deg)}60%{transform:translate(-5px,3px)}80%{transform:translate(3px,-2px)}}
@media(prefers-reduced-motion:reduce){.bng,.bng svg,.bng i{animation:none}.bng{transform:translate(-50%,-50%);animation:bfade 1.7s forwards}@keyframes bfade{0%,80%{opacity:1}100%{opacity:0}}}

.seenrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink);font-weight:700;font-size:15px}
.sbtn2{padding:8px 14px;border-radius:12px;background:#ffffff18;font-weight:800;min-height:40px}.sbtn2:disabled{opacity:.35;cursor:not-allowed}.sbtn2.warn{background:var(--no);color:#fff}