:root{color-scheme:dark;--bg-deep: #0d0d1a;--bg-panel: #12122a;--bg-divider: #1a1a3e;--bg-timer-track: #111133;--bg-win-banner: #0a3d1f;--bg-loss-banner: #3d0a0a;--bg-tie-banner: #1a1500;--accent: #2233aa;--panel-stroke: #1e2a55;--btn-stroke: #1a2244;--btn-rock: #1e3a7a;--btn-paper: #1a5c3a;--btn-scissors: #6b1a3a;--btn-find: #1a3d7a;--btn-find-hover: #2a4d8a;--btn-find-disabled: #222244;--btn-find-stroke: #3355bb;--btn-play: #1a4d2e;--btn-play-hover: #2a6d3e;--btn-play-stroke: #44cc88;--timer-full: #44cc88;--timer-mid: #ddaa22;--timer-low: #dd3322;--win: #44ee88;--loss: #ff4444;--tie: #ffcc44;--timeout: #ff8844;--score-you: #66aaff;--score-opp: #ff6666;--label-you: #4466aa;--label-opp: #aa4444;--text-primary: #d0d0ff;--text-bright: #ffffff;--text-accent: #aabbff;--text-info: #8899ee;--text-secondary: #8899bb;--text-dim: #6677bb;--text-muted: #5566aa;--text-faint: #445577;--text-disabled: #555577;--fs-score: clamp(2rem, 8.6vmin, 3.4rem);--fs-result: clamp(1.75rem, 7.2vmin, 3rem);--fs-emoji: clamp(1.6rem, 6.8vmin, 2.75rem);--fs-timer: clamp(1.5rem, 6vmin, 2.5rem);--fs-title: clamp(1.35rem, 5.4vmin, 2.25rem);--fs-head: clamp(.95rem, 3.8vmin, 1.4rem);--fs-vs: clamp(.85rem, 3.3vmin, 1.2rem);--fs-body: clamp(.85rem, 3vmin, 1.1rem);--fs-label: clamp(.75rem, 2.6vmin, 1rem);--fs-detail: clamp(.7rem, 2.3vmin, .9rem);--fs-sub: clamp(.65rem, 2.1vmin, .85rem);--app-max-width: 34rem;--radius: .5rem;--gap: clamp(.75rem, 2.5vmin, 1.5rem);--font-stack: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-stack);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}.screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--gap);width:min(100%,var(--app-max-width));min-height:100%;margin-inline:auto;padding:clamp(1rem,4vmin,2.5rem) clamp(1rem,5vw,2rem)}.screen--center{justify-content:center;text-align:center}.screen--game{justify-content:space-between}.accent-bar{position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.accent-bar--win{background:var(--win)}.accent-bar--loss{background:var(--loss)}.brand__title{font-size:var(--fs-title);font-weight:700;letter-spacing:.06em;color:var(--text-primary)}.brand__subtitle{font-size:var(--fs-body);font-style:italic;color:var(--timer-full)}.panel{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;padding:clamp(.75rem,3vmin,1.25rem);background:var(--bg-panel);border:1px solid var(--accent);border-radius:var(--radius)}.panel__label{font-size:var(--fs-label);color:var(--text-secondary);letter-spacing:.05em}.panel__hint{font-size:var(--fs-sub);color:var(--text-secondary)}.name-input{width:100%;padding:.35rem .5rem;background:transparent;border:none;border-bottom:1px solid transparent;outline:none;color:var(--text-accent);font-family:var(--font-mono);font-size:var(--fs-body);text-align:center}.name-input:focus{border-bottom-color:var(--btn-find-stroke)}.name-input:disabled{color:var(--text-muted)}.btn{width:min(100%,18rem);padding:clamp(.7rem,2.6vmin,1rem);border-radius:var(--radius);font-size:var(--fs-head);font-weight:700;letter-spacing:.08em;transition:background-color .12s ease,transform 80ms ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--btn-find);border:2px solid var(--btn-find-stroke);color:var(--text-bright)}.btn--primary:hover:not(:disabled){background:var(--btn-find-hover)}.btn--primary:disabled{background:var(--btn-find-disabled);border-color:var(--btn-stroke);color:var(--text-disabled);cursor:default}.btn--play-again{background:var(--btn-play);border:2px solid var(--btn-play-stroke);color:var(--win)}.btn--play-again:hover{background:var(--btn-play-hover)}.status{min-height:1.6em;font-size:var(--fs-head);text-align:center;text-wrap:balance}.status--neutral{color:var(--text-dim)}.status--accent{color:var(--text-accent)}.status--good{color:var(--win)}.status--warn{color:var(--timeout)}.status--bad{color:var(--loss)}.spinner{width:clamp(1.75rem,6vmin,2.5rem);aspect-ratio:1;border:3px solid var(--bg-divider);border-top-color:var(--text-muted);border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding-bottom:var(--gap);border-bottom:1px solid var(--bg-divider)}.scoreboard__side{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.scoreboard__name{font-size:var(--fs-label);font-weight:700;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.scoreboard__side--you .scoreboard__name{color:var(--label-you)}.scoreboard__side--opp .scoreboard__name{color:var(--label-opp)}.scoreboard__score{font-size:var(--fs-score);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.scoreboard__side--you .scoreboard__score{color:var(--score-you)}.scoreboard__side--opp .scoreboard__score{color:var(--score-opp)}.scoreboard__vs{font-size:var(--fs-vs);font-weight:700;color:var(--text-dim);padding-inline:var(--gap)}.timer{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%}.timer__label{font-size:var(--fs-detail);font-weight:700;letter-spacing:.12em;color:var(--text-dim)}.timer__value{font-size:var(--fs-timer);font-weight:700;line-height:1;color:var(--text-bright);font-variant-numeric:tabular-nums}.timer__value--low{color:var(--timeout)}.timer__track{width:100%;height:clamp(4px,1.2vmin,8px);background:var(--bg-timer-track);border-radius:999px;overflow:hidden}.timer__fill{height:100%;border-radius:inherit}.timer__fill--full{background:var(--timer-full)}.timer__fill--mid{background:var(--timer-mid)}.timer__fill--low{background:var(--timer-low)}.round-result{display:flex;flex-direction:column;align-items:center;gap:var(--gap);width:100%;padding:clamp(.75rem,3vmin,1.25rem);border-radius:var(--radius);animation:pop-in .18s ease-out}.round-result--win{background:var(--bg-win-banner)}.round-result--loss{background:var(--bg-loss-banner)}.round-result--tie{background:var(--bg-tie-banner)}.round-result__title{font-size:var(--fs-result);font-weight:700;letter-spacing:.08em;line-height:1}.round-result--win .round-result__title{color:var(--win)}.round-result--loss .round-result__title{color:var(--loss)}.round-result--tie .round-result__title{color:var(--tie)}.round-result__moves{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.round-result__player{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0}.round-result__player-name{font-size:var(--fs-label);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.round-result__player-name--you{color:var(--score-you)}.round-result__player-name--opp{color:var(--score-opp)}.round-result__move{font-size:var(--fs-emoji);line-height:1.2}.round-result__symbol{font-size:var(--fs-timer);padding-inline:var(--gap)}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);width:100%}.move{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;aspect-ratio:1;border:2px solid var(--btn-stroke);border-radius:var(--radius);transition:opacity .15s ease,border-color .12s ease,transform 80ms ease}.move--rock{background:var(--btn-rock)}.move--paper{background:var(--btn-paper)}.move--scissors{background:var(--btn-scissors)}.move:hover:not(:disabled){border-color:var(--text-bright)}.move:active:not(:disabled){transform:translateY(2px)}.move:disabled{opacity:.3;cursor:default}.move--dimmed:disabled{opacity:.2}.move--chosen:disabled{opacity:1;border-color:var(--text-bright)}.move__emoji{font-size:var(--fs-emoji);line-height:1.2}.move__label{font-size:var(--fs-detail);font-weight:700;letter-spacing:.06em;color:var(--text-secondary)}.banner{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:clamp(1rem,4vmin,2rem) 1rem;border-radius:var(--radius)}.banner--win{background:var(--bg-win-banner)}.banner--loss{background:var(--bg-loss-banner)}.banner__title{font-size:var(--fs-result);font-weight:700;letter-spacing:.04em}.banner--win .banner__title{color:var(--win)}.banner--loss .banner__title{color:var(--loss)}.banner__reason{font-size:var(--fs-label);color:var(--text-dim)}.final-score{border-color:var(--panel-stroke)}.final-score__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.final-score__side{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.final-score__value{font-size:var(--fs-score);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.final-score__value--you{color:var(--score-you)}.final-score__value--opp{color:var(--score-opp)}.final-score__name{font-size:var(--fs-label);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.final-score__name--you{color:var(--label-you)}.final-score__name--opp{color:var(--label-opp)}.final-score__separator{font-size:var(--fs-head);color:var(--text-muted);padding-inline:var(--gap)}.footnote{font-size:var(--fs-sub);color:var(--text-faint);text-align:center}.footnote__id{font-weight:700}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}