:root{--bg-gradient:linear-gradient(180deg, #18114f 0%, #15113d 50%, #0d0a27 100%);--surface:#ffffff0f;--surface-hover:#ffffff1a;--border:#ffffff1f;--text-primary:#fff;--text-muted:#9f9bc7;--danger:#ff453a;--green:#30d158;--arcade-gold:#ffd60a;--font-main:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#0d0a27;background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;justify-content:center;min-height:100vh;display:flex}#app{flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:1.25rem 1.25rem 5rem;display:flex;position:relative}.page-view.hidden,main.hidden,.hidden{display:none!important}.page-view{flex-direction:column;flex:1;width:100%;display:flex}header{justify-content:space-between;align-items:center;height:52px;margin-bottom:1.25rem;display:flex}.brand-title{letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.header-right-actions{align-items:center;gap:10px;display:flex}.circle-btn{background:var(--surface);border:1.5px solid var(--border);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.header-profile-btn{cursor:pointer}.header-profile-btn img{object-fit:cover;cursor:pointer;border:2px solid #8c52ff;border-radius:50%;width:38px;height:38px;display:block}.auth-fullscreen{background:#0e0a2b;background-image:var(--bg-gradient);z-index:1000;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.auth-box{text-align:center;width:100%;max-width:360px}.auth-crown-badge{cursor:pointer;margin-bottom:.5rem;font-size:3.5rem}.auth-title{margin-bottom:.5rem;font-size:2.8rem;font-weight:900}.auth-sub{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.4}.google-btn-wrapper{justify-content:center;display:flex}.btn{font-family:var(--font-main);border:1.5px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:9999px;padding:.8rem 1.4rem;font-size:1rem;font-weight:600}.pill-btn{border-radius:9999px}.primary-action-btn{color:#0c0929;background:#fff;border:none;border-radius:9999px;padding:1.15rem;font-size:1.1rem;font-weight:800;box-shadow:0 4px 25px #fff3}.danger-btn{border:1.5px solid var(--danger);color:var(--danger);background:#ff453a33}.full-width{text-align:center;width:100%}.bottom-action-fixed{z-index:50;width:100%;max-width:480px;padding:0 1.25rem;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.page-title{margin-bottom:.35rem;font-size:2.2rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.field-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:block}.text-input{border:1.5px solid var(--border);color:#fff;background:#0000004d;border-radius:12px;outline:none;width:100%;margin-top:.4rem;padding:.95rem;font-size:1.05rem;font-weight:600}.arcade-podium{text-align:center;z-index:2;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.podium-avatars-cluster{justify-content:center;align-items:center;width:310px;height:165px;margin-bottom:1.5rem;display:flex;position:relative}.podium-winner{z-index:4;cursor:pointer;flex-direction:column;align-items:center;width:120px;height:120px;display:flex;position:relative}.podium-winner img{object-fit:cover;border:4.5px solid #4ade80;border-radius:50%;width:120px;height:120px;box-shadow:0 0 35px #4ade80b3,0 8px 30px #0009}.podium-runner{z-index:2;cursor:pointer;flex-direction:column;align-items:center;width:86px;height:86px;display:flex;position:absolute;top:22px}.podium-runner img{object-fit:cover;border:3px solid #ffffff80;border-radius:50%;width:86px;height:86px;box-shadow:0 6px 20px #00000080}.pod-2{left:14px}.pod-3{right:14px}.podium-rank-badge{letter-spacing:-.2px;text-transform:uppercase;white-space:nowrap;border-radius:9999px;font-weight:900;position:absolute;bottom:-11px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #000000b3}.rank-badge-1{color:#0b0826;background:#4ade80;border:2px solid #fff;padding:3px 14px;font-size:.85rem;bottom:-13px}.rank-badge-2{color:#0b0826;background:#fff;border:1.5px solid #fff;padding:2.5px 10px;font-size:.75rem}.rank-badge-3{color:#fff;background:#e28743;border:1.5px solid #fff;padding:2.5px 10px;font-size:.75rem}.game-tag-pill{background:var(--surface);color:#ffbe0b;border-radius:9999px;align-items:center;gap:6px;margin-bottom:.5rem;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.winner-title{margin-bottom:.25rem;font-size:1.85rem;font-weight:800}.winner-subtitle{color:var(--text-muted);font-size:.95rem}.leaderboard-controls{justify-content:space-between;gap:8px;margin-bottom:1.25rem;display:flex}.pill-tabs{border:1px solid var(--border);background:#0000004d;border-radius:9999px;padding:3px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:6px 12px;font-size:.8rem;font-weight:700}.tab-btn.active{color:#000;background:#fff}.arcade-ranks-stack{flex-direction:column;gap:8px;display:flex}.arcade-rank-row{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.arcade-rank-row.is-current-user{background:#8c52ff2e;border-color:#8c52ff66}.arcade-row-left{align-items:center;gap:14px;display:flex}.rank-num-label{text-align:center;width:18px;font-size:1.15rem;font-weight:800}.row-avatar{object-fit:cover;border-radius:50%;width:46px;height:46px}.row-user-details{flex-direction:column;display:flex}.row-name{font-size:1.05rem;font-weight:700}.row-score{text-align:right;font-size:1.2rem;font-weight:800}.timer-fullscreen{z-index:200;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zen-layout{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.arc-container{justify-content:center;align-items:center;width:310px;height:310px;display:flex;position:relative}.progress-ring{position:absolute;transform:rotate(-90deg)}.ring-fill{transition:stroke-dashoffset .5s}.timer-center-text{text-align:center;flex-direction:column;align-items:center;display:flex}#timer-display-digits{letter-spacing:-2px;color:#fff;font-size:4.8rem;font-weight:800;line-height:1}.timer-sub-streak{color:#8e8e93;margin-top:10px;font-size:.95rem;font-weight:600}.floating-controls{gap:12px;width:100%;max-width:300px;margin-top:3.5rem;transition:opacity .5s,transform .5s;display:flex}.floating-controls.faded-out{opacity:0;pointer-events:none;transform:translateY(12px)}.floating-controls button{flex:1}.preset-cards-stack{flex-direction:column;gap:.85rem;margin-top:1rem;display:flex}.preset-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:18px;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;display:flex}.preset-card.active{background:#ffffff1f;border-color:#fff}.preset-radio{border:2px solid var(--border);border-radius:50%;width:22px;height:22px}.preset-card.active .preset-radio{background:#fff;border-color:#fff}.groups-stack{flex-direction:column;gap:.85rem;display:flex}.group-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;padding:1.35rem;display:flex}.profile-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.profile-avatar-large{object-fit:cover;border:2.5px solid #fff;border-radius:50%;width:88px;height:88px;margin-bottom:.5rem}.profile-name{font-size:1.75rem;font-weight:800}.profile-sub{color:var(--text-muted);font-size:.95rem}.stats-row{gap:8px;margin-bottom:1.25rem;display:flex}.stat-pill{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;flex:1;padding:.9rem;display:flex}.stat-num{font-size:1.5rem;font-weight:800}.stat-lbl{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:600}.widget-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:1rem;padding:1.25rem}.widget-header{justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;display:flex}.widget-sub{color:var(--text-muted);font-size:.8rem;font-weight:500}.heatmap-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.heatmap-day{aspect-ratio:1;background:#ffffff0f;border:1px solid #ffffff0a;border-radius:6px}.heatmap-day.lvl-1{background:#30d1584d}.heatmap-day.lvl-2{background:#30d15899}.heatmap-day.lvl-3{background:#30d158;box-shadow:0 0 10px #30d15880}.bar-chart-container{justify-content:space-between;align-items:flex-end;height:90px;padding-top:10px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar-fill{background:#8c52ff;border-radius:6px;width:14px;min-height:4px;transition:height .3s}.bar-lbl{color:var(--text-muted);font-size:.7rem;font-weight:600}.pace-grid{text-align:center;justify-content:space-around;display:flex}.pace-item{flex-direction:column;display:flex}.pace-val{font-size:1.3rem;font-weight:800}.pace-lbl{color:var(--text-muted);margin-top:2px;font-size:.75rem}.badges-row{text-align:center;justify-content:space-around;display:flex}.badge-item{opacity:.3;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.badge-item.active{opacity:1}.badge-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.badge-item.active .badge-icon{border:1.5px solid var(--arcade-gold);background:#ffd60a33}.session-history-item{cursor:pointer;border-bottom:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem .6rem;transition:background .15s;display:flex}.session-history-item:hover{background:#ffffff0d}.session-graph-box{border:1px solid var(--border);background:#00000073;border-radius:16px;width:100%;height:160px;margin-bottom:1rem;position:relative;overflow:hidden}#session-graph-svg{width:100%;height:100%;display:block}.graph-stats-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{border:1.5px solid var(--border);text-align:center;background:#18114f;border-radius:24px;width:100%;max-width:380px;padding:1.8rem}.modal-wide{text-align:left;max-width:480px}.modal-sub{color:var(--text-muted);margin:.4rem 0 1rem;font-size:.9rem}.modal-actions{gap:10px;margin-top:1.25rem;display:flex}.polls-stack{flex-direction:column;gap:8px;display:flex}.gov-item{border:1px solid var(--border);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem .9rem;font-size:.95rem;font-weight:600;display:flex}.gov-btn{padding:.35rem .8rem;font-size:.8rem}.voted-btn{color:#000;background:#30d158}.celebration-screen{z-index:300;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:fixed;inset:0}.huge-xp-callout{color:#ffd60a;margin-bottom:.5rem;font-size:4.5rem;font-weight:900}.celeb-stats-grid{gap:12px;width:100%;margin:2rem 0;display:flex}.celeb-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;flex:1;padding:1.25rem;display:flex}.celeb-stat-num{font-size:2.2rem;font-weight:800}.celeb-stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.row-between{justify-content:space-between;align-items:center;display:flex}.row-gap{gap:8px;display:flex}.small-btn{padding:.4rem .9rem;font-size:.85rem}.input-inline{gap:8px;display:flex}#confetti-canvas{pointer-events:none;z-index:500;position:fixed;inset:0}@media (width>=768px){#app{max-width:900px;padding:1.75rem 2.5rem 5rem}.bottom-action-fixed{max-width:500px}.groups-stack,.preset-cards-stack,.profile-widgets-grid,.gov-widgets-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.arcade-ranks-stack{width:100%;max-width:760px;margin:0 auto}.leaderboard-controls{max-width:760px;margin:0 auto 1.25rem}}@media (width>=1024px){#app{max-width:1180px;padding:2rem 3rem 6rem}.bottom-action-fixed{max-width:540px}.groups-stack{grid-template-columns:repeat(3,1fr)}}@media (width>=1440px){#app{max-width:1360px}}.timer-settings-btn{z-index:220;background:#ffffff14;border:1px solid #ffffff26;position:absolute;top:1.5rem;right:1.5rem}.celeb-topic-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:18px;justify-content:space-between;align-items:center;width:100%;max-width:380px;margin:1.25rem auto .5rem;padding:.85rem 1.25rem;display:flex}.celeb-topic-title{color:#fff;font-size:1.05rem;font-weight:700;display:block}