.my-stage{align-self:start;gap:14px;width:min(520px,100%);display:grid}.my-intro{text-align:center;align-self:center;justify-items:center}.my-intro h2,.my-title{text-align:center;margin:0;font-size:22px}.my-card{background:var(--kind);background:linear-gradient(160deg, color-mix(in srgb, var(--kind) 82%, #fff), var(--kind));color:#fff;border-radius:12px;flex:none;align-content:center;place-items:center;gap:2px;display:grid;position:relative;box-shadow:0 4px #0000004d}.my-card small{text-align:center;font-size:11px;font-weight:650;line-height:1.1}.my-card b{color:#0a1633;background:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:13px;display:grid;position:absolute;top:-7px;right:-7px}.my-card.is-sm{border-radius:9px;width:34px;height:40px}.my-card.is-sm b{min-width:18px;height:18px;font-size:11px;top:-6px;right:-6px}.my-card.is-md{width:70px;height:92px}.my-card.is-lg{border-radius:18px;width:110px;height:150px}.my-card.is-back{background:repeating-linear-gradient(45deg,#ffffff1f 0 7px,#0000 7px 14px),linear-gradient(160deg,#c2185b,#6a1b9a);border:2px solid #ffffff4d}.my-card.is-back img{width:52%}.my-rules-kinds{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:12px;display:flex}.my-rules-kinds .my-card.is-sm{width:32px;height:38px}.my-chain,.my-showdown{background:var(--surface-strong);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:16px;padding:12px 16px;animation:.4s cubic-bezier(.2,.9,.3,1.25) both rise;display:flex}.my-chain>div,.my-showdown>div{gap:3px;min-width:0;display:grid}.my-chain small,.my-showdown small{color:var(--text-2)}.my-chain strong{font-size:24px;line-height:1.15}.my-showdown strong{font-size:20px;line-height:1.15}.my-chain span,.my-showdown span{color:var(--text-2);font-size:14px}.my-chain .my-secret{color:var(--sun);font-weight:650}.my-curtain{isolation:isolate;border:2px solid var(--player);background:var(--surface-strong);text-align:center;border-radius:26px;justify-items:center;gap:6px;padding:28px 16px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.my-curtain:before{content:"";z-index:-1;background:radial-gradient(circle at 50% -10%, var(--player), transparent 68%);opacity:.32;position:absolute;inset:0}.my-curtain small{color:var(--muted);letter-spacing:.02em;font-size:15px;font-weight:600}.my-curtain h2{overflow-wrap:anywhere;margin:0;font-size:32px;line-height:1.1}.my-curtain-avatar{background:var(--player);width:92px;height:92px;box-shadow:0 0 0 6px var(--surface-strong), 0 0 0 9px var(--player);color:#fff;text-shadow:0 2px 6px #00000059;border-radius:50%;place-items:center;margin-bottom:8px;font-size:44px;font-weight:700;display:grid;position:relative}.my-curtain-avatar svg{box-sizing:content-box;background:var(--surface-strong);color:var(--text);border-radius:50%;padding:6px;position:absolute;bottom:-6px;right:-6px}.my-seats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.my-seats li{border-left:5px solid var(--player);background:var(--surface);border-radius:14px;grid-template-columns:96px 1fr;align-items:center;gap:8px;padding:10px;display:grid}.my-seats li.is-active{background:linear-gradient(90deg, #fc33, var(--surface))}.my-seat-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;display:grid;overflow:hidden}.my-seat-name small{color:var(--text-3);font-weight:500}.my-seat-name.is-offline{opacity:.5}.my-front{flex-wrap:wrap;gap:10px 9px;padding-top:6px;display:flex}.my-front em{color:var(--text-3);font-size:13px}.my-front .is-danger .my-card{box-shadow:0 0 0 3px #ff5a4f,0 4px #0000004d}.my-hand h3,.my-form h3{color:var(--text-2);margin:0 0 8px;font-size:15px}.my-hand-cards{flex-wrap:wrap;gap:12px 10px;padding-top:6px;display:flex}.my-form{gap:16px;display:grid}.my-pick{flex-wrap:wrap;gap:10px;padding-top:6px;display:flex}.my-pick button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:3px solid #0000;border-radius:15px;padding:3px}.my-pick button.is-on{border-color:var(--sun)}.my-pick.is-claim{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.my-pick.is-claim button{background:var(--surface);text-align:left;border-width:2px;align-items:center;gap:8px;padding:4px 8px 4px 4px;font-size:14px;font-weight:600;display:flex}.my-to button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.my-to li:has(button.is-on){box-shadow:0 0 0 3px var(--sun), 0 3px 0 #00000040}.my-known{align-items:center;gap:8px;margin:0;display:flex}.my-over{text-align:center;background:linear-gradient(150deg,#c2185b,#6a1b9a);border-radius:24px;justify-items:center;gap:6px;padding:20px 16px;animation:.45s cubic-bezier(.3,1.6,.5,1) both pop;display:grid}.my-over h2{margin:0;font-size:26px}.my-seats li.is-target{border:2px solid var(--sun);cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:96px 1fr auto;animation:1.4s ease-in-out infinite my-target}.my-seats li.is-target>svg{color:var(--sun)}.my-seats li.is-target:active{transform:scale(.98)}.my-seats li.is-dim{opacity:.45}@keyframes my-target{50%{box-shadow:0 0 0 4px #ffcc3340}}.my-fan{z-index:2;background:linear-gradient(#0000,#0a1633f5 28%);justify-content:center;align-items:flex-end;gap:0;margin:auto -16px -16px;padding:30px 12px 12px;display:flex;position:sticky;bottom:0}.my-fan-group{width:74px;height:104px;margin:0 calc((min(66px, (100vw - 120px) / var(--n,1)) - 74px) / 2);color:inherit;font:inherit;transform:translateY(var(--lift)) rotate(var(--angle));transform-origin:50% 140%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;transition:transform .18s;display:grid;position:relative}.my-fan.is-live .my-fan-group{cursor:pointer}.my-fan-group.is-on{z-index:3;transform:translateY(calc(var(--lift) - 22px)) rotate(var(--angle)) scale(1.06)}.my-fan-group.is-on .my-fan-card:last-of-type .my-card{box-shadow:0 0 0 3px var(--sun), 0 10px 22px #00000080}.my-fan-card{transform:translate(calc(var(--j) * 4px), calc(var(--j) * -4px));grid-area:1/1}.my-fan-card .my-card{width:66px;height:92px;box-shadow:0 4px 10px #0006}.my-fan-count{z-index:2;color:#0a1633;text-align:center;background:#fff;border-radius:999px;min-width:26px;padding:2px 6px;font-size:13px;font-weight:800;position:absolute;top:-8px;left:-4px;box-shadow:0 2px 6px #00000059}.my-fan-group:disabled{opacity:.6}.my-fan-empty{color:var(--text-3);text-align:center;margin:0}.my-pick.is-claim button.is-true{outline:3px dashed var(--ok);outline-offset:2px}.my-true{color:var(--ok);text-transform:uppercase;font-size:11px;font-weight:700}.my-band-hint{flex:1.4!important;font-size:15px!important}.my-stage:has(>.my-fan){flex-direction:column;min-height:100%;display:flex}.my-pick.is-claim button.is-said{flex-wrap:wrap;box-shadow:0 0 0 3px #a46bff}.my-said{color:#c9a8ff;flex-basis:100%;font-size:11px;font-weight:700}.my-said-legend{color:var(--text-2);margin:0 0 8px;font-size:14px}.my-fan:not(.is-live) .my-fan-group{filter:grayscale(.85)brightness(.62)}.my-fan:not(.is-live) .my-fan-count{background:#9aa3b8}
