:root{--bg:#0b0d13;--panel:#151a26;--line:#2c3345;--ink:#e8eaf0;--muted:#9aa3b8;--dim:#7a8299;--yellow:#f2c230;--pink:#ff4fa3;--cyan:#35d6ff;--blue:#2a78d6;--game:#f2c230}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);background:radial-gradient(900px 480px at 12% -8%, #f2c23021, transparent 70%), radial-gradient(900px 520px at 92% 0%, #35d6ff1c, transparent 70%), radial-gradient(700px 500px at 55% 12%, #ff4fa314, transparent 70%), var(--bg);background-repeat:no-repeat;flex-direction:column;margin:0;font:17px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}[hidden]{display:none!important}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer}img.emoji{vertical-align:-.2em;width:1.1em;height:1.1em}main,.top,.foot{width:100%;max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}main{flex:1}h1{letter-spacing:-.02em;margin:0;font-size:clamp(34px,5.6vw,64px);font-weight:800;line-height:1.08}h1 em{color:var(--yellow);font-style:normal}h2{letter-spacing:-.01em;margin:64px 0 20px;font-size:28px}.lead{max-width:36em;color:var(--muted);margin:18px 0 0;font-size:19px}.top{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;display:flex}.brand{line-height:0;text-decoration:none;display:inline-flex}.brand svg{width:auto;height:34px}.brand.small svg{height:22px}#user{align-items:center;min-height:42px;display:flex}#user>*+*{margin-left:10px}.btn{border:1px solid var(--line);color:var(--ink);text-align:center;white-space:nowrap;background:#1b2030e6;border-radius:12px;padding:10px 18px;font-weight:600;text-decoration:none;transition:border-color .15s,transform .1s,filter .15s;display:inline-block}.btn:hover{border-color:var(--yellow);outline:none}.btn:focus-visible{border-color:var(--yellow);outline:none}.btn:active{transform:scale(.98)}.btn.accent{background:var(--blue);border-color:var(--blue)}.btn.accent:hover{filter:brightness(1.12);border-color:#7db4f5}.btn.accent:focus-visible{filter:brightness(1.12);border-color:#7db4f5}.btn.play{background:var(--game);color:#14161c;box-shadow:0 10px 34px -10px var(--game);border:0;border-radius:16px;padding:16px 28px;font-size:20px;font-weight:800}.btn.play:hover{filter:brightness(1.08)}.btn.play:focus-visible{filter:brightness(1.08)}.btn.big{border-radius:16px;padding:15px 24px;font-size:18px}.chip{border:1px solid var(--line);background:#1b2030e6;border-radius:999px;align-items:center;padding:6px 16px 6px 8px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--yellow);outline:none}.chip:focus-visible{border-color:var(--yellow);outline:none}.avatar{vertical-align:-.35em;border-radius:50%;flex:none;width:1.7em;height:1.7em;margin-right:.5em;display:inline-block;position:relative}.avatar svg,.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.hero{padding:48px 0 8px}.enter{margin-top:30px}.enter>*{margin:4px 12px 4px 0}.guest #user{display:none}.guest .hero{text-align:center;padding-top:18vh}.guest .enter>*{margin:6px}.code{border:1px solid var(--line);background:#151a26db;border-radius:20px;margin-top:34px;padding:16px 18px;display:inline-block}.code label{color:var(--muted);margin-bottom:8px;font-size:15px;display:block}.code-row{display:flex}.code input{letter-spacing:.28em;text-align:center;font-variant-numeric:tabular-nums;background:#1b2030;border:1px solid #3a4154;border-radius:12px;width:6.2em;padding:8px 6px;font-size:28px;font-weight:700}.code input:focus{border-color:var(--yellow);outline:none}.code button{background:var(--blue);border:0;border-radius:12px;margin-left:10px;padding:0 22px;font-size:18px;font-weight:700}.code small{min-height:1.4em;color:var(--dim);margin-top:8px;font-size:13px;display:block}.code small.bad{color:#ff8a80}.tiles{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:var(--game);box-shadow:0 18px 44px -22px var(--game);outline:none;transform:translateY(-4px)}.tile:focus-visible{border-color:var(--game);box-shadow:0 18px 44px -22px var(--game);outline:none;transform:translateY(-4px)}.cover{background:linear-gradient(135deg,#1b2233,#10131a);height:0;padding-top:56.25%;position:relative}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.cover:after{content:"";background:linear-gradient(transparent, var(--panel));height:55%;position:absolute;bottom:0;left:0;right:0}.tile .icon{z-index:1;text-align:center;background:#0b0d13c7;border-radius:16px;width:52px;height:52px;font-size:30px;line-height:52px;position:absolute;top:14px;left:14px}.tile .body{flex-direction:column;flex:1;margin-top:-26px;padding:0 20px 20px;display:flex;position:relative}.tile b{letter-spacing:-.01em;font-size:26px}.tile .tagline{color:var(--muted)}.tile .meta{color:var(--dim);justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;font-size:14px;display:flex}.tile .go{color:var(--game);font-size:16px;font-weight:700}.tile.soon{min-height:260px;color:var(--dim);text-align:center;background:0 0;border-style:dashed;justify-content:center;align-items:center;padding:24px}.tile.soon i{font-size:44px;font-style:normal}.tile.soon:hover{border-color:var(--line);box-shadow:none;transform:none}.how{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.how li{border:1px solid var(--line);counter-increment:step;background:#151a26b8;border-radius:22px;padding:22px 22px 24px;position:relative}.how li:before{content:counter(step);color:#3a4154;font-size:38px;font-weight:800;line-height:1;position:absolute;top:18px;right:20px}.how svg{width:120px;height:84px;margin-bottom:12px;display:block}.how b{font-size:19px;display:block}.how span{color:var(--muted);margin-top:4px;font-size:15px;display:block}.crumbs{margin:6px 0 16px;font-size:15px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.stage{border:1px solid var(--line);background:linear-gradient(135deg,#1b2233,#10131a);border-radius:28px;position:relative;overflow:hidden}.stage>img{object-fit:cover;width:100%;height:clamp(300px,46vw,520px);display:block}.stage>.blank{height:clamp(300px,46vw,520px)}.stage:after{content:"";pointer-events:none;background:linear-gradient(#0b0d130d 30%,#0b0d13ed 88%),linear-gradient(90deg,#0b0d1399,#0000 62%);position:absolute;top:0;bottom:0;left:0;right:0}.stage .title{z-index:1;padding:28px 32px;position:absolute;bottom:0;left:0;right:0}.stage h1 .icon{margin-right:.22em}.stage .tagline{color:#d6dae5;margin:8px 0 0;font-size:22px}.badges{margin:14px 0 0;padding:0;font-size:14px;list-style:none}.badges li{border:1px solid var(--line);color:#c3c8d6;background:#0b0d13b8;border-radius:999px;margin:0 8px 8px 0;padding:5px 12px;display:inline-block}.launch{border:1px solid var(--line);background:#151a26db;border-radius:22px;grid-template-columns:1fr;align-items:center;gap:6px 18px;margin-top:20px;padding:20px 24px;display:grid}.launch .actions>*{margin:4px 10px 4px 0}.launch .note{color:var(--muted);margin:0;font-size:15px}.launch .note a{color:#7db4f5}.launch.wide{margin-top:52px}.cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;margin-top:44px;display:grid}.cols h2,.wide h2{margin-top:0}.about p{color:#d0d4df;margin:0 0 14px;font-size:18px}.steps{border:1px solid var(--line);background:#151a26b8;border-radius:22px;align-self:start;padding:22px 22px 22px 24px}.steps ol{counter-reset:step;margin:0;padding:0;list-style:none}.steps h2{margin:0 0 14px;font-size:22px}.steps li{color:#c3c8d6;counter-increment:step;padding:0 0 14px 42px;font-size:15.5px;position:relative}.steps li:last-child{padding-bottom:0}.steps li:before{content:counter(step);background:var(--game);color:#14161c;text-align:center;border-radius:50%;width:28px;height:28px;font-size:15px;font-weight:800;line-height:28px;position:absolute;top:0;left:0}.wide{margin-top:52px}.features{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.feature{border:1px solid var(--line);background:#151a26b8;border-radius:20px;padding:18px 18px 20px}.feature i{margin-bottom:8px;font-size:30px;font-style:normal;line-height:1.1;display:block}.feature b{font-size:18px;display:block}.feature span{color:var(--muted);margin-top:4px;font-size:15px;display:block}.shots{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.shots a{border:1px solid var(--line);border-radius:18px;line-height:0;display:block;overflow:hidden}.shots a:hover{border-color:var(--game);outline:none}.shots a:focus-visible{border-color:var(--game);outline:none}.shots img{object-fit:cover;width:100%;height:100%}.missing{text-align:center;padding:80px 0}.missing p{color:var(--muted);margin:12px auto 28px}.foot{color:var(--dim);border-top:1px solid #1c2130;flex-wrap:wrap;align-items:center;margin-top:72px;padding-top:22px;padding-bottom:28px;font-size:14px;display:flex}.foot>*{margin:4px 22px 4px 0}.foot a{color:var(--muted)}@media (max-width:820px){.cols{grid-template-columns:1fr;gap:28px}}@media (max-width:560px){body{font-size:16px}main,.top,.foot{padding-left:16px;padding-right:16px}.brand svg{height:28px}.hero{padding-top:26px}.lead{font-size:17px}h2{margin-top:48px;font-size:24px}#user .btn{padding:8px 12px;font-size:14px}#user .btn.signup{display:none}.chip span.name{text-overflow:ellipsis;white-space:nowrap;max-width:7em;overflow:hidden}.code{display:block}.code-row input{flex:1;width:0}.stage{border-radius:22px}.stage>img,.stage>.blank{height:200px}.stage:after{display:none}.stage .title{padding:16px 18px 12px;position:static}.stage .tagline{font-size:18px}.launch{padding:16px}.launch .actions .btn,.enter .btn{width:100%;margin-right:0;display:block}}