.sp{--sp-board:#2b2635;--sp-board-ink:#fbf7ef;--sp-frame:#c58a54;--sp-live:#b22d29;padding-bottom:72px}.sp-wrap{max-width:1240px;padding:0 max(16px, env(safe-area-inset-left,0px)) 0 max(16px, env(safe-area-inset-right,0px));margin:0 auto}.sp-stage{aspect-ratio:16/9;background:var(--cream-100);border-radius:32px;position:relative;overflow:hidden}.sp-stage picture{display:contents}.sp-stage .sp-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sp-pet{filter:drop-shadow(0 10px 14px #3c1e0040);width:19%;transition:left .8s,bottom .8s,width .8s,opacity .5s;position:absolute;bottom:30%;transform:translate(-50%)}.sp-pet img{--flip:1;transform-origin:50% 100%;width:100%;animation:3.4s ease-in-out infinite sp-idle;display:block}.sp-pet--b img{--flip:-1;animation-duration:3.1s;animation-delay:-1.7s;transform:scaleX(-1)}@keyframes sp-idle{0%,to{transform:scaleX(var(--flip)) translateY(0) scale(1, 1) rotate(0deg)}25%{transform:scaleX(var(--flip)) translateY(-3.5%) scale(.985, 1.02) rotate(-1.5deg)}45%{transform:scaleX(var(--flip)) translateY(0) scale(1.03, .97) rotate(0deg)}60%{transform:scaleX(var(--flip)) translateY(-1%) scale(1, 1) rotate(1.5deg)}75%{transform:scaleX(var(--flip)) translateY(0) scale(1.01, .99) rotate(0deg)}}.sp-pet--enter{animation:.55s cubic-bezier(.3,1.5,.5,1) sp-enter}@keyframes sp-enter{0%{opacity:0;translate:0 14%;scale:.9}to{opacity:1;translate:0;scale:1}}.sp-dots-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffaf0b8;border-radius:999px;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.sp-dots-nav button{cursor:pointer;background:#3c1e0047;border:0;border-radius:999px;width:9px;height:9px;padding:0;transition:width .3s,background .3s}.sp-dots-nav button.on{background:var(--kibble);width:22px}.sp-pet--a{left:34%}.sp-pet--b{left:66%}.sp-stage--tie .sp-pet{width:15%;bottom:24%}.sp-stage--tie .sp-pet--a{left:40%}.sp-stage--tie .sp-pet--b{left:60%}.sp-stage--win .sp-pet--winner{width:22%;bottom:20%;left:50%}.sp-stage--win .sp-pet--loser{opacity:0}.sp-bubble{color:#1f1a2e;white-space:nowrap;background:#fff;border-radius:16px;padding:8px 12px;font-size:14px;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);box-shadow:0 6px 16px #3c1e002e}.sp-bubble--ok{background:var(--mint-soft);color:var(--mint)}.sp-dots span{background:#1f1a2e;border-radius:9px;width:7px;height:7px;margin:0 2px;animation:1.2s infinite sp-dot;display:inline-block}.sp-dots span:nth-child(2){animation-delay:.2s}.sp-dots span:nth-child(3){animation-delay:.4s}@keyframes sp-dot{0%,80%,to{opacity:.25}40%{opacity:1}}.sp-pills{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex;position:absolute;top:16px;left:16px;right:16px}.sp-pill{color:#1f1a2e;background:#fbf7eff0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.sp-pill--live{background:var(--sp-live);color:#fff}.sp-pill--live i{background:#fff;border-radius:9px;width:8px;height:8px;animation:1.4s infinite sp-pulse}.sp-pill--ink{color:#fbf7ef;background:#1f1a2e}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.35}}.sp-num{font-family:var(--font-mono)}.sp-body{z-index:4;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:-40px;display:grid;position:relative}@media (min-width:980px){.sp-body{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;margin-top:-72px}}.sp-card{background:var(--cream-000);border-radius:28px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 18px 40px #1f1a2e1f}.sp-card--side{background:var(--cream-100);box-shadow:none}.sp-receipt{border:2px dashed color-mix(in srgb, var(--ink) 22%, transparent);max-width:760px;box-shadow:none;gap:14px;margin-top:20px;margin-left:auto;margin-right:auto}.sp-rc-head{text-align:center;flex-direction:column;gap:6px;display:flex}.sp-rc-title{font-family:var(--font-display);font-size:20px;font-weight:600}.sp-rc-sub{color:var(--ink-soft);max-width:60ch;margin:0 auto;font-size:14px;line-height:1.5}.sp-rc-body{border-top:1.5px dashed color-mix(in srgb, var(--ink) 22%, transparent);border-bottom:1.5px dashed color-mix(in srgb, var(--ink) 22%, transparent);flex-direction:column;padding:8px 0;display:flex}.sp-rc-row{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font-family:var(--font-mono);border-radius:8px;align-items:baseline;gap:8px;padding:7px 4px;font-size:13px;display:flex}.sp-rc-row:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.sp-rc-row:focus-visible{outline:2px solid var(--kibble);outline-offset:1px}.sp-rc-mark{flex:none;width:14px;font-weight:700}.sp-rc-mark.ok{color:var(--mint)}.sp-rc-mark.bad{color:var(--sp-live)}.sp-rc-label{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:55%;overflow:hidden}.sp-rc-dots{border-bottom:1.5px dotted color-mix(in srgb, var(--ink) 25%, transparent);flex:1;min-width:12px;transform:translateY(-4px)}.sp-rc-val{overflow-wrap:anywhere;text-align:right;min-width:0;max-width:100%;color:var(--ink-soft);flex:0 auto;margin-left:auto}.sp-rc-more{color:var(--ink-soft);overflow-wrap:anywhere;flex-direction:column;gap:6px;padding:4px 4px 10px 26px;font-size:13px;line-height:1.5;display:flex}.sp-rc-more a{color:var(--kibble-deep);font-weight:700}.sp-rc-foot{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.sp-rc-stamp{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:13px}.sp-rc-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sp-rc-err{color:var(--sp-live);font-size:13px}.sp-rc-fine{color:var(--ink-soft);font-size:12px}@media (max-width:520px){.sp-rc-row{flex-wrap:wrap;font-size:12px}.sp-rc-label{white-space:normal;overflow-wrap:anywhere;max-width:100%}}.sp-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:800}.sp-label--hot{color:var(--kibble-deep)}.sp-h1{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,46px);font-weight:600;line-height:1.04}.sp-row{border-bottom:1px solid var(--cream-200);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.sp-row:last-child{border-bottom:0}.sp-board{background:var(--sp-board);color:var(--sp-board-ink);border:7px solid var(--sp-frame);border-radius:24px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.sp-board .sp-label{color:#f3c89c}.sp-board p{margin:0;font-size:clamp(17px,2vw,21px);font-weight:700;line-height:1.45}.sp-steps{flex-direction:column;gap:12px;display:flex}.sp-step{color:var(--ink-soft);align-items:center;gap:12px;font-size:15px;display:flex}.sp-step b{font-weight:700}.sp-step i{border:2px solid var(--cream-200);box-sizing:border-box;border-radius:999px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sp-step--done{color:var(--ink)}.sp-step--done i{background:var(--mint-fill);border-color:var(--mint-fill)}.sp-step--now{color:var(--ink);font-weight:800}.sp-step--now i{border:3px solid var(--kibble);animation:1.4s infinite sp-pulse}.sp-answer{background:var(--cream-100);border-radius:22px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sp-answer--mine{background:color-mix(in srgb, var(--kibble) 12%, var(--cream-000));outline:2px solid var(--kibble)}.sp-answer img{flex:0 0 56px;width:56px}.sp-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid;position:relative}.sp-flip{perspective:900px;min-width:0}.sp-flip__in{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.3,.5,1);display:grid;position:relative}.sp-flip--open .sp-flip__in{transform:rotateY(180deg)}.sp-flip__face{backface-visibility:hidden;background:var(--cream-100);box-sizing:border-box;border-radius:20px;flex-direction:column;grid-area:1/1;gap:8px;min-width:0;min-height:112px;padding:12px 14px;display:flex}.sp-flip__back{background:color-mix(in srgb, var(--ink) 6%, var(--cream-100))}.sp-flip__front{background:var(--cream-000,#fff);transform:rotateY(180deg);box-shadow:0 4px 14px #50320a1f}.sp-flip--mine .sp-flip__face{outline:2px solid var(--kibble)}.sp-flip__face b{font-family:var(--font-display);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.sp-flip__face b img{flex:0 0 34px;width:34px}.sp-flip__seal{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.sp-flip__text{overflow-wrap:anywhere;font-size:16px;font-weight:800;line-height:1.35}.sp-flip__front .sp-tag{align-self:flex-start}.sp-flip__route{color:var(--ink-soft);overflow-wrap:anywhere;font-size:13px;font-weight:700}.sp-flip__guess{font-size:26px;font-weight:900;line-height:1.1}.sp-flip__truth{color:var(--ink-soft);font-size:13px;font-weight:700}.sp-same{z-index:2;background:var(--kibble);color:#1f1a2e;font-family:var(--font-display);white-space:nowrap;border-radius:10px;padding:4px 12px;font-size:14px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 4px 10px #50320a40}.sp-tag{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.sp-tag--right{background:var(--mint-soft);color:var(--mint)}.sp-tag--miss{background:var(--coral-soft);color:var(--coral)}.sp-tag--fair{background:var(--mint-soft);color:var(--mint)}.sp-tag--tough{background:var(--coral-soft);color:var(--coral)}.sp-burst{background:var(--kibble);color:#1f1a2e;text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:6px;padding:22px 20px;display:flex}.sp-burst strong{font-family:var(--font-display);font-size:clamp(34px,5vw,52px);font-weight:700;line-height:1}.sp-actions{flex-wrap:wrap;gap:10px;display:flex}.sp-actions>*{flex:180px}.sp-replay{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.sp-replay svg{width:18px;height:18px}.sp-play{z-index:3;cursor:pointer;background:#1f1a2e1f;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:0;transition:background .2s;display:flex;position:absolute;inset:0;padding-top:11%!important}.sp-play:hover{background:#1f1a2e38}.sp-play:focus-visible{outline:3px solid var(--kibble);outline-offset:-6px}.sp-play__disc{background:var(--kibble);width:76px;height:76px;color:var(--on-kibble);border-radius:999px;place-items:center;transition:transform .2s;display:grid;box-shadow:0 10px 28px #1f1a2e59}.sp-play__disc svg{width:32px;height:32px;margin-left:4px}.sp-play:hover .sp-play__disc{transform:scale(1.08)}.sp-play__label{color:#1f1a2e;background:#fffaf0eb;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:800}@media (max-width:640px){.sp-play__disc{width:60px;height:60px}.sp-play__disc svg{width:26px;height:26px}.sp-play__label{font-size:13px}}.sp-fine{color:var(--ink-soft);font-size:13px;line-height:1.5}.sp-pick{text-align:left;background:var(--cream-000);width:100%;font:inherit;color:inherit;cursor:pointer;border:2px solid #0000;border-radius:18px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.sp-pick[aria-pressed=true]{border-color:var(--kibble);background:color-mix(in srgb, var(--kibble) 10%, var(--cream-000))}.sp-pick img{flex:0 0 44px;width:44px}@media (max-width:640px){.sp-stage{aspect-ratio:3/4;margin:0 calc(-1 * max(16px, env(safe-area-inset-left,0px)));border-radius:0 0 28px 28px}.sp-pet{width:30%;bottom:33%}.sp-pet--a{left:28%}.sp-pet--b{left:72%}.sp-stage--tie .sp-pet{width:24%;bottom:26%}.sp-stage--tie .sp-pet--a{left:34%}.sp-stage--tie .sp-pet--b{left:66%}.sp-stage--win .sp-pet--winner{width:38%;bottom:20%}.sp-bubble{padding:6px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.sp-flip__in{transition:none}.sp-pet,.sp-pet img,.sp-dots span,.sp-pill--live i,.sp-step--now i{transition:none;animation:none}}.spl{background:var(--cream-000);border-radius:24px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 10px 26px #1f1a2e14}@media (min-width:720px){.spl{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.spl-stage{aspect-ratio:16/10;background:var(--cream-100);max-width:100%;min-height:220px;position:relative;overflow:hidden}.spl-bg{object-fit:cover;filter:saturate(.85)brightness(.92);width:100%;height:100%;transition:filter .5s;position:absolute;inset:0}.spl-stage--on .spl-bg{filter:none}.spl-beam{opacity:.35;background:radial-gradient(at 50% 0,#fff0c8cc,#fff0c800 64%);width:64%;height:125%;transition:opacity .5s;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.spl-stage--on .spl-beam{opacity:1}.spl-pet{filter:drop-shadow(0 10px 12px #3c1e004d);width:30%;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.spl-pill{background:var(--ink);color:var(--cream-000);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.spl-pill svg{width:14px;height:14px;fill:var(--kibble)}.spl-body{flex-direction:column;gap:10px;min-width:0;padding:18px 20px 20px;display:flex}.spl-h{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:22px;font-weight:600;line-height:1.15}.spl-text{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.55}.spl-times{gap:8px;display:flex}.spl-times span{text-align:center;background:var(--cream-100);font-weight:800;font-family:var(--font-mono);border-radius:14px;flex:1;padding:8px}.spl-times small{color:var(--ink-soft);font-family:inherit;font-size:11px;display:block}.spl-toggle{all:unset;box-sizing:border-box;cursor:pointer;background:var(--cream-100);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:800;display:flex}.spl-toggle:disabled{cursor:default;opacity:.7}.spl-toggle:focus-visible{outline:3px solid var(--kibble);outline-offset:2px}.spl-sw{background:var(--cream-200);border-radius:999px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.spl-sw:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #1f1a2e40}.spl-sw--on{background:var(--mint-fill)}.spl-sw--on:after{transform:translate(20px)}.spl-msg{color:var(--kibble-deep);margin:0;font-size:14px;font-weight:700}@media (prefers-reduced-motion:reduce){.spl-bg,.spl-beam,.spl-sw,.spl-sw:after{transition:none}}.sw2{flex-direction:column;gap:10px;display:flex}.sw2-seg{background:var(--cream-100);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.sw2-seg button{all:unset;box-sizing:border-box;cursor:pointer;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 10px;font-size:15px;font-weight:800;display:inline-flex}.sw2-seg button svg{fill:currentColor;width:17px;height:17px}.sw2-seg button.on{background:var(--ink);color:var(--cream-000)}.sw2-seg button:disabled{cursor:not-allowed;opacity:.45}.sw2-seg button:focus-visible{outline:3px solid var(--kibble);outline-offset:2px}.sw2-odds{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;display:grid}.sw2-odds div{background:var(--cream-100);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:14px;min-width:0;padding:8px 6px;font-size:13px;font-weight:800;overflow:hidden}.sw2-odds b{font-family:var(--font-mono);font-size:17px;display:block}.sp-showstrip{box-shadow:inset 0 0 0 2px var(--kibble);background:#fff1e2;flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px}.sp-poolfull{background:var(--cream-100);box-shadow:none;flex-direction:row;align-items:center;gap:14px;margin-top:16px;padding:14px 18px}.sp-poolfull__dial{background:conic-gradient(var(--kibble-deep) 0 99%, var(--cream-200) 99% 100%);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.sp-poolfull__dial span{background:var(--cream-100);width:38px;height:38px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}