@import "https://fonts.googleapis.com/css2?family=Caprasimo&family=Figtree:wght@400;600;700&display=swap";:root{--bg:#f5ead8;--surface:#ebddc5;--paper:#f9f4ed;--ink:#201e1d;--muted:#82796a;--terracotta:#c67139;--terracotta-dark:#8c491a;--sage:#7a8a5e;--sage-pale:#e1eecc;--line:#201e1d24;--heading:"Caprasimo",Georgia,serif;--body:"Figtree",system-ui,sans-serif;--shadow:0 14px 45px #2e2b252e}*{box-sizing:border-box}html,body{background:var(--surface);min-height:100%;color:var(--ink);font-family:var(--body);margin:0}button,input,select{font:inherit}.stage{place-items:center;min-height:100dvh;padding:24px;display:grid}.phone{background:var(--bg);width:min(402px,100%);height:min(874px,100dvh - 48px);min-height:620px;box-shadow:var(--shadow);border:7px solid #282521;border-radius:42px;position:relative;overflow:hidden}.screen{scrollbar-width:none;flex-direction:column;height:100%;padding:54px 26px 32px;display:flex;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.screen-center{justify-content:center}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta-dark);margin-bottom:12px;font-size:11px;font-weight:700;line-height:1}.title{font-family:var(--heading);letter-spacing:-.02em;margin:0;font-size:45px;font-weight:400;line-height:1.04}.title.small{font-size:34px}.subtitle{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.45}.grow{flex:1}.field{margin-top:26px}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--terracotta-dark);margin-bottom:9px;font-size:11px;font-weight:700;display:block}.input{border:1px solid var(--line);background:var(--paper);width:100%;height:52px;color:var(--ink);text-transform:none;border-radius:999px;outline:none;padding:0 20px;font-size:16px;font-weight:600}.input:focus{box-shadow:0 0 0 2px var(--terracotta)}.input.code{text-transform:uppercase;letter-spacing:.18em}.avatars{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.avatar-choice{aspect-ratio:1;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.avatar-choice.selected{outline:3px solid var(--terracotta);outline-offset:3px}.avatar,.avatar-choice span{border-radius:50%;flex:none;place-items:center;display:grid}.avatar{width:42px;height:42px}.avatar i,.avatar-choice i{background:var(--avatar-color);border-radius:var(--avatar-radius,50%);width:21px;height:21px;transform:rotate(var(--avatar-rotate,0));border:var(--avatar-border,0);display:block}.avatar-choice i{width:26px;height:26px}.btn{min-height:54px;font-family:var(--heading);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;transition:transform .15s,background .15s;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--terracotta);color:#fff2eb;box-shadow:0 3px 10px #2e2b2529}.btn-primary:hover{background:#b2622d}.btn-secondary{border:1px solid var(--line);color:var(--ink);box-shadow:none;background:0 0}.btn-sage{background:var(--sage);color:#f4f6ee}.btn-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.home-logo{background:#fff2eb;border-radius:50%;place-items:center;width:112px;height:112px;margin:0 auto 30px;animation:3s ease-in-out infinite float;display:grid}.home-logo span{background:var(--terracotta);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.home-logo i{background:#ffd075;border-radius:50%;width:22px;height:22px}.home{text-align:center}.home .profile-pill{margin:20px auto 34px}.profile-pill{background:var(--paper);border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:100%;padding:7px 14px 7px 7px;display:flex}.profile-pill strong{font-size:14px}.text-button{color:var(--terracotta-dark);cursor:pointer;background:0 0;border:0;font-weight:700}.back{cursor:pointer;color:var(--ink);background:0 0;border:0;font-size:24px;position:absolute;top:24px;left:24px}.rooms{flex-direction:column;gap:10px;margin-top:23px;display:flex}.room,.player,.result{background:var(--paper);border-radius:24px;align-items:center;gap:12px;padding:13px;display:flex}.room-copy,.player-copy{flex:1;min-width:0}.room strong,.player strong{display:block}.meta{color:var(--muted);margin-top:2px;font-size:12px}.mini-btn{background:var(--sage);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:9px 13px;font-weight:700}.empty{text-align:center;color:var(--muted);background:#f9f4ed8c;border-radius:25px;padding:28px 20px}.room-code{font-family:var(--heading);letter-spacing:.15em;margin:5px 0 4px;font-size:35px}.share{background:var(--paper);border-radius:24px;justify-content:space-between;align-items:center;margin:21px 0;padding:15px 17px;display:flex}.players{flex-direction:column;gap:9px;margin:18px 0;display:flex}.tag{text-transform:uppercase;letter-spacing:.08em;color:var(--sage);font-size:10px;font-weight:700}.rule-box{border-top:1px solid var(--line);margin-top:3px;padding-top:18px}.segments{border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segments button{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;padding:9px 4px;font-size:12px;font-weight:700}.segments button:last-child{border:0}.segments button.active{background:var(--terracotta);color:#fff}.rule-caption{color:var(--muted);margin:8px 3px 17px;font-size:12px}.waiting{color:var(--muted);align-items:center;gap:8px;margin:5px 0 18px;font-size:13px;display:flex}.dot-pulse{background:var(--terracotta);border-radius:50%;width:8px;height:8px;animation:1s infinite blink}.race{text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;padding-top:45px}.round-label{text-transform:uppercase;letter-spacing:.12em;color:var(--terracotta-dark);font-size:12px;font-weight:700}.target{font-family:var(--heading);margin:18px 0 4px;font-size:76px;line-height:1}.target-label{color:var(--muted)}.countdown{font-family:var(--heading);margin:auto 0;font-size:82px}.false-start{color:var(--terracotta-dark);min-height:24px;font-weight:700}.tap-count{font-family:var(--heading);margin:auto 0 0;font-size:116px;line-height:1}.tap-caption{color:var(--muted);min-height:24px}.timer{font-variant-numeric:tabular-nums;color:var(--muted);margin:12px 0 20px}.lock{margin-bottom:9px}.tap-hint{color:var(--muted);font-size:12px}.waiting-screen{text-align:center}.status-icon{background:var(--sage-pale);width:100px;height:100px;font-family:var(--heading);border-radius:50%;place-items:center;margin:0 auto 28px;font-size:40px;display:grid}.score{color:var(--terracotta);letter-spacing:2px;gap:4px;display:flex}.result{padding:12px 14px}.result.winner{background:var(--sage);color:#fff}.result .time{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.result.winner .meta{color:#ffffffbf}.scoreboard{flex-direction:column;gap:9px;margin:22px 0;display:flex}.notice{text-align:center;color:var(--muted);margin:12px;font-size:13px}.final{text-align:center}.trophy{margin-bottom:18px;font-size:65px}.error{color:#8c2f1a;background:#ffe1d0;border-radius:18px;margin:12px 0;padding:10px 13px;font-size:13px}.loading{height:100%;color:var(--muted);align-content:center;place-items:center;gap:15px;display:grid}.mark{background:#fff2eb;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.mark i{background:var(--terracotta);border-radius:50%;width:26px;height:26px;animation:.8s infinite blink}.toast{z-index:5;color:#fff;opacity:0;pointer-events:none;background:#2e2b25;border-radius:999px;padding:10px 18px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@keyframes blink{50%{opacity:.25}}@keyframes float{50%{transform:translateY(-7px)}}.stage{justify-content:center;align-items:stretch;padding:24px;display:flex}.phone{width:100%;max-width:520px;height:auto;min-height:calc(100dvh - 48px);box-shadow:var(--shadow);border:0;border-radius:28px;overflow:visible}.screen{width:100%;height:auto;min-height:calc(100dvh - 48px);padding:54px 32px 32px;overflow:visible}@media (width<=600px){html,body{background:var(--bg)}.stage{padding:0}.phone{max-width:none;min-height:100dvh;box-shadow:none;border-radius:0}.screen{min-height:100dvh;padding:max(42px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}.back{top:max(18px,env(safe-area-inset-top));left:18px}}.avatar-choice{background:var(--paper);padding:0;overflow:hidden}.avatar{background:var(--paper);overflow:hidden}.avatar img,.avatar-choice img{object-fit:cover;width:100%;height:100%;display:block}#tap-zone{touch-action:none;-webkit-tap-highlight-color:transparent}.round-history{text-align:left;flex-direction:column;gap:12px;margin:8px 0 28px;display:flex}.round-card{background:var(--paper);border-radius:22px;overflow:hidden}.round-head,.round-line{justify-content:space-between;align-items:center;gap:16px;padding:11px 15px;display:flex}.round-head{background:#201e1d0d;font-size:13px}.round-head span{color:var(--muted)}.round-line{border-top:1px solid var(--line);font-size:13px}.round-line strong{font-variant-numeric:tabular-nums;text-align:right}.round-winner{background:var(--sage-pale)}.final .trophy{margin-top:10px}.final>.btn:last-child{margin-top:auto}