.ssp-app{all:initial;--color-primary:#3452ff;--color-primary-hover:#2640e0;--color-primary-active:#1c31bd;--color-primary-light:#4a63ff;--color-primary-glow:#8fa0ff;--color-primary-soft:#eef1ff;--color-primary-softer:#f7f8ff;--color-on-primary:#ffffff;--color-accent:#ffb020;--color-accent-text:#8a5400;--color-accent-soft:#fff3d9;--color-success:#0b7a53;--color-success-soft:#e3f6ee;--color-danger:#c62f39;--color-danger-hover:#a8242d;--color-danger-soft:#fdeceb;--color-warning:#b36a00;--color-background:#ffffff;--color-surface:#f6f7fb;--color-surface-strong:#eceef6;--color-text:#141a33;--color-text-muted:#596079;--color-border:#e1e4ef;--color-border-strong:#c7ccdf;--color-focus:#1c31bd;--color-overlay:rgba(20, 26, 51, 0.55);--ssp-ring-color:var(--color-primary);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-soft:linear-gradient(160deg, var(--color-primary-softer) 0%, var(--color-primary-soft) 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(20, 26, 51, 0.06), 0 2px 6px rgba(20, 26, 51, 0.04);--shadow-md:0 8px 24px rgba(52, 82, 255, 0.14);--shadow-lg:0 24px 60px rgba(20, 26, 51, 0.28);--ease:cubic-bezier(0.2, 0.8, 0.2, 1);font-family:inherit;font-size:16px;line-height:1.5;font-weight:400;text-align:start;color:var(--color-text);background-color:var(--color-background);display:block;position:relative;box-sizing:border-box;width:100%;max-width:1120px;margin:24px auto;min-height:640px;overflow:hidden;isolation:isolate;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);container:ssp / inline-size;-webkit-text-size-adjust:100%;text-size-adjust:100%}.ssp-app [class*="ssp-"]{all:unset;box-sizing:border-box;display:block;color:var(--color-text)}.ssp-app [hidden][class]{display:none}.ssp-app button:focus-visible,.ssp-app [tabindex]:focus-visible,.ssp-app input:focus-visible+label{outline:3px solid var(--color-focus);outline-offset:3px}.ssp-app .ssp-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ssp-app .ssp-sprite{position:absolute;width:0;height:0;overflow:hidden}.ssp-app .ssp-icon{display:inline-block;flex:none;width:24px;height:24px;overflow:visible}.ssp-app .ssp-icon--sm{width:20px;height:20px}.ssp-app .ssp-icon--xs{width:16px;height:16px}.ssp-app .ssp-noscript{padding:24px;color:var(--color-danger);background-color:var(--color-danger-soft)}.ssp-app .ssp-screen{padding:24px;padding:clamp(20px, 4.5cqi, 48px)}.ssp-app .ssp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-width:1.5px;border-style:solid;border-color:transparent;border-radius:var(--radius-md);font-weight:600;font-size:15px;line-height:1.2;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 0.15s var(--ease),box-shadow 0.2s,background-color 0.2s,border-color 0.2s}.ssp-app .ssp-btn__text{display:inline}.ssp-app .ssp-btn--primary,.ssp-app .ssp-btn--primary .ssp-btn__text,.ssp-app .ssp-btn--primary .ssp-icon{color:var(--color-on-primary)}.ssp-app .ssp-btn--primary{background-color:var(--color-primary);background-image:var(--gradient-primary);box-shadow:var(--shadow-md)}.ssp-app .ssp-btn--primary:hover{background-color:var(--color-primary-hover);background-image:none;transform:translateY(-1px)}.ssp-app .ssp-btn--primary:active{background-color:var(--color-primary-active);background-image:none;transform:translateY(0)}.ssp-app .ssp-btn--secondary,.ssp-app .ssp-btn--secondary .ssp-btn__text,.ssp-app .ssp-btn--secondary .ssp-icon{color:var(--color-text)}.ssp-app .ssp-btn--secondary{background-color:var(--color-background);border-color:var(--color-border-strong)}.ssp-app .ssp-btn--secondary:hover,.ssp-app .ssp-btn--secondary:hover .ssp-btn__text,.ssp-app .ssp-btn--secondary:hover .ssp-icon{color:var(--color-primary-active)}.ssp-app .ssp-btn--secondary:hover{background-color:var(--color-primary-soft);border-color:var(--color-primary)}.ssp-app .ssp-btn--secondary:active{transform:scale(.98)}.ssp-app .ssp-btn--danger,.ssp-app .ssp-btn--danger .ssp-btn__text,.ssp-app .ssp-btn--danger .ssp-icon{color:var(--color-danger)}.ssp-app .ssp-btn--danger{background-color:var(--color-background);border-color:var(--color-danger)}.ssp-app .ssp-btn--danger:hover,.ssp-app .ssp-btn--danger:hover .ssp-btn__text,.ssp-app .ssp-btn--danger:hover .ssp-icon{color:var(--color-on-primary)}.ssp-app .ssp-btn--danger:hover{background-color:var(--color-danger)}.ssp-app .ssp-btn--large{min-height:54px;padding:14px 32px;font-size:17px;border-radius:14px}.ssp-app .ssp-btn--icon{padding-inline:12px}.ssp-app .ssp-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:clamp(24px, 5cqi, 56px);align-items:stretch}.ssp-app .ssp-title{font-size:clamp(30px, 6cqi, 48px);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.ssp-app .ssp-lead{max-width:52ch;margin-bottom:32px;font-size:18px;line-height:1.55;color:var(--color-text-muted)}.ssp-app .ssp-fieldset{margin-bottom:24px;min-width:0}.ssp-app .ssp-legend{margin-bottom:12px;font-size:15px;font-weight:700}.ssp-app .ssp-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ssp-app .ssp-mode{position:relative}.ssp-app .ssp-mode__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.ssp-app .ssp-mode__label{display:flex;flex-direction:column;gap:2px;height:100%;padding:16px 18px;border-width:1.5px;border-style:solid;border-color:var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:border-color 0.2s,background-color 0.2s,box-shadow 0.2s}.ssp-app .ssp-mode__name{font-size:17px;font-weight:700}.ssp-app .ssp-mode__meta{font-size:14px;color:var(--color-text-muted)}.ssp-app .ssp-mode__input:hover+.ssp-mode__label{border-color:var(--color-primary-glow)}.ssp-app .ssp-mode__input:checked+.ssp-mode__label{border-color:var(--color-primary);background-color:var(--color-primary-soft);box-shadow:0 0 0 3px var(--color-primary-soft)}.ssp-app .ssp-mode__input:checked+.ssp-mode__label .ssp-mode__name{color:var(--color-primary-active)}.ssp-app .ssp-mode__input:focus-visible+.ssp-mode__label{outline:3px solid var(--color-focus);outline-offset:3px}.ssp-app .ssp-best{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:15px;color:var(--color-text-muted)}.ssp-app .ssp-best .ssp-icon{color:var(--color-accent-text)}.ssp-app .ssp-best__label{display:inline;color:var(--color-text-muted)}.ssp-app .ssp-best__value{display:inline;font-size:18px;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums}.ssp-app .ssp-warning{margin:-12px 0 24px;padding:10px 14px;font-size:14px;border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent-text);background-color:var(--color-accent-soft)}.ssp-app .ssp-error{margin-top:12px;padding:10px 14px;font-size:14px;font-weight:600;border-left:4px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);background-color:var(--color-danger-soft)}.ssp-app .ssp-actions{display:flex;flex-wrap:wrap;gap:12px}.ssp-app .ssp-intro__aside{position:relative;padding:clamp(20px, 3.5cqi, 36px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-primary-softer);background-image:radial-gradient(circle at 100% 0%,rgba(52,82,255,.16),transparent 52%),radial-gradient(circle at 0% 100%,rgba(255,176,32,.14),transparent 46%)}.ssp-app .ssp-cycle{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:28px}.ssp-app .ssp-cycle__node{display:grid;place-items:center;flex:0 1 84px;aspect-ratio:1;border-radius:26px;background-color:var(--color-background);box-shadow:var(--shadow-sm)}.ssp-app .ssp-cycle__icon{width:54%;height:54%;color:var(--color-primary)}.ssp-app .ssp-cycle__node--scissors .ssp-cycle__icon{color:var(--color-accent-text)}.ssp-app .ssp-cycle__node--paper .ssp-cycle__icon{color:var(--color-success)}.ssp-app .ssp-cycle__node--rock{color:var(--color-primary);transform:rotate(-4deg)}.ssp-app .ssp-cycle__node--scissors{color:var(--color-accent-text);background-color:var(--color-accent-soft)}.ssp-app .ssp-cycle__node--paper{color:var(--color-success);background-color:var(--color-success-soft);transform:rotate(4deg)}.ssp-app .ssp-cycle__link{flex:none}.ssp-app .ssp-cycle__arrow{width:18px;height:18px;color:var(--color-border-strong)}.ssp-app .ssp-subtitle{margin-bottom:12px;font-size:18px;font-weight:700}.ssp-app .ssp-rules{display:grid;gap:12px}.ssp-app .ssp-rules__item{position:relative;padding-left:22px;font-size:15px;line-height:1.5;color:var(--color-text-muted)}.ssp-app .ssp-rules__item::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:3px;background-color:var(--color-primary);transform:rotate(45deg)}.ssp-app .ssp-game{display:flex;flex-direction:column;gap:20px}.ssp-app .ssp-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.ssp-app .ssp-game__title{font-size:22px;font-weight:800;letter-spacing:-.01em}.ssp-app .ssp-game__mode{font-size:14px;color:var(--color-text-muted)}.ssp-app .ssp-toolbar{display:flex;flex-wrap:wrap;gap:8px}.ssp-app .ssp-stats{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:12px}.ssp-app .ssp-stat{padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.ssp-app .ssp-stat__label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-muted)}.ssp-app .ssp-stat__label .ssp-icon{color:var(--color-text-muted)}.ssp-app .ssp-stat__value{display:block;font-size:24px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.ssp-app .ssp-stat__of{display:inline;margin:0 2px;color:var(--color-text-muted);font-weight:600}.ssp-app .ssp-stat--score{color:var(--color-on-primary);border-color:transparent;background-color:var(--color-primary);background-image:var(--gradient-primary);box-shadow:var(--shadow-md)}.ssp-app .ssp-stat--score .ssp-stat__label,.ssp-app .ssp-stat--score .ssp-stat__value,.ssp-app .ssp-stat--score .ssp-icon{color:var(--color-on-primary)}.ssp-app .ssp-stat--score .ssp-stat__value{font-size:32px}.ssp-app .ssp-stat__value.is-bump{animation:ssp-bump 0.4s var(--ease)}.ssp-app .ssp-arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"you clock cpu";align-items:center;gap:clamp(12px, 3cqi, 40px);padding:clamp(16px, 3cqi, 32px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-primary-softer);background-image:radial-gradient(circle at 50% 120%,rgba(52,82,255,.12),transparent 60%),linear-gradient(var(--color-primary-softer),var(--color-primary-softer))}.ssp-app .ssp-side--you{grid-area:you}.ssp-app .ssp-side--cpu{grid-area:cpu}.ssp-app .ssp-clock{grid-area:clock}.ssp-app .ssp-side{display:flex;flex-direction:column;align-items:center;gap:12px}.ssp-app .ssp-side__name{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700}.ssp-app .ssp-side__wins{display:inline-block;min-width:28px;padding:2px 10px;border-radius:var(--radius-pill);font-size:14px;font-weight:800;text-align:center;color:var(--color-primary-active);background-color:var(--color-primary-soft);font-variant-numeric:tabular-nums}.ssp-app .ssp-hand{display:grid;place-items:center;width:clamp(104px, 22cqi, 190px);aspect-ratio:1;border-width:2px;border-style:solid;border-color:var(--color-border);border-radius:32%;background-color:var(--color-background);box-shadow:var(--shadow-sm);transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s}.ssp-app .ssp-hand__icon{display:block;width:58%;height:58%;color:var(--color-border-strong);overflow:visible}.ssp-app .ssp-side--you .ssp-hand.is-filled .ssp-hand__icon{color:var(--color-primary)}.ssp-app .ssp-side--cpu .ssp-hand.is-filled .ssp-hand__icon{color:var(--color-text)}.ssp-app .ssp-side--you .ssp-hand.is-shaking .ssp-hand__icon{color:var(--color-primary)}.ssp-app .ssp-side--cpu .ssp-hand.is-shaking .ssp-hand__icon{color:var(--color-text)}.ssp-app .ssp-side.is-win .ssp-hand{border-color:var(--color-success);background-color:var(--color-success-soft);box-shadow:0 0 0 6px var(--color-success-soft)}.ssp-app .ssp-side.is-lose .ssp-hand{border-color:var(--color-danger);background-color:var(--color-danger-soft)}.ssp-app .ssp-side.is-draw .ssp-hand{border-color:var(--color-warning);background-color:var(--color-accent-soft)}.ssp-app .ssp-side__verdict{min-height:28px;padding:3px 14px;border-radius:var(--radius-pill);font-size:14px;font-weight:700}.ssp-app .ssp-side.is-win .ssp-side__verdict{color:var(--color-success);background-color:var(--color-success-soft)}.ssp-app .ssp-side.is-lose .ssp-side__verdict{color:var(--color-danger);background-color:var(--color-danger-soft)}.ssp-app .ssp-side.is-draw .ssp-side__verdict{color:var(--color-accent-text);background-color:var(--color-accent-soft)}.ssp-app .ssp-clock{position:relative;width:clamp(92px, 16cqi, 132px);aspect-ratio:1;--ssp-ring-color:var(--color-primary)}.ssp-app .ssp-clock.is-warning{--ssp-ring-color:var(--color-accent)}.ssp-app .ssp-clock.is-danger{--ssp-ring-color:var(--color-danger)}.ssp-app .ssp-clock.is-idle{--ssp-ring-color:var(--color-border-strong)}.ssp-app .ssp-clock__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ssp-app .ssp-clock__body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ssp-app .ssp-clock__value{display:block;font-size:clamp(30px, 5.4cqi, 44px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.ssp-app .ssp-clock.is-danger .ssp-clock__value{color:var(--color-danger)}.ssp-app .ssp-clock__unit{display:block;margin-top:2px;font-size:12px;color:var(--color-text-muted)}.ssp-app .ssp-notice{min-height:28px;font-size:17px;font-weight:600;text-align:start}.ssp-app .ssp-choices{min-width:0}.ssp-app .ssp-choices__title{margin-bottom:12px;font-size:15px;font-weight:700}.ssp-app .ssp-choices__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px, 2cqi, 20px)}.ssp-app .ssp-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px 18px;border-width:1.5px;border-style:solid;border-color:var(--color-border-strong);border-radius:var(--radius-lg);background-color:var(--color-background);cursor:pointer;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 0.2s var(--ease),border-color 0.2s,box-shadow 0.2s,background-color 0.2s}.ssp-app .ssp-choice__icon{display:block;width:clamp(44px, 9cqi, 72px);height:clamp(44px, 9cqi, 72px);color:var(--color-primary);overflow:visible;transition:transform 0.25s var(--ease)}.ssp-app .ssp-choice__name{font-size:17px;font-weight:700}.ssp-app .ssp-choice__key{position:absolute;top:10px;right:12px;min-width:22px;padding:1px 6px;border-width:1px;border-style:solid;border-color:var(--color-border);border-radius:6px;font-size:12px;font-weight:700;text-align:center;color:var(--color-text-muted);background-color:var(--color-surface)}.ssp-app .ssp-choice:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.ssp-app .ssp-choice:hover .ssp-choice__icon{transform:scale(1.08) rotate(-3deg)}.ssp-app .ssp-choice:active{transform:translateY(-1px) scale(.98)}.ssp-app .ssp-choice[aria-disabled="true"]{cursor:default}.ssp-app .ssp-choice[aria-disabled="true"]:not(.is-picked){opacity:.5;transform:none;box-shadow:none;border-color:var(--color-border)}.ssp-app .ssp-choice.is-picked{border-color:var(--color-primary);background-color:var(--color-primary);background-image:var(--gradient-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ssp-app .ssp-choice.is-picked .ssp-choice__icon,.ssp-app .ssp-choice.is-picked .ssp-choice__name{color:var(--color-on-primary)}.ssp-app .ssp-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.ssp-app .ssp-history{display:flex;flex-wrap:wrap;gap:8px}.ssp-app .ssp-history__item{position:relative;display:grid;place-items:center;width:28px;height:28px;border-width:2px;border-style:solid;border-color:var(--color-border-strong);border-radius:9px;font-size:13px;font-weight:800;background-color:var(--color-background)}.ssp-app .ssp-history__mark{display:block;color:var(--color-text-muted)}.ssp-app .ssp-history__item.is-current{border-color:var(--color-primary)}.ssp-app .ssp-history__item.is-current .ssp-history__mark{color:var(--color-primary)}.ssp-app .ssp-history__item.is-win{border-color:var(--color-success);background-color:var(--color-success)}.ssp-app .ssp-history__item.is-win .ssp-history__mark{color:var(--color-on-primary)}.ssp-app .ssp-history__item.is-lose{border-color:var(--color-danger);background-color:var(--color-danger)}.ssp-app .ssp-history__item.is-lose .ssp-history__mark{color:var(--color-on-primary)}.ssp-app .ssp-history__item.is-draw{border-color:var(--color-warning);background-color:var(--color-accent)}.ssp-app .ssp-history__item.is-draw .ssp-history__mark{color:var(--color-text)}.ssp-app .ssp-overlay{position:absolute;inset:0;z-index:20;display:flex;overflow-y:auto;padding:16px;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ssp-app .ssp-dialog{position:relative;width:100%;max-width:460px;margin:auto;padding:32px 28px 28px;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-background);box-shadow:var(--shadow-lg);text-align:start}.ssp-app .ssp-dialog:focus{outline:none}.ssp-app .ssp-dialog--result{max-width:520px}.ssp-app .ssp-dialog__badge{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:18px;color:var(--color-primary-active);background-color:var(--color-primary-soft)}.ssp-app .ssp-dialog__badge--warn{color:var(--color-danger);background-color:var(--color-danger-soft)}.ssp-app .ssp-dialog__badge .ssp-icon{width:28px;height:28px;color:var(--color-primary-active)}.ssp-app .ssp-dialog__badge--warn .ssp-icon{color:var(--color-danger)}.ssp-app .ssp-dialog__title{margin-bottom:8px;font-size:26px;font-weight:800;letter-spacing:-.015em;line-height:1.15}.ssp-app .ssp-dialog__text{margin-bottom:24px;font-size:16px;color:var(--color-text-muted)}.ssp-app .ssp-dialog__actions{display:flex;flex-wrap:wrap;gap:10px}.ssp-app .ssp-dialog__actions .ssp-btn{flex:1 1 160px}.ssp-app .ssp-dialog--win .ssp-dialog__badge--result{background-color:var(--color-accent-soft)}.ssp-app .ssp-dialog--win .ssp-dialog__badge--result .ssp-icon{color:var(--color-accent-text)}.ssp-app .ssp-dialog--lose .ssp-dialog__badge--result{background-color:var(--color-danger-soft)}.ssp-app .ssp-dialog--lose .ssp-dialog__badge--result .ssp-icon{color:var(--color-danger)}.ssp-app .ssp-dialog--draw .ssp-dialog__badge--result{background-color:var(--color-primary-soft)}.ssp-app .ssp-dialog--draw .ssp-dialog__badge--result .ssp-icon{color:var(--color-primary-active)}.ssp-app .ssp-highscore-badge{display:inline-flex;align-items:center;gap:8px;margin:-8px 0 20px;padding:6px 14px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;color:var(--color-accent-text);background-color:var(--color-accent-soft)}.ssp-app .ssp-highscore-badge .ssp-icon,.ssp-app .ssp-highscore-badge span{color:var(--color-accent-text)}.ssp-app .ssp-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.ssp-app .ssp-result-grid__cell{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.ssp-app .ssp-result-grid__cell--main{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px;border-color:transparent;background-color:var(--color-primary);background-image:var(--gradient-primary)}.ssp-app .ssp-result-grid__label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.ssp-app .ssp-result-grid__value{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.ssp-app .ssp-result-grid__cell--main .ssp-result-grid__label,.ssp-app .ssp-result-grid__cell--main .ssp-result-grid__value{color:var(--color-on-primary)}.ssp-app .ssp-result-grid__cell--main .ssp-result-grid__value{font-size:32px}.ssp-app .ssp-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;display:none}.ssp-app .ssp-dialog--win .ssp-confetti{display:block}.ssp-app .ssp-confetti__piece{position:absolute;top:-14px;width:8px;height:14px;border-radius:2px;background-color:var(--color-primary);opacity:0}.ssp-app .ssp-confetti__piece:nth-child(3n){background-color:var(--color-accent)}.ssp-app .ssp-confetti__piece:nth-child(3n+1){background-color:var(--color-primary-glow)}.ssp-app .ssp-confetti__piece:nth-child(4n){background-color:var(--color-success)}.ssp-app .ssp-confetti__piece:nth-child(1){left:6%}.ssp-app .ssp-confetti__piece:nth-child(2){left:14%}.ssp-app .ssp-confetti__piece:nth-child(3){left:23%}.ssp-app .ssp-confetti__piece:nth-child(4){left:32%}.ssp-app .ssp-confetti__piece:nth-child(5){left:41%}.ssp-app .ssp-confetti__piece:nth-child(6){left:50%}.ssp-app .ssp-confetti__piece:nth-child(7){left:59%}.ssp-app .ssp-confetti__piece:nth-child(8){left:68%}.ssp-app .ssp-confetti__piece:nth-child(9){left:77%}.ssp-app .ssp-confetti__piece:nth-child(10){left:85%}.ssp-app .ssp-confetti__piece:nth-child(11){left:92%}.ssp-app .ssp-confetti__piece:nth-child(12){left:96%}@container ssp (max-width:860px){.ssp-app .ssp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.ssp-app .ssp-stat--score{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}}@container ssp (max-width:720px){.ssp-app .ssp-intro{grid-template-columns:minmax(0,1fr)}.ssp-app .ssp-lead{font-size:17px;margin-bottom:24px}.ssp-app .ssp-cycle__node{flex-basis:72px}}@container ssp (max-width:560px){.ssp-app{min-height:0}.ssp-app .ssp-modes{grid-template-columns:minmax(0,1fr)}.ssp-app .ssp-mode__label{flex-direction:row;align-items:baseline;justify-content:space-between}.ssp-app .ssp-actions .ssp-btn{flex:1 1 100%}.ssp-app .ssp-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;width:100%}.ssp-app .ssp-toolbar .ssp-btn{padding-inline:8px;font-size:14px}.ssp-app .ssp-toolbar .ssp-btn .ssp-icon{display:none}.ssp-app .ssp-toolbar .ssp-btn--icon .ssp-icon{display:inline-block}.ssp-app .ssp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ssp-app .ssp-stat{padding:10px 12px}.ssp-app .ssp-stat__value{font-size:20px}.ssp-app .ssp-stat--score .ssp-stat__value{font-size:28px}.ssp-app .ssp-arena{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"clock clock" "you cpu";row-gap:16px;padding:16px 12px}.ssp-app .ssp-clock{justify-self:center;width:96px}.ssp-app .ssp-hand{width:min(100%, 132px)}.ssp-app .ssp-side__name{font-size:15px}.ssp-app .ssp-notice{font-size:16px}.ssp-app .ssp-choice{padding:16px 6px 14px;gap:8px}.ssp-app .ssp-choice__name{font-size:15px}.ssp-app .ssp-choice__key{display:none}.ssp-app .ssp-footer .ssp-btn{flex:1 1 100%}.ssp-app .ssp-overlay{padding:12px}.ssp-app .ssp-dialog{padding:24px 20px 20px}.ssp-app .ssp-dialog__title{font-size:23px}.ssp-app .ssp-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:none){.ssp-app .ssp-choice:hover{transform:none;box-shadow:none;border-color:var(--color-border-strong)}.ssp-app .ssp-choice:hover .ssp-choice__icon{transform:none}.ssp-app .ssp-choice__key{display:none}}@keyframes ssp-shake{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-16%) rotate(-7deg)}50%{transform:translateY(8%) rotate(0)}75%{transform:translateY(-16%) rotate(7deg)}}@keyframes ssp-pop{0%{transform:scale(.55) rotate(-8deg);opacity:0}60%{transform:scale(1.12) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0)}}@keyframes ssp-bump{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}@keyframes ssp-dialog-in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes ssp-fade-in{from{opacity:0}to{opacity:1}}@keyframes ssp-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(420px) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:no-preference){.ssp-app .ssp-hand.is-shaking .ssp-hand__icon{animation:ssp-shake 0.3s ease-in-out 3}.ssp-app .ssp-hand.is-revealed .ssp-hand__icon{animation:ssp-pop 0.45s var(--ease)}.ssp-app .ssp-overlay:not([hidden]){animation:ssp-fade-in 0.2s ease-out}.ssp-app .ssp-dialog:not([hidden]){animation:ssp-dialog-in 0.3s var(--ease)}.ssp-app .ssp-dialog--win .ssp-confetti__piece{animation:ssp-fall 2.4s ease-in 0.15s 1 both}.ssp-app .ssp-dialog--win .ssp-confetti__piece:nth-child(even){animation-duration:2.9s;animation-delay:0.35s}.ssp-app .ssp-dialog--win .ssp-confetti__piece:nth-child(3n){animation-duration:2.1s;animation-delay:0.05s}.ssp-app.is-held .ssp-screen [class*="ssp-"]{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.ssp-app .ssp-btn,.ssp-app .ssp-choice,.ssp-app .ssp-choice__icon,.ssp-app .ssp-hand{transition:none}}