.mc{--ac:#0284C7;--ac2:#38BDF8}
.mhero{position:relative;text-align:center;padding:5svh 0 18px}
.game{position:relative;background:#fff;border-radius:28px;padding:16px;box-shadow:0 1px 2px rgba(14,17,22,.05),0 20px 50px rgba(2,132,199,.12)}
.gset{display:grid;gap:10px}.gr{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px;font-weight:800}.gr input{width:100%;accent-color:var(--ac);height:30px}.gr b{font-size:16px;min-width:3em;text-align:right}
.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.roles button{height:38px;border-radius:999px;border:1.5px solid #E4E6EC;background:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;color:var(--ink2)}.roles button[aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mail0{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px;border-radius:16px;background:#F0F9FF}.mail0 .from{flex:none;width:40px;height:40px;border-radius:50%;background:#0F172A;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.mail0 b{display:block;font-size:14px}.mail0 small{font-size:12px;color:var(--mut)}
.ppl{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:14px 0 4px}
.ppl i{position:relative;aspect-ratio:1;border-radius:50%;background:#E2E8F0;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;color:#64748B;transition:background .25s,transform .25s}
.ppl i.read{background:#BAE6FD;color:#0369A1}.ppl i.send{background:var(--ac);color:#fff;transform:scale(1.25);z-index:1;box-shadow:0 0 0 4px rgba(56,189,248,.35)}.ppl i.me{background:#0F172A;color:#fff}
.ppl i.like:after{content:"👍";position:absolute;top:-10px;right:-6px;font-size:13px;animation:pop .4s}
.hud{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:6px;margin-top:10px}.hud div{background:#F8FAFC;border-radius:14px;padding:8px 10px}.hud small{display:block;font-size:10px;color:var(--mut);font-weight:700}.hud b{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.hud b i{font-style:normal;font-size:11px;margin-left:2px}
.hud .hc{background:#FEF2F2}.hud .hc b{color:#DC2626}
.fire{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;margin-top:10px;font-size:11px;font-weight:800;color:var(--mut)}.fb{height:10px;border-radius:99px;background:#F1F5F9;overflow:hidden}.fb i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#FBBF24,#EF4444);transition:width .3s}
.feed{display:flex;flex-direction:column-reverse;gap:6px;height:190px;overflow:hidden;margin-top:12px;padding:10px;border-radius:16px;background:#F8FAFC;mask-image:linear-gradient(0deg,#000 75%,transparent)}
.feed p{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.5;animation:pop .3s var(--ease)}.feed p span{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}
.feed p em{font-style:normal;background:#fff;border-radius:12px;padding:5px 10px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.feed p small{display:block;font-size:10px;color:var(--mut)}
.feed p.mine span{background:#0F172A}.feed p.like em{background:#ECFDF5;color:#047857}
.rule{margin-top:12px}.swb{display:flex;align-items:center;gap:10px;border:0;background:transparent;font:inherit;font-size:13px;cursor:pointer;text-align:left;color:var(--ink2);padding:0}
.swb i{flex:none;width:44px;height:26px;border-radius:99px;background:#CBD5E1;position:relative;transition:background .2s}.swb i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}
.swb[aria-pressed=true] i{background:#16A34A}.swb[aria-pressed=true] i:after{left:21px}
.go{display:block;width:100%;height:60px;margin-top:14px;border:0;border-radius:999px;background:linear-gradient(90deg,#0284C7,#6366F1);color:#fff;font:inherit;font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 10px 30px rgba(2,132,199,.35)}.go:disabled{opacity:.5;cursor:wait}
.game.burn{animation:burn .5s 3}@keyframes burn{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.end{margin-top:14px;border-radius:18px;padding:16px;text-align:center;animation:pop .4s var(--ease)}.end.bad{background:#FEF2F2;box-shadow:inset 0 0 0 1.5px #FCA5A5}.end.good{background:#F0FDF4;box-shadow:inset 0 0 0 1.5px #86EFAC}
.end .et{margin:0;font-size:13px;color:var(--ink2)}.end .eb{margin:2px 0;font-size:clamp(28px,8.6vw,40px);font-weight:900;line-height:1.2}.end.bad .eb{color:#DC2626}.end.good .eb{color:#16A34A}.end .es{margin:6px 0 0;font-size:13px;color:var(--ink2);line-height:1.7}
.vs{display:grid;gap:10px}.vs .r .l{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.vs .t{height:16px;border-radius:99px;background:#F1F5F9;overflow:hidden;margin-top:6px}.vs .t i{display:block;height:100%;border-radius:99px;width:0;transition:width 1s var(--ease);background:var(--c)}
.mt0{margin:12px 0 0;font-size:14px;color:var(--ink2);line-height:1.75}.mt0 b{color:var(--ink)}
.rules{margin:0;padding-left:1.3em;display:grid;gap:12px}.rules b{display:block;font-size:15px}.rules span{display:block;font-size:13px;color:var(--ink2);line-height:1.7;margin-top:2px}
.ctap{color:#C9CCD6;font-size:14px;margin:0 0 16px;line-height:1.75}.cta-c h3{color:var(--ac2)}
#cmpc[hidden],#sharec[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.game.burn{animation:none}}