.table-social{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-18px 12px 22px;padding:10px 14px;border:1px solid #332d40;border-radius:12px;background:linear-gradient(90deg,#17131fdd,#21182add)}
.table-social p{margin:0}.table-social>div>span{display:block;color:#aaa2b7;font-size:11px}.table-reactions{display:flex;gap:7px}.table-reactions button{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px;padding:8px 10px;background:#292332;border:1px solid #45394f}.table-reactions button:hover:not(:disabled){border-color:#ff7894;box-shadow:0 0 18px #ff5f8125}.table-reactions small{font-size:10px}
.board .seat{position:relative;overflow:visible}.table-reaction-bubble{position:absolute;z-index:20;left:50%;top:-12px;translate:-50% -100%;width:max-content;max-width:180px;padding:8px 12px;border:1px solid var(--accent,#ff93aa);border-radius:14px 14px 14px 4px;background:#17121ff2;box-shadow:0 0 28px color-mix(in srgb,var(--accent,#ff5f81) 45%,transparent);color:#fff;font-size:11px;font-weight:800;pointer-events:none;animation:reactionFloat 1.8s ease-out forwards}.seat.you .table-reaction-bubble{border-radius:14px 14px 4px 14px}@keyframes reactionFloat{0%{opacity:0;transform:translateY(12px) scale(.82)}18%{opacity:1;transform:translateY(0) scale(1.04)}75%{opacity:1}100%{opacity:0;transform:translateY(-24px) scale(.96)}}
.top-progress{position:relative;display:flex;align-items:center;gap:8px;min-width:190px;padding:7px 10px;border:1px solid #393141;border-radius:12px;background:#121019cc}.top-progress>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ff5f81,#8d4ee9);font-size:16px;box-shadow:0 0 18px #ff5f8133}.top-progress>div{flex:1;min-width:0}.top-progress span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.top-progress strong{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.top-progress small{font-size:8px;color:#aaa2b7;white-space:nowrap}.top-progress i{display:block;height:5px;overflow:hidden;border-radius:8px;background:#302a38}.top-progress i em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c83ff,#ff5f81,#ffbf63);box-shadow:0 0 12px #ff5f81;transition:width .75s cubic-bezier(.2,.8,.2,1)}#xpGain{position:absolute;right:8px;top:-8px;opacity:0;color:#ffd27d;font-size:11px;font-weight:900;pointer-events:none}#xpGain.animate{animation:xpFly 1.25s ease-out}@keyframes xpFly{0%{opacity:0;transform:translateY(12px) scale(.8)}20%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translateY(-26px) scale(1.08)}}
.profile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 12px;padding:4px;border:1px solid #352e40;border-radius:14px;background:#100e16}.profile-tabs button{padding:11px;border:0;border-radius:10px;background:transparent;color:#938c9e;font-weight:800}.profile-tabs button.active{background:linear-gradient(135deg,#3b2c4e,#281f36);color:#fff;box-shadow:inset 0 0 0 1px #7c83ff77}.profile-hub[hidden]{display:none}.mission-section{display:grid;gap:8px;padding:14px;margin-top:10px;border:1px solid #332d40;border-radius:14px;background:#121019}.mission-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #342d3e;border-radius:11px;background:#191520}.mission-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#2b2434;color:#ff8fa7;font-weight:900}.mission-card div{display:grid;gap:3px}.mission-card small{color:#aaa2b7}.mission-card em{color:#ffd27d;font-size:10px;font-style:normal}.mission-card.done{opacity:.72;border-color:#4f8f76}.mission-achievements{display:flex;flex-wrap:wrap;gap:7px}.mission-achievements span{padding:7px 9px;border:1px solid #332d40;border-radius:9px;color:#81798a;font-size:10px}.mission-achievements .unlocked{color:#fff;border-color:#8d6ce0;background:#2c2140}
.stage #stageStats>div{align-items:flex-start;gap:12px}.stage #stageStats>div>b{flex:0 0 min(34%,150px)}.stage #stageStats>div>span{line-height:1.55;text-align:end;overflow-wrap:anywhere}
@media(min-width:701px){.hud{grid-template-columns:70px minmax(150px,1fr) minmax(190px,.75fr) 42px minmax(140px,.6fr) auto;gap:12px}.wallet{min-width:140px}}
.profile-visuals{display:grid;grid-template-columns:112px 1fr;gap:13px;margin:14px 0;padding:14px;border:1px solid #332d40;border-radius:12px;background:#121019}.win-orbit{width:98px;height:98px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff5f81 var(--win-rate),#2c2836 0);position:relative}.win-orbit:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#17141f}.win-orbit span{position:relative;text-align:center}.win-orbit b,.win-orbit small{display:block}.win-orbit b{font-size:22px}.win-orbit small{max-width:64px;color:#aaa2b7;font:8px/1.2 ui-monospace,Consolas,monospace}
.visual-bars{display:grid;align-content:center;gap:6px}.visual-bars p,.journey-meter p{margin:0}.visual-bars>div{display:grid;grid-template-columns:minmax(65px,1fr) 2fr auto;align-items:center;gap:7px;font-size:9px;color:#b9b2c3}.visual-bars i{height:5px;border-radius:5px;background:linear-gradient(90deg,#7c83ff var(--bar),#292532 var(--bar));box-shadow:0 0 10px #7c83ff33}.visual-bars b{font-size:9px}.visual-bars>small{color:#90899a;font-size:10px}.journey-meter{grid-column:1/-1;padding-top:10px;border-top:1px solid #2d2837}.journey-meter>div{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0}.journey-meter i{display:grid;place-items:center;height:20px;border-radius:5px;background:#282431;color:#7e7788;font:9px ui-monospace,Consolas,monospace}.journey-meter i.reached{background:linear-gradient(135deg,#4b3265,#ff5f81);color:white;box-shadow:0 0 12px #ff5f8133}.journey-meter span{color:#9e97aa;font-size:9px}.visual-lock{grid-column:1/-1;display:flex;align-items:center;gap:10px;color:#aaa2b7;font-size:11px}.visual-lock b{font-size:20px}
.board.is-live:before{box-shadow:inset 0 0 60px #ff5f8118,0 0 30px #7c83ff14;animation:tableBreath 3.2s ease-in-out infinite}.board.is-live .seat{transition:border-color .3s,box-shadow .3s,transform .3s}.seat.committed{border-color:#ff7693;box-shadow:0 0 0 1px #ff5f8133,0 0 28px #ff5f8128}.seat.committed .number{border-color:#ff6e8d;color:#fff;box-shadow:inset 0 0 18px #ff5f8120}.board.is-reveal .seat.result-visible{animation:seatReveal .52s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--seat-index) * 75ms)}.board.is-reveal:after{content:"";position:absolute;inset:14% 8%;pointer-events:none;border-radius:50%;border:1px solid #ff789433;box-shadow:0 0 45px #ff5f8122;animation:signalRing .9s ease-out both}
@keyframes tableBreath{50%{filter:brightness(1.08)}}@keyframes seatReveal{0%{opacity:.35;transform:translateY(12px) scale(.96)}100%{opacity:1;transform:none}}@keyframes signalRing{from{opacity:0;transform:scale(.7)}45%{opacity:1}to{opacity:0;transform:scale(1.18)}}
@media(max-width:700px){.table-social{align-items:flex-start;flex-direction:column;margin:-8px 0 14px}.table-reactions{width:100%;display:grid;grid-template-columns:1fr 1fr}.table-reactions button{justify-content:center}.profile-visuals{grid-template-columns:90px 1fr}.win-orbit{width:82px;height:82px}.visual-bars>div{grid-template-columns:60px 1fr auto}.hud .top-progress{order:4;grid-column:1/-1;width:100%}.mission-card{grid-template-columns:auto 1fr}.mission-card em{grid-column:2}.table-reaction-bubble{max-width:130px;font-size:9px}.stage #stageStats>div{display:grid;grid-template-columns:1fr}.stage #stageStats>div>b{max-width:none}.stage #stageStats>div>span{text-align:start}.profile-tabs button{font-size:12px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.board.is-live:before,.board.is-reveal .seat.result-visible,.board.is-reveal:after,.table-reaction-bubble,.xp-gain{animation:none}}