:root{--bg: #0b1020;--bg2: #070b14;--text: #f8fafc;--muted: #94a3b8;--glass: rgba(255, 255, 255, .06);--glass2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .14);--purple: #a78bfa;--cyan: #22d3ee;--pink: #fb7185;--danger: #ef4444;--success: #22c55e}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 800px at 30% 10%,rgba(124,92,255,.18),transparent 55%),radial-gradient(900px 700px at 80% 30%,rgba(34,211,238,.14),transparent 55%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen{min-height:100vh}.container{width:min(520px,100%);margin:0 auto;padding:18px 16px}.container.center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px;padding-bottom:40px}.glass{background:var(--glass);border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card{padding:16px;margin-bottom:14px}.vstack{display:flex;flex-direction:column;gap:12px}.hstack{display:flex;flex-direction:row;gap:10px;align-items:center}.sub{font-size:13px;color:var(--muted);line-height:1.35}.hero{text-align:center;margin-top:58px;margin-bottom:24px}.logoBubble{width:54px;height:54px;border-radius:999px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px #00000059;font-size:26px}.heroTitle{margin:0;font-size:44px;letter-spacing:-.03em;font-weight:900}.heroSub{margin:10px 0 0;font-size:16px;color:#94a3b8f2}.labelRow{display:flex;justify-content:space-between;align-items:center}.label{font-size:14px;font-weight:800;color:#f1f5f9eb}.counter{font-size:13px;color:#94a3b8e6}input{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172aa6;color:var(--text);font-size:16px}input::placeholder{color:#94a3b8b3}input:focus{outline:none;border-color:#a78bfa8c;box-shadow:0 0 0 3px #a78bfa2e}.btn{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:var(--text);font-size:16px;font-weight:850;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(90deg,#a78bfaf2,#22d3eef2);border:none;box-shadow:0 14px 28px #00000059}.btn.ghost{background:transparent}.headerRow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;margin-bottom:10px}.hello{color:#94a3b8f2;font-size:14px}.helloName{font-size:22px;font-weight:900;letter-spacing:-.02em}.iconRow{display:flex;gap:10px}.iconBtn{width:38px;height:38px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text);cursor:pointer}.pillBar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;margin:12px 0 14px;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8f2;font-size:12px}.lastGameRow{display:flex;justify-content:space-between;align-items:center;gap:10px}.lastGameScore{font-size:20px;font-weight:900;color:#a78bfaf2;margin-top:4px}.actionList{display:flex;flex-direction:column;gap:14px;padding-bottom:18px}.actionCard{width:100%;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px #00000059;padding:18px 16px;display:flex;gap:14px;align-items:center;cursor:pointer;text-align:left;position:relative;overflow:hidden}.actionCard:before{content:" ";position:absolute;left:0;top:0;bottom:0;width:6px;background:#a78bfae6}.actionCard.accentPurple:before{background:linear-gradient(180deg,#a78bfa,#7c5cffd9)}.actionCard.accentPink:before{background:linear-gradient(180deg,#fb7185,#f43f5ebf)}.actionCard.accentCyan:before{background:linear-gradient(180deg,#22d3ee,#06b6d4bf)}.actionIcon{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:24px}.actionTitle{font-size:22px;font-weight:900;letter-spacing:-.02em}.actionSub{font-size:13px;color:#94a3b8f2;margin-top:3px}.topNav{position:sticky;top:0;z-index:10;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#070b14eb,#070b148c,#070b1400)}.backBtn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:750}.topTitle{font-weight:900;letter-spacing:-.02em}.pageTitle{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.pageIcon{font-size:28px}.pageH{font-size:26px;font-weight:900;letter-spacing:-.02em}.joinHero{text-align:center;margin-top:34px;margin-bottom:14px}.joinTitle{font-size:30px;font-weight:900;letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;font-size:13px;font-weight:850}.badge.big{font-size:22px;padding:10px 16px}.topbar{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#070b14eb,#070b148c,#070b1400);padding-top:10px}.timer{font-weight:900;font-size:18px}.hr{height:1px;background:#ffffff1a;margin:12px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.row:last-child{border-bottom:none}.avatar{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-weight:900}.stickyBottom{position:sticky;bottom:0;padding:12px 0 10px;background:linear-gradient(180deg,#070b1400,#070b148c,#070b14eb)}.tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.tab{flex:0 0 auto;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--text);cursor:pointer;font-size:13px;font-weight:750;white-space:nowrap}.tab.active{background:#a78bfa33;border-color:#a78bfa7a}.tab.done:after{content:" •";color:#22c55ef2;font-weight:900}.vote{display:flex;gap:8px}.vote button{width:auto;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--text);cursor:pointer;font-weight:800}.vote button.on{border-color:#a78bfa73;background:#a78bfa2e}@media(max-width:420px){.container{padding:16px 14px}.heroTitle{font-size:40px}.actionTitle,.helloName{font-size:20px}}.container.menu .iconRow button:not(:last-child){display:none}.container.menu .pillBar,.container.menu .lastGameRow{display:none}.container.menu .actionCard{background:#fff;border:1px solid rgba(15,23,42,.08);color:#0f172a;box-shadow:0 16px 40px #00000059}.container.menu .actionCard .actionSub{color:#64748bf2}.container.menu .actionIcon{background:#0f172a0f;border:1px solid rgba(15,23,42,.06)}.container.menu .iconBtn{width:40px;height:40px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(255,255,255,.25);color:#0f172a}@media(max-width:420px){.container.menu{padding:16px 14px}.container.menu .actionTitle{font-size:20px}}.nickScreen{min-height:100vh;display:flex;align-items:center}.nickContainer{width:min(520px,100%);margin:0 auto;padding:24px 18px 28px}.nickHero{text-align:center;margin:72px 0 34px}@media(max-width:420px){.nickHero{margin-top:56px}}.nickLogo{width:56px;height:56px;border-radius:999px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px #00000059}.nickTitle{margin:0;font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:900;color:#fffffff2}@media(max-width:420px){.nickTitle{font-size:46px}}.nickSub{margin:14px 0 0;font-size:20px;color:#94a3b8eb}@media(max-width:420px){.nickSub{font-size:17px}}.nickForm{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;box-shadow:0 14px 40px #00000059}.nickLabelRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.nickLabel{font-weight:850;color:#ffffffc7;font-size:18px}.nickCounter{font-size:16px;color:#94a3b8d9}.nickInput{width:100%;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0f172a8c;color:#ffffffeb;font-size:18px}.menuScreen{min-height:100vh}.menuContainer{width:min(520px,100%);margin:0 auto;padding:20px 18px 26px}.menuTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:8px}.menuHelloSmall{color:#94a3b8e6;font-size:16px}.menuHelloName{font-size:30px;font-weight:900;letter-spacing:-.02em;color:#fffffff2}@media(max-width:420px){.menuHelloName{font-size:26px}}.menuIcons{display:flex;gap:10px}.menuIconBtn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb;box-shadow:0 10px 28px #00000047;cursor:pointer}.menuPill{margin:14px 0 12px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;text-align:center;color:#94a3b8eb;font-size:13px}.menuLast{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;margin-bottom:16px}.menuLastSmall{color:#94a3b8d9;font-size:13px;font-weight:750}.menuLastScore{margin-top:6px;font-size:22px;font-weight:900;color:#a78bfaf2}.menuLastRight{text-align:right;color:#94a3b8e6;font-size:13px;line-height:1.25}.menuCards{display:flex;flex-direction:column;gap:16px}.menuCard{width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;box-shadow:0 18px 50px #0006;padding:18px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;position:relative;overflow:hidden}.menuCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px}.menuCard.accentPurple:before{background:linear-gradient(180deg,#a78bfa,#7c5cffcc)}.menuCard.accentCyan:before{background:linear-gradient(180deg,#22d3ee,#06b6d4cc)}.menuCard.accentPink:before{background:linear-gradient(180deg,#fb7185,#f43f5ec7)}.menuCardIconWrap{width:58px;height:58px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;display:flex;align-items:center;justify-content:center}.menuCardIcon{font-size:26px}.menuCardTitle{font-size:26px;font-weight:900;letter-spacing:-.02em;color:#fffffff2}.menuCardSub{margin-top:6px;font-size:14px;color:#94a3b8eb}@media(max-width:420px){.menuCardTitle{font-size:24px}.menuCardIconWrap{width:54px;height:54px}}.nickScreen{background:radial-gradient(900px 700px at 30% 15%,rgba(124,58,237,.22),transparent 60%),radial-gradient(900px 700px at 80% 35%,rgba(34,211,238,.18),transparent 62%),radial-gradient(900px 700px at 55% 95%,rgba(244,63,94,.12),transparent 55%)}.nickLogo{background:linear-gradient(135deg,#a78bfa38,#22d3ee29);border-color:#ffffff2e;box-shadow:0 16px 40px #00000073}.nickTitle{background:linear-gradient(90deg,#fffffff2,#a78bfaf2);-webkit-background-clip:text;background-clip:text;color:transparent}.nickCard{background:#ffffff0b;border-color:#ffffff1f}.nickInput{background:#0f172a8c;border-color:#ffffff24}.nickInput:focus{border-color:#a78bfa8c;box-shadow:0 0 0 3px #a78bfa2e}.nickBtn{background:linear-gradient(90deg,#a78bfaf2,#22d3eef2);border:none;box-shadow:0 18px 38px #00000073}.nickBtn:active{transform:translateY(1px)}.menuScreen{background:radial-gradient(1100px 800px at 25% 10%,rgba(124,58,237,.2),transparent 58%),radial-gradient(1100px 800px at 85% 25%,rgba(34,211,238,.16),transparent 60%),radial-gradient(900px 700px at 50% 95%,rgba(244,63,94,.1),transparent 55%)}.menuIconBtn{background:#ffffff12;border-color:#ffffff29}.menuPill{background:#ffffff0f;border-color:#ffffff24}.menuCard{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-color:#ffffff24}.menuCardIconWrap{background:#ffffff14;border-color:#ffffff29}.menuCard.accentPurple .menuCardIconWrap{background:radial-gradient(circle at 30% 30%,#a78bfa38,#ffffff0f)}.menuCard.accentCyan .menuCardIconWrap{background:radial-gradient(circle at 30% 30%,#22d3ee33,#ffffff0f)}.menuCard.accentPink .menuCardIconWrap{background:radial-gradient(circle at 30% 30%,#fb71852e,#ffffff0f)}.menuCardTitle{background:linear-gradient(90deg,#fffffff5,#94a3b8f5);-webkit-background-clip:text;background-clip:text;color:transparent}.menuCard:active{transform:translateY(1px)}.menuIconBtn,.menuHeader .menuIconBtn,.menuHeader .iconBtn,.menuPill,.menuLast,.menuLastWrap,.menuLastCard,.menuScore,.scoreBadge,.menuProfile,.profileWrap{display:none!important}body:has(.card){-webkit-backdrop-filter:none;backdrop-filter:none}div[style*="position: fixed"][style*=rgba]{backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;background:#0000008c!important}