@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,sans-serif;color:#edf5ff;background:#070b18;--ink: #edf5ff;--muted: #9aa8c5;--panel: rgba(18, 27, 55, .76);--line: rgba(128, 211, 255, .2);--cyan: #65e8ff;--violet: #9b7bff;--coral: #ff718d}*{box-sizing:border-box}body{margin:0;background:#070b18}main{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 70% -5%,#203e74 0,transparent 35%),radial-gradient(circle at 10% 65%,#311c5b 0,transparent 38%),#070b18}main:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(111,199,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(111,199,255,.04) 1px,transparent 1px);background-size:34px 34px}header,section,footer{position:relative;z-index:1}header{display:flex;align-items:center;gap:14px;padding:24px clamp(18px,6vw,90px);border-bottom:1px solid var(--line);background:#070b18b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mark{font:28px DM Mono;color:var(--cyan);text-shadow:0 0 18px #65e8ff}small,.eyebrow{font:12px DM Mono;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}h1{font:600 23px Space Grotesk;letter-spacing:-.05em;margin:2px 0;color:var(--ink)}h2{font:600 clamp(39px,6vw,68px)/.98 "Space Grotesk";letter-spacing:-.065em;margin:20px 0;color:var(--ink)}h2 em{color:var(--cyan);font-style:normal}.hero{width:min(760px,calc(100% - 36px));margin:clamp(55px,9vh,105px) auto;flex:1}.intro{font-size:19px;line-height:1.55;color:var(--muted);max-width:520px}.card,.average{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px #ffffff0f,0 20px 50px #0005;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.form{display:grid;gap:22px;margin-top:38px;padding:28px;border-radius:18px}label{display:grid;gap:9px;font:500 13px DM Mono;color:var(--cyan)}input,select{width:100%;border:0;border-bottom:1px solid rgba(147,215,255,.34);background:transparent;color:var(--ink);padding:10px 0;font:18px Space Grotesk;outline:none}input:focus,select:focus{border-color:var(--cyan)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button,.result button,.result a{border:1px solid var(--line);border-radius:99px;background:#17264b;color:var(--ink);padding:7px 12px;font:14px DM Mono;text-decoration:none}.primary,.leave-button,.reset-button{border:1px solid #a0f3ff;background:linear-gradient(135deg,#47bed9,#7185ff);box-shadow:0 0 0 1px #ffffff24 inset,0 9px 25px #59d6ff33;color:#06121d;border-radius:10px;padding:14px 17px;font:600 14px Space Grotesk;cursor:pointer;transition:.18s ease}.primary:hover,.leave-button:hover,.reset-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #59d6ff55}.primary:disabled{opacity:.45;cursor:not-allowed}.result{margin-top:18px;padding:16px;border-radius:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.result code{flex:1;min-width:220px;color:var(--cyan);font:13px DM Mono}.error{color:#ff9cad;font:14px DM Mono;line-height:1.5}.leave-button{margin-left:auto;background:transparent;border-color:#53658e;color:var(--ink);box-shadow:none;font-size:13px}.join,.game{width:min(1090px,calc(100% - 36px));margin:clamp(40px,7vh,82px) auto;flex:1}.join{max-width:620px}.join h2,.game h2{font-size:clamp(33px,4vw,52px)}.hint{font-size:17px;color:var(--muted);margin:0}.gamebar{display:flex;justify-content:space-between;align-items:end;gap:24px}.average{min-width:140px;border-radius:16px;padding:14px 20px;color:var(--muted);text-align:center;font:12px DM Mono}.average strong{display:block;margin-top:7px;font:600 38px Space Grotesk;letter-spacing:-.06em;color:var(--cyan)}.role-results{display:flex;gap:12px;overflow:auto;padding:22px 0}.group-average{min-width:130px}.group-average span{display:block;min-height:30px;line-height:1.25;color:var(--muted)}.table{position:relative;width:min(680px,100%);height:565px;margin:8px auto;border:1px solid rgba(101,232,255,.45);border-radius:50%;background:radial-gradient(circle,rgba(101,232,255,.08) 0,transparent 50%)}.table:before,.table:after{content:"";position:absolute;inset:10%;border:1px dashed rgba(155,123,255,.38);border-radius:50%;pointer-events:none}.table:after{content:"SYNC";inset:0;display:grid;place-items:center;border:0;color:#65e8ff33;font:500 46px DM Mono;letter-spacing:.18em}.person{position:absolute;top:50%;left:50%;z-index:1;width:138px;min-height:125px;text-align:center;border:1px solid var(--line);border-radius:15px;background:#101932eb;box-shadow:0 12px 30px #0006;padding:11px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-236px) rotate(calc(-1 * var(--angle)))}.person.me{border-color:var(--cyan);box-shadow:0 0 0 1px #65e8ff88 inset,0 12px 30px #0006}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#65e8ff,#9b7bff);color:#07111f;display:grid;place-items:center;margin:auto auto 8px;font:500 19px DM Mono}.person b,.person small,.status{display:block}.person b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person small{font:12px DM Mono;letter-spacing:0;text-transform:none;margin:4px 0;color:var(--muted)}.status{font:11px DM Mono;color:var(--cyan)}.revealed{font:600 31px Space Grotesk;color:#ffd270}.cards{display:flex;justify-content:center;gap:10px;overflow:auto;padding:32px 4px 14px}.cards button{min-width:62px;height:84px;background:#141e3cd1;border:1px solid #52658c;border-radius:12px;color:var(--ink);font:600 29px Space Grotesk;cursor:pointer;transition:.16s ease}.cards button:hover{border-color:var(--cyan)}.cards button.selected{background:linear-gradient(145deg,#314f83,#7b63cd);color:#fff;transform:translateY(-8px);border-color:var(--cyan);box-shadow:0 10px 22px #615af355}.vote,.reset-button{display:block;margin:12px auto;min-width:190px}.reset-button{background:transparent;border-color:#687aa2;color:var(--ink);box-shadow:none;font-size:13px}footer{text-align:center;padding:28px;color:#7283a9;font:11px DM Mono;letter-spacing:.1em}@media(max-width:620px){header{padding:18px}.mark{font-size:22px}h1{font-size:18px}.leave-button{font-size:12px;padding:10px}.hero,.join,.game{width:calc(100% - 28px);margin-top:44px}.gamebar{align-items:start;flex-direction:column}.table{height:415px}.person{width:106px;min-height:105px;padding:7px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-164px) rotate(calc(-1 * var(--angle)))}.avatar{width:31px;height:31px;font-size:15px}.person b{font-size:15px}.person small,.status{font-size:10px}.table:after{font-size:31px}.cards{justify-content:start}.cards button{min-width:55px;height:74px}}