@layer components{.fp-stage{padding:20px 24px max(16px, env(safe-area-inset-bottom));background:radial-gradient(70% 70% at 30% 40%,#3b1611 0%,#0e0907 72%);grid-template-columns:minmax(0,1fr) minmax(330px,480px);gap:28px;display:grid}.fp-main{align-content:center;place-items:center;gap:14px;min-height:0;display:grid;container-type:size}.fp-flag{aspect-ratio:4/3;border-radius:10px;width:min(100cqw,133.333cqh - 64px,560px);transition:box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 16px 36px #0000008c,0 0 0 1px #ffffff14}.fp-flag.is-won{box-shadow:0 16px 36px #0000008c, 0 0 0 4px var(--rn)}.fp-flag.is-lost{box-shadow:0 16px 36px #0000008c,0 0 0 4px #ff8a66}.fp-img{background:50%/cover no-repeat;position:absolute;inset:0}.fp-tiles{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);display:grid;position:absolute;inset:0}.fp-tiles i{transition:opacity .52s var(--ease-out), transform .52s var(--ease-out);background:repeating-linear-gradient(135deg,#1d1e27 0 10px,#22232d 10px 20px);box-shadow:inset 0 0 0 1px #ffffff12}.fp-tiles i.is-off{opacity:0;transform:scale(.86)rotate(-4deg)}.fp-flag.is-won .fp-tiles i,.fp-flag.is-lost .fp-tiles i{transition-delay:calc(var(--k) * 45ms)}@media (prefers-reduced-motion:reduce){.fp-tiles i.is-off{transform:none}.fp-tiles i{transition-property:opacity}}.fp-note{color:var(--on-dark-dim);text-align:center;font-size:13.5px}.fp-note.is-name{letter-spacing:-.02em;color:var(--on-dark);animation:pop .32s var(--ease-pop) both;font-size:22px;font-weight:700}.fp-side{flex-direction:column;justify-content:flex-end;gap:14px;min-height:0;display:flex}.fp-guesses{gap:5px;display:grid}.fp-row{height:38px;animation:pop .26s var(--ease-pop) both;background:#ffffff14;border-radius:11px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px 0 6px;font-size:14.5px;font-weight:600;display:grid}.fp-row.is-empty{background:#ffffff08;animation:none;box-shadow:inset 0 0 0 1px #ffffff0d}.fp-row.is-hit{color:#0d0d0f;background:var(--rn)}.fp-thumb{background:50%/cover no-repeat;border-radius:4px;width:36px;height:27px;box-shadow:0 0 0 1px #ffffff24}.fp-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fp-x{background:#ff4d4f;border-radius:50%;width:9px;height:9px}.fp-got{font-size:13px}.fp-toast{z-index:5;text-align:center;color:#0d0d0f;max-width:calc(100% - 32px);animation:pop .24s var(--ease-pop) both;background:#fff;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;position:absolute;top:14px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.fp-row,.fp-note.is-name{animation:none}}@container (max-width:759px){.fp-stage{padding:12px 12px max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px}.fp-main,.fp-side{gap:8px}.fp-guesses{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.fp-row{grid-template-columns:28px minmax(0,1fr) auto;gap:7px;height:32px;padding:0 9px 0 4px;font-size:13px}.fp-thumb{width:28px;height:21px}.fp-note.is-name{font-size:18px}}.fp-sum{align-items:center;gap:18px;display:flex}.fp-sum-flag{aspect-ratio:4/3;width:120px;box-shadow:0 0 0 1px var(--stage-line);background:50%/cover no-repeat;border-radius:8px;flex:none}.fp-sum-name{letter-spacing:-.02em;font-size:22px;font-weight:700}.fp-sum-sub{color:var(--stage-dim);margin-top:2px;font-size:13.5px}}