:root{--bg:#0b0c10;--card:#14151b;--card2:#1b1c23;--text:#f6f3ea;--muted:#9698a5;--line:#292b34;--lime:#cbff56;--pink:#ff60bf;--blue:#6a8cff;--orange:#ff8a47;--cyan:#61e7df;--red:#ff5d5d;--radius:22px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:17px}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--lime);color:#111;font-size:0}.logo:after{content:'▥';font-size:23px;font-weight:800;transform:rotate(90deg)}.brand b{font-weight:800}.connection{font:12px DM Mono;color:var(--muted);display:flex;align-items:center;gap:8px}.connection i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}main{max-width:1240px;margin:auto;padding:44px 28px 80px}.hero{min-height:calc(100vh - 170px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{font:500 12px DM Mono;color:var(--lime);text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.hero h1{font-size:clamp(54px,7vw,96px);line-height:.92;letter-spacing:-.065em;margin:0 0 25px;max-width:740px}.hero h1 em{font-style:normal;color:var(--pink)}.hero-copy{font-size:18px;color:var(--muted);max-width:570px;line-height:1.65}.steps{display:flex;gap:24px;margin-top:38px}.step{font:12px DM Mono;color:var(--muted)}.step b{display:block;color:var(--text);font:700 20px Manrope;margin-top:3px}.home-card,.panel{background:rgba(20,21,27,.92);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 30px 80px #0006}.home-card h2,.panel h2{font-size:24px;margin:0 0 8px}.home-card p,.sub{color:var(--muted);font-size:14px;margin:0 0 22px}label{display:block;color:var(--muted);font:11px DM Mono;text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px}input,select{width:100%;border:1px solid var(--line);background:#0e0f13;color:var(--text);border-radius:12px;padding:14px 15px;font:600 14px Manrope;outline:0}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6a8cff20}.row{display:flex;gap:10px}.row>*{flex:1}button{border:0;border-radius:12px;padding:14px 18px;font:800 14px Manrope;cursor:pointer;transition:.18s transform,.18s opacity;background:var(--lime);color:#10120c}button:hover{transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed;transform:none}.secondary{background:var(--card2);color:var(--text);border:1px solid var(--line)}.pink{background:var(--pink)}.blue{background:var(--blue);color:white}.danger{background:var(--red);color:white}.big{width:100%;margin-top:14px}.divider{display:flex;align-items:center;gap:10px;color:#5f616b;font:11px DM Mono;margin:22px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.lobby-code{font:500 13px DM Mono;background:var(--card);color:#fff;border:1px solid var(--line);border-radius:100px;padding:9px 14px}.lobby-code b{color:#fff;font-size:16px;margin-left:7px;letter-spacing:.15em}.sample{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(420px,1.35fr);gap:24px;align-items:stretch;background:linear-gradient(100deg,#242026,#16171d);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:24px}.sample-info{display:flex;flex-direction:column;justify-content:center;padding:8px}.sample h3{margin:8px 0 6px;font-size:22px}.sample p{color:var(--muted);font-size:13px;line-height:1.5}.sample small{color:var(--muted);font:11px DM Mono}.sample-vote{margin-top:auto}.sample-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#050505}.sample-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sample-link{display:grid;place-items:center}.sample-link a{padding:14px 20px;border-radius:12px;text-decoration:none;color:white}.player-meta{display:flex;align-items:center;gap:10px;min-height:25px}.player-meta .role{margin-top:0;padding-left:10px;border-left:1px solid var(--line)}.layout{display:grid;grid-template-columns:1fr 330px;gap:24px}.panel{box-shadow:none}.players{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.player{position:relative;background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:17px;min-height:112px;overflow:hidden}.player.turn{border-color:var(--lime);box-shadow:0 0 0 2px #cbff5618}.avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--blue);font-weight:800;color:#111;float:left;margin-right:12px}.player:nth-child(2) .avatar{background:var(--pink)}.player:nth-child(3) .avatar{background:var(--orange)}.player:nth-child(4) .avatar{background:var(--cyan)}.player h3{font-size:14px;margin:1px 0 2px}.player small{font:11px DM Mono;color:var(--muted)}.role{display:inline-block;font:500 10px DM Mono;text-transform:uppercase;color:var(--lime);margin-top:10px}.tags{clear:both;display:flex;flex-wrap:wrap;gap:5px;padding-top:13px}.tag{font:10px DM Mono;background:#0e0f13;border:1px solid var(--line);border-radius:6px;padding:5px 7px}.cheater:after{content:'CHEATER';position:absolute;inset:auto -30px 30px auto;transform:rotate(-20deg);font:800 23px Manrope;color:var(--red);border:4px solid var(--red);padding:2px 20px;opacity:.88}.settings summary{list-style:none;cursor:pointer;font-weight:800}.settings summary::-webkit-details-marker{display:none}.settings summary:after{content:'+';float:right;color:var(--lime)}.settings[open] summary:after{content:'−'}.checks{display:flex;flex-wrap:wrap;gap:7px;max-height:170px;overflow:auto}.check{font:10px DM Mono;border:1px solid var(--line);padding:7px;border-radius:7px;cursor:pointer}.check input{width:auto;margin:0 4px 0 0}.phase-title{text-align:center;padding:10px 0 30px}.phase-title h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.05em;margin:6px}.phase-title p{color:var(--muted)}.timer{font:500 clamp(62px,10vw,130px) DM Mono;text-align:center;letter-spacing:-.07em;margin:30px 0}.timer.warn{color:var(--red)}.draft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.device{background:var(--card2);color:var(--text);border:1px solid var(--line);padding:18px 12px;text-align:left;min-height:78px}.device span{display:block;color:var(--muted);font:10px DM Mono;margin-top:8px}.device.instrument{border-color:#cbff5640}.device.picked{opacity:.28;text-decoration:line-through;background:#0e0f13;border-color:var(--red)}.device.picked span{color:var(--red);text-decoration:none}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:150px;border:2px dashed #484b58;border-radius:16px;padding:22px;margin:12px 0;text-align:center;cursor:pointer;transition:.18s border-color,.18s background,.18s transform}.upload-zone:hover,.upload-zone.dragging{border-color:var(--blue);background:#6a8cff0d;transform:translateY(-1px)}.upload-zone.has-file{border-color:var(--lime);background:#cbff5609}.upload-zone strong{font-size:15px}.upload-zone span{color:var(--muted);font:11px DM Mono;overflow-wrap:anywhere}.upload-zone.has-file span{color:var(--lime)}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--card2);color:var(--lime);font-size:24px}.progress{height:8px;background:#0e0f13;border-radius:10px;overflow:hidden;margin:20px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--pink));transition:width .3s}.final-player{background:var(--card2);border-radius:18px;padding:20px;margin-top:18px}.final-player audio{width:100%}.notice{border-left:3px solid var(--orange);background:#ff8a4710;padding:12px 14px;color:#cfb5a7;font-size:12px;border-radius:0 9px 9px 0}.new-round{position:fixed;left:24px;bottom:24px;z-index:9;background:#202129;color:#fff;border:1px solid #393b46;box-shadow:0 12px 30px #0008}.new-round:hover{border-color:var(--pink);color:var(--pink)}.toast{position:fixed;right:24px;bottom:24px;background:var(--text);color:#111;padding:13px 18px;border-radius:10px;font-weight:700;font-size:13px;transform:translateY(100px);opacity:0;transition:.25s;z-index:10}.toast.show{transform:none;opacity:1}.empty{border:1px dashed var(--line);padding:30px;text-align:center;color:var(--muted);border-radius:15px}.mono{font-family:DM Mono}.hidden{display:none!important}@media(max-width:850px){.hero,.layout{grid-template-columns:1fr}.hero{padding-top:25px;gap:40px}.sample{grid-template-columns:1fr}.sample .secondary{grid-column:auto}.players{grid-template-columns:1fr}.draft-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header,main{padding-left:17px;padding-right:17px}.new-round{left:17px;bottom:17px;padding:11px 14px}.hero h1{font-size:52px}.steps{gap:12px;flex-wrap:wrap}.home-card,.panel{padding:19px}.sample{grid-template-columns:1fr}.sample-art{height:70px}.row{flex-direction:column}.draft-grid{grid-template-columns:1fr 1fr}.timer{font-size:64px}}