.streak{display:inline-flex;align-items:center;gap:5px;color:#ffb861;font-size:16px;white-space:nowrap;border:1px solid #624022;border-radius:30px;padding:8px 12px}.streak[hidden]{display:none}.game-order{display:flex;gap:12px;align-items:center;justify-content:flex-end;font-size:14px;color:#bbc7b2;margin:15px 0}.game-order select{background:#222720;color:#e8efdf;border:1px solid #4c5943;border-radius:8px;padding:10px;font:inherit;max-width:100%}.rps-card .fast-click-art{background:#bba2fa;color:#261d3e}.rps-card .card-name-art{font-size:32px}.rps-card .card-number{color:#44315f}.rps-card .bookmark{color:#261d3e}
#rps-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#242039;color:#fff7e7;overflow:auto}.rps-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 5%;background:#bba2fa;color:#201b31;border-bottom:4px solid #10131b}.rps-header h2{font-size:clamp(20px,4vw,32px);margin:5px 0}.rps-header small{font-size:13px;font-weight:900;letter-spacing:2px}.rps-header button{background:#fff7e7;border:3px solid #201b31;border-radius:10px;font-size:30px;width:44px;height:44px;flex-shrink:0}.rps-content{max-width:900px;margin:auto;padding:22px;text-align:center}.rps-content button{cursor:pointer}.rps-content button:disabled{opacity:.5;cursor:not-allowed}.rps-content .game-button{margin:8px;padding:12px 22px;border:3px solid #10131b;border-radius:10px;background:#e7ef85;color:#242039;font-size:16px;font-weight:900}.rps-content p{line-height:1.6}.rps-content h3{font-size:24px}#rps-home,#rps-lobby{background:#fff7e7;color:#242039;padding:26px;border:4px solid #10131b;border-radius:22px;margin:15px auto;max-width:640px}#rps-home input{width:100px;padding:10px;font-size:20px;border:2px solid #242039;border-radius:8px;text-align:center}#rps-code{font-size:56px;letter-spacing:8px}#rps-round{letter-spacing:3px;font-weight:900}#rps-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:20px}#rps-scoreboard article{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff7e7;color:#242039;border:4px solid #10131b;border-radius:20px}#rps-scoreboard strong{overflow-wrap:anywhere;font-size:18px}#rps-scoreboard b{font-size:40px}#rps-scoreboard small{font-size:14px}.rps-hand{font-size:64px;line-height:1.3}#rps-clock{font-size:36px;color:#e7ef85;font-variant-numeric:tabular-nums;font-weight:900;margin-top:14px}#rps-status{min-height:58px;margin:12px 0}.rps-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rps-choices button{display:flex;flex-direction:column;align-items:center;gap:8px;border:3px solid #10131b;background:#bba2fa;color:#242039;padding:15px;border-radius:15px;font-size:18px;font-weight:900}.rps-choices span{font-size:40px}.rps-choices button[aria-pressed=true]{background:#e7ef85;outline:3px solid #fff7e7}.rps-content button:focus-visible{outline:3px solid #f3bb5e;outline-offset:3px}#rps-history{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}#rps-history span{padding:8px;border:1px solid #706582;border-radius:8px;font-size:13px}.rps-footer{display:flex;justify-content:space-between;margin:25px 0}.rps-footer button,#rps-login,#rps-remove{padding:10px 15px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:8px;font-size:15px}.rps-content details{text-align:left;font-size:14px;line-height:1.6;color:#ccc4de}#rps-error{padding:15px;border:2px solid #ff897c;border-radius:10px;background:#451e30}@media(max-width:600px){header{gap:8px;flex-wrap:wrap}.streak-days{display:none}.streak{padding:7px}.rps-content{padding:14px}#rps-scoreboard{gap:10px}#rps-scoreboard article{padding:12px}.rps-hand{font-size:48px}.rps-choices{gap:7px}.rps-choices button{padding:12px 5px;font-size:16px}.rps-choices span{font-size:32px}.game-order{justify-content:flex-start;flex-wrap:wrap}}
/* Match the shared mint, cream and ink game palette. */
#rps-dialog{background:#123d36;color:var(--game-cream)}
#rps-dialog .rps-header{position:sticky;top:0;z-index:20;background:var(--game-mint);color:var(--game-ink);padding:14px 22px;border-bottom:var(--game-line)}
#rps-dialog .rps-header>div{min-width:0}
#rps-close{display:grid!important;place-items:center;position:relative;flex:0 0 48px;width:48px;height:48px;padding:0;line-height:1;background:var(--game-coral)!important;color:var(--game-ink)!important;border:3px solid var(--game-ink)!important;box-shadow:0 3px 0 var(--game-ink);font-family:Arial,sans-serif;font-size:34px;font-weight:900;cursor:pointer;opacity:1;visibility:visible}
#rps-home,#rps-lobby,#rps-scoreboard article{background:var(--game-cream);color:var(--game-ink);border-color:var(--game-ink);box-shadow:5px 5px 0 #071a18}
#rps-dialog .game-button{background:var(--game-yellow);color:var(--game-ink);border-color:var(--game-ink)}
.rps-choices button{background:var(--game-mint);color:var(--game-ink);border-color:var(--game-ink);box-shadow:0 5px 0 var(--game-ink)}
.rps-choices button[aria-pressed=true]{background:var(--game-yellow);outline-color:var(--game-cream)}
.rps-symbol{display:inline-block;width:100px;height:100px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.rps-hand{height:110px;display:grid;place-items:center}
#rps-history>span{display:inline-flex;align-items:center;gap:4px;background:var(--game-cream);color:var(--game-ink);border:2px solid var(--game-ink);font-weight:800}
#rps-history .rps-symbol{width:28px;height:28px}
.rps-content details{color:#d6e9e0}
#rps-clock{color:var(--game-yellow)}
.blackjack-card .fast-click-art .card-number{color:#fff5d9}
.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}
.fast-click-card .fast-click-art{height:185px;min-width:0}
.fast-click-card .fast-click-art .card-name-art{font-size:31px;max-width:calc(100% - 135px);z-index:1;letter-spacing:-1.5px}
.fast-click-card .game-preview{position:absolute;right:16px;bottom:16px;width:120px;height:100px;object-fit:contain;border-radius:10px;box-shadow:3px 4px 0 #10232955}
.fast-click-card .bookmark{z-index:2}
@media(max-width:600px){#rps-dialog .rps-header{padding:12px 14px}.rps-header h2{font-size:21px}.rps-symbol{width:76px;height:76px}.rps-hand{height:86px}.fast-click-card .fast-click-art .card-name-art{font-size:29px}.rps-content{padding-bottom:30px}}
.fast-click-card .game-preview{display:block;right:12px;bottom:12px;width:138px;height:115px;box-shadow:none;border-radius:0;pointer-events:none}
.game-preview svg,.rps-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.fast-click-card .fast-click-art .card-name-art{max-width:calc(100% - 145px)}
.rps-symbol{line-height:0}
#rps-history .rps-symbol{padding:0;background:none;border:0;gap:0}
@media(max-width:380px){.fast-click-card .game-preview{width:118px;height:99px;right:8px}.fast-click-card .fast-click-art .card-name-art{font-size:27px;max-width:calc(100% - 120px)}}

/* Daily streak milestones: SVG keeps the flame color consistent across devices. */
#streak{--streak-color:#ffb861;--streak-glow:#ffb86130;color:var(--streak-color);border-color:var(--streak-color);background:var(--streak-glow)}
#streak .streak-flame{width:22px;height:26px;flex:none;filter:drop-shadow(0 0 5px var(--streak-glow))}
#streak[data-tier="dark-red"]{--streak-color:#c12d43;--streak-glow:#ae183125}
#streak[data-tier="blue"]{--streak-color:#69aaff;--streak-glow:#438eff25}
#streak[data-tier="green"]{--streak-color:#69dc91;--streak-glow:#41cf7425}
#streak[data-tier="purple"]{--streak-color:#bd8aff;--streak-glow:#a15fff25}
#streak[data-tier="white"]{--streak-color:#fff;--streak-glow:#ffffff25}

#rps-dialog [hidden]{display:none!important}#rps-dialog .rps-content{max-width:1150px}#rps-home{max-width:none;background:transparent;border:0;box-shadow:none;margin:12px 0 24px;padding:0;text-align:left;color:var(--game-cream)}.rps-home-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 8px 28px}.rps-home-hero small{color:var(--game-mint);letter-spacing:2px;font-size:11px;font-weight:900}#rps-home h3{font-size:clamp(38px,5vw,64px);line-height:1.02;margin:14px 0;letter-spacing:-2px}.rps-home-hero p{color:#c6ded5}.rps-rule-chips{display:flex;flex-wrap:wrap;gap:10px}.rps-rule-chips span{padding:9px 12px;border:1px solid #95f5d83b;border-radius:10px;color:#c6ded5;font-size:12px}.rps-rule-chips b{color:var(--game-mint);font-size:17px;margin-right:4px}#rps-home-art{width:260px;flex-shrink:0}#rps-home-art svg{width:100%;height:200px;display:block}
.rps-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rps-mode{display:flex;flex-direction:column;gap:14px;min-width:0;padding:24px;background:var(--game-cream);color:var(--game-ink);border:3px solid var(--game-ink);border-radius:20px;box-shadow:0 6px 0 #071a18}.rps-duel-mode{background:#d5eaff}.rps-mode-number{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#35504b}.rps-mode-art{height:100px;display:flex;justify-content:center;align-items:center}.rps-mode-art svg{width:100px;height:100px;transition:transform .25s}.rps-mode:hover .rps-mode-art svg{transform:translateY(-4px) rotate(-4deg)}.rps-mode h4{font-size:27px;margin:0;line-height:1.1}.rps-mode p{font-size:14px;line-height:1.55;margin:0;color:#35504b}.rps-mode .game-button{width:100%;min-height:50px;padding:10px;margin:0}#rps-solo,#rps-duel{margin-top:auto}#rps-join{border-top:1px solid #10232925;padding-top:14px;margin-top:auto}#rps-join label{font-size:12px;font-weight:800}.rps-code-entry{display:flex;gap:8px;margin-top:8px}#rps-home .rps-code-entry input{min-width:0;width:100%;letter-spacing:4px}.rps-code-entry .game-button{max-width:90px}.rps-login-note{display:flex;align-items:center;gap:16px;margin:18px 4px}.rps-login-note p{font-size:13px;color:#c6ded5}.rps-login-note:has(p[hidden]){display:none}
#rps-search{max-width:660px;margin:30px auto;padding:40px;background:var(--game-cream);color:var(--game-ink);border:4px solid var(--game-ink);border-radius:22px;box-shadow:6px 6px 0 #071a18}#rps-search small{font-weight:900;letter-spacing:2px;color:#35504b}.rps-search-spinner{width:64px;height:64px;border:6px solid #10232920;border-top-color:#16a88a;border-right-color:#8b71c8;border-radius:50%;margin:0 auto 24px;animation:rps-search-spin 1.1s linear infinite}@keyframes rps-search-spin{to{transform:rotate(360deg)}}#rps-search-cancel{min-width:220px;min-height:50px}#rps-search-status{font-weight:800}#rps-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.rps-lobby-seat{display:flex;flex-direction:column;gap:8px;padding:20px 12px;border:2px solid #10232925;border-radius:14px;background:#d9eee3;overflow-wrap:anywhere}.rps-lobby-seat small{font-size:11px;letter-spacing:1px}.rps-lobby-seat strong{font-size:19px}
@media(max-width:850px){.rps-mode-grid{grid-template-columns:1fr}.rps-mode{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px 20px}.rps-mode-art{grid-column:1;grid-row:2/4;align-self:center}.rps-mode h4,.rps-mode p{grid-column:2}.rps-mode-number,.rps-mode>.game-button,.rps-mode form{grid-column:1/-1}.rps-mode-art svg{width:85px;height:85px}#rps-home-art{width:180px}#rps-home-art svg{height:160px}}
@media(max-width:480px){.rps-home-hero{gap:12px;align-items:flex-start}#rps-home-art{width:100px}#rps-home-art svg{height:120px}.rps-mode{padding:20px;grid-template-columns:68px minmax(0,1fr);gap:12px}.rps-mode-art svg{width:65px;height:65px}.rps-mode h4{font-size:24px}#rps-search{padding:28px 18px}.rps-login-note{align-items:flex-start;flex-direction:column;gap:0}}
@media(prefers-reduced-motion:reduce){.rps-search-spinner{animation:none}.rps-mode-art svg{transition:none}}