@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#080808;background:#f2efe7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f2efe7}button,input{font:inherit}button,a{color:inherit}.voting-shell{min-height:100vh;overflow:hidden;background:#f2efe7}.site-header,main,footer{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:relative;z-index:1;height:74px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #262626;background:#070707;box-shadow:0 0 0 100vmax #070707;clip-path:inset(0 -100vmax)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{display:block;width:108px;height:auto}.brand span:last-child,.account-chip>span:last-child{display:grid}.brand strong{font:800 16px/1 Manrope,sans-serif;letter-spacing:-.02em}.brand small,.account-chip small{margin-top:4px;color:#a7a7a7;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.login-button,.account-chip{min-height:44px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff0f}.login-button{display:inline-flex;align-items:center;gap:9px;padding:0 18px;cursor:pointer;font-weight:700}.login-button:hover{border-color:#fff;background:#fff;color:#070707}.login-button svg{width:17px}.account-chip{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 6px}.account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f52238;color:#fff;font-weight:800}.account-chip strong{font-size:13px}main{padding:76px 0 0}.hero{max-width:840px;margin-bottom:76px}.eyebrow,.section-kicker{color:#f52238;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#f52238;box-shadow:0 0 0 5px #f522381a}.hero h1{max-width:760px;margin:20px 0 18px;font:800 clamp(46px,7vw,86px)/.94 "Manrope",sans-serif;letter-spacing:-.065em}.hero>p{max-width:650px;margin:0;color:#373737;font-size:clamp(17px,2vw,20px);line-height:1.55}.live-player{width:min(500px,100%);min-height:78px;margin-top:34px;padding:12px 18px 12px 12px;display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;color:#fff;border:1px solid #070707;border-radius:4px;background:#070707}.live-player button{width:54px;height:54px;display:grid;place-items:center;border:0;border-radius:50%;background:#f52238;color:#fff;cursor:pointer}.live-player button svg{width:21px;fill:currentColor}.live-player div{display:grid;gap:5px}.live-player div strong{font:700 15px Manrope,sans-serif}.live-player div span{color:#a7a7a7;font-size:12px}.live-player i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#58dc8b}.live-player>svg{width:20px;color:#a7a7a7}.round-panel{position:relative;width:100vw;margin-inline:calc(50% - 50vw);padding:58px max(24px,calc((100vw - 1180px)/2)) 76px;color:#f7f7f4;border-top:0;background:#070707}.round-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.round-heading h2{margin:7px 0 0;font:700 clamp(27px,4vw,40px) "Manrope",sans-serif;letter-spacing:-.04em}.round-stats{display:flex;gap:24px;color:#9d9d9d;font-size:13px}.round-stats span{display:grid;text-align:right}.round-stats strong{color:#f8f9fb;font:700 18px Manrope,sans-serif}.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.genre-card{min-height:214px;padding:22px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:12px;text-align:left;border:1px solid #2a2a2a;border-radius:4px;background:#101010;cursor:pointer;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.genre-card:not(:disabled):hover{transform:translateY(-3px);border-color:#707070;background:#171717}.genre-card:focus-visible,.login-button:focus-visible,.live-player button:focus-visible,.modal-close:focus-visible,.submit-login:focus-visible,input:focus-visible{outline:3px solid #f52238;outline-offset:3px}.genre-card:disabled{cursor:default;opacity:.72}.genre-card.selected,.genre-card.winner{border-color:#f52238;box-shadow:inset 0 0 0 1px #f52238;opacity:1}.genre-number{color:#606a7c;font:700 11px Manrope,sans-serif;letter-spacing:.16em}.genre-name{grid-column:1 / -1;align-self:end;font:700 clamp(24px,3vw,34px) "Manrope",sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere}.genre-votes{align-self:center;color:#99a1b0;font-size:13px}.genre-action{width:44px;height:34px;display:grid;place-items:center;justify-self:end;border-radius:999px;background:#ffffff17;font-size:12px;font-weight:700}.genre-action svg{width:16px}.genre-card.selected .genre-action,.genre-card.winner .genre-action{background:#f52238;color:#fff}.notice{margin:-8px 0 20px;padding:12px 14px;border-radius:10px;font-size:14px}.notice.success{background:#34c16f21;color:#8debb4}.notice.error{background:#ef4d5721;color:#ff9ea4}.empty-state{min-height:240px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;border:1px dashed rgba(255,255,255,.15);border-radius:18px;color:#9098a8}.empty-state svg{width:28px;height:28px}.empty-state strong{color:#eff1f5;font:700 18px Manrope,sans-serif}.trust-line{display:flex;align-items:center;gap:8px;margin-top:18px;color:#798294;font-size:12px}.trust-line svg{width:14px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{min-height:84px;display:flex;align-items:center;gap:22px;color:#8f8f8f;border-top:1px solid #262626;background:#070707;box-shadow:0 0 0 100vmax #070707;clip-path:inset(0 -100vmax);font-size:12px}footer a{margin-left:auto;text-underline-offset:3px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#030303d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-modal{position:relative;width:min(440px,100%);padding:34px;color:#080808;border:1px solid #d2cec4;border-radius:4px;background:#f2efe7;box-shadow:0 30px 90px #00000073}.modal-close{position:absolute;top:15px;right:15px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #d2cec4;border-radius:50%;background:transparent;cursor:pointer}.modal-close svg{width:17px}.modal-icon{width:46px;height:46px;margin-bottom:22px;display:grid;place-items:center;border-radius:4px;background:#f52238;color:#fff}.modal-icon svg{width:21px}.login-modal h2{margin:7px 0 10px;font:700 30px Manrope,sans-serif;letter-spacing:-.04em}.login-modal>p:not(.section-kicker){margin:0 0 24px;color:#4e4e4e;line-height:1.55}.login-modal form{display:grid;gap:16px}.login-modal label{display:grid;gap:7px;color:#282828;font-size:13px;font-weight:600}.login-modal input{width:100%;min-height:48px;padding:0 13px;border:1px solid #bdb9b0;border-radius:3px;background:#fff;color:#080808}.submit-login{min-height:50px;margin-top:4px;display:flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:3px;background:#f52238;color:#fff;font-weight:800;cursor:pointer}.submit-login svg{width:18px}@media(max-width:800px){.site-header,main,footer{width:min(100% - 28px,1180px)}.site-header{height:70px}main{padding:52px 0 48px}.hero{margin-bottom:52px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.round-heading{align-items:start;flex-direction:column}.round-stats span{text-align:left}}@media(max-width:520px){.brand small,.account-chip small{letter-spacing:.06em}.brand-logo{width:92px}.account-chip{max-width:48%}.account-chip>span:last-child{min-width:0}.account-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero h1{font-size:clamp(42px,14vw,60px)}.genre-grid{grid-template-columns:1fr}.genre-card{min-height:176px}.round-stats{width:100%;justify-content:space-between}.login-modal{padding:28px 22px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}