.o-stage.th{gap:clamp(8px,1.8cqh,14px)}.th-head{border-bottom:1px solid var(--line);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;width:100%;padding-bottom:10px;display:grid}.th-status{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding-bottom:3px;font-size:10.5px;font-weight:500;overflow:hidden}.th-status.win{color:var(--win)}.th-status.loss{color:var(--loss)}.th-now{font-family:var(--display);color:var(--gold-3);white-space:nowrap;justify-self:end;font-size:clamp(24px,5cqh,36px);font-weight:600;line-height:1}.th-now.loss{color:var(--loss)}.th-view{border-radius:var(--radius-sm);background:#0e141f;border:1px solid #ffc53d52;flex:1 1 0;width:100%;min-height:0;transition:border-color .3s;position:relative;overflow:hidden;container-type:size}.th-view:before{content:"";z-index:6;pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#7a1f2b47 100%);transition:opacity .6s;position:absolute;inset:0}.th-view.tense:before{animation:1.6s ease-in-out infinite th-tense}@keyframes th-tense{0%,to{opacity:.25}50%{opacity:.7}}.th-view.won{border-color:var(--gold)}.th-view.won:after{content:"";z-index:7;pointer-events:none;background:linear-gradient(100deg, transparent 42%, color-mix(in srgb, var(--gold-3) 9%, transparent) 50%, transparent 58%) 100% 0 / 300% 100% no-repeat;animation:1.2s ease-in-out both th-sweep;position:absolute;inset:0}.th-view.won.w2:after{animation-iteration-count:2}.th-view.won.w3:after{animation-iteration-count:3}@keyframes th-sweep{0%{background-position:100% 0}to{background-position:0 0}}.th-fx{z-index:9;pointer-events:none;contain:strict;position:absolute;inset:0;overflow:hidden}.th-p{opacity:0;will-change:transform, opacity;border-radius:50%;width:6px;height:6px;position:absolute;top:0;left:0}.th-p[data-shape=shard]{border-radius:1px}.th-p[data-shape=streak]{border-radius:2px}.th-p[data-shape=ring]{border:2px solid;border-radius:50%}.th-flash{opacity:0;will-change:opacity;position:absolute;inset:0}.th-pips{align-items:center;gap:4px;display:inline-flex}.th-pips i{background:var(--line-2);flex:none;width:6px;height:6px;display:block;transform:rotate(45deg)}.th-pips i.on{background:var(--gold)}.th-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.th-stats>div{border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line);flex-direction:column;gap:1px;min-width:0;padding:7px 11px;display:flex}.th-stats span{letter-spacing:.12em;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:500;overflow:hidden}.th-stats b{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;line-height:1.1;overflow:hidden}.th-stats b.gold{color:var(--gold-3)}.th-stats b.win{color:var(--win)}.th-actions{flex-direction:column;gap:8px;display:flex}.th-actions .btn{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.th-row{border-radius:var(--radius-sm);border:1px solid var(--line-2);border-left:2px solid var(--line-2);letter-spacing:.14em;text-transform:uppercase;min-height:38px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:10.5px;font-weight:500;display:flex}.th-row.lit{border-left-color:var(--gold)}.th-row .v{color:var(--gold-3);letter-spacing:.02em;text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.shell:has(>.stage>.o-stage.th)>.controls>*{flex-shrink:0}@media (width<=900px){.o-stage.th{height:calc(var(--vh,100vh) * .52);gap:8px;min-height:320px;max-height:520px}.stage:has(>.o-stage.th){padding:8px}.th-head{padding-bottom:6px}.shell-game>.controls .th-actions{z-index:26;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--bg-2);border-bottom:1px solid var(--line);flex-direction:row;order:-1;gap:6px;margin:-14px -14px 0;position:sticky;bottom:0}.shell-game>.controls .th-actions .btn.btn-big{box-shadow:none;letter-spacing:.08em;flex:1 1 0;min-width:0;padding:0 6px;font-size:10.5px;position:static}.shell-game>.controls>.ux-keys{display:none}}@container (width<=420px){.th-head{grid-template-columns:minmax(0,1fr) auto}.th-head>:nth-child(2):not(:last-child){display:none}}@media (prefers-reduced-motion:reduce){.th-view.tense:before,.th-view.won:after{animation-duration:10ms!important;animation-iteration-count:1!important}}.th-p[data-shape=fire]{border-radius:50%}
