/* LEX AWARDS — логотип, колесо номинаций, окно голосования */
:root{--g1:#fff0b4;--g2:#f5ca76;--g3:#d9a83e;--g4:#9d6410;--ink:#080706}

/* ---------- логотип ---------- */
.logo{gap:12px}
.logo .logo-lex{font:900 clamp(30px,5vw,42px)/1 'Unbounded',Impact,sans-serif;letter-spacing:.02em;color:#fff;text-shadow:0 0 22px rgba(245,202,118,.55)}
.logo span{font-size:12px;letter-spacing:.34em;align-self:flex-end;padding-bottom:4px}
.logo{flex:none}.logo .star{width:26px;flex:none}.profile-avatar,.profile-trigger{flex:none}
.awards-hero h1 span{display:block;font-size:1.55em;line-height:.95;background:linear-gradient(180deg,#fff 20%,var(--g2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px rgba(245,202,118,.35))}
.awards-hero h1 span{letter-spacing:-.03em!important}
.awards-hero h1 em{display:block;letter-spacing:.06em}

/* ---------- колесо ---------- */
.wheel{--cw:clamp(240px,31vw,340px);--step:300px;position:relative;max-width:1200px;margin:0 auto;padding:6px 0 10px;overflow:hidden}
.wheel-ring{position:absolute;left:50%;top:270px;width:min(780px,125vw);aspect-ratio:1;transform:translate(-50%,-50%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1);pointer-events:none;opacity:.8}
.wheel-ring svg{width:100%;height:100%;display:block}
.wheel-stage{position:relative;height:clamp(470px,60vw,560px);perspective:1500px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.wheel-card{position:absolute;left:50%;top:14px;width:var(--cw);margin-left:calc(var(--cw)/-2);padding:20px 18px 22px;text-align:center;border-radius:22px;border:1px solid rgba(221,171,81,.35);background:linear-gradient(165deg,rgba(46,33,13,.9),rgba(10,8,5,.96) 70%);box-shadow:0 30px 60px -25px #000;cursor:pointer;
  transform:translateX(calc(var(--d)*var(--step))) translateZ(calc(var(--ad)*-170px)) rotateY(calc(var(--d)*-32deg)) scale(calc(1 - var(--ad)*.1));
  opacity:calc(1 - var(--ad)*.38);filter:brightness(calc(1 - var(--ad)*.3));
  transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s,box-shadow .6s,border-color .6s}
.wheel-card.is-far{opacity:0;pointer-events:none}
.wheel-card.is-active{cursor:default;border-color:rgba(245,202,118,.85);box-shadow:0 0 0 1px rgba(245,202,118,.25),0 0 70px -6px rgba(245,180,65,.45),0 40px 70px -25px #000}
.wheel-no{font:700 11px 'Unbounded',sans-serif;letter-spacing:.32em;color:var(--g2)}
.wheel-art{height:clamp(190px,24vw,250px);margin:10px 0 6px;display:grid;place-items:center}
.wheel-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(0,0,0,.7)) drop-shadow(0 0 24px rgba(218,157,47,.3));transition:transform .6s}
.wheel-card.is-active .wheel-art img{animation:wfloat 5s ease-in-out infinite}
@keyframes wfloat{50%{transform:translateY(-8px)}}
.wheel-art svg{width:70%;filter:drop-shadow(0 0 22px rgba(245,180,65,.5))}
.wheel-title{margin:6px 0 8px;font:800 clamp(16px,2vw,21px)/1.25 'Unbounded',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.02em;min-height:2.5em;display:grid;place-items:center}
.wheel-meta{font:600 12px 'Manrope',sans-serif;color:#a8977a;letter-spacing:.04em}
.wheel-meta b{color:var(--g2)}
.wheel-open{margin-top:18px;padding:13px 22px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--g1),var(--g3));color:var(--ink);font:700 11px 'Unbounded',sans-serif;letter-spacing:.14em;cursor:pointer;box-shadow:0 0 26px rgba(245,180,65,.35);transition:.2s;opacity:0;transform:translateY(8px);pointer-events:none}
.wheel-card.is-active .wheel-open{opacity:1;transform:none;pointer-events:auto}
.wheel-open:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(245,180,65,.7)}

.wheel-arrow{position:absolute;top:250px;z-index:30;width:54px;height:54px;border-radius:50%;border:1px solid rgba(244,190,87,.8);background:rgba(8,6,3,.8);color:var(--g2);font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}
.wheel-arrow.prev{left:8px}.wheel-arrow.next{right:8px}
.wheel-arrow:hover{background:linear-gradient(145deg,var(--g1),#c88722);color:#160e03;box-shadow:0 0 32px rgba(245,181,65,.45);transform:scale(1.08)}

.wheel-nav{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:6px}
.wheel-nav .award-page-count{font:800 24px 'Unbounded',sans-serif;color:var(--g2);letter-spacing:.08em}
.wheel-nav .award-page-count span{color:#6b5a34;margin:0 4px}
.wheel-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:620px}
.wheel-dot{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid rgba(245,202,118,.6);background:transparent;cursor:pointer;transition:.3s}
.wheel-dot.on{width:30px;border-radius:6px;background:var(--g2);box-shadow:0 0 14px rgba(245,202,118,.8)}
.wheel-next{display:flex;align-items:center;gap:12px;max-width:92vw;padding:10px 18px;border:1px solid rgba(221,171,81,.3);border-radius:999px;background:rgba(255,255,255,.03);color:#fff;cursor:pointer;transition:.2s}
.wheel-next:hover{border-color:var(--g2);background:rgba(245,202,118,.08)}
.wheel-next span{font:600 10px 'Unbounded',sans-serif;letter-spacing:.25em;color:var(--g3);white-space:nowrap}
.wheel-next b{font:700 14px 'Manrope',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wheel-next::after{content:"→";color:var(--g2)}

/* ---------- окно голосования ---------- */
.vote-dialog.pick-dialog{width:min(100%,960px);max-height:min(92vh,840px);display:flex;flex-direction:column;padding:0!important;overflow:hidden;text-align:left}
.pick-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 28px 14px}
.pick-kicker{font:700 10px 'Unbounded',sans-serif;letter-spacing:.3em;color:var(--g3);margin-bottom:8px}
.pick-dialog h3{margin:0;font:800 clamp(20px,3.4vw,30px)/1.2 'Unbounded',sans-serif;color:#fff;text-transform:uppercase}
.pick-dialog .vote-modal-close{position:static;flex:none}
.pick-search{padding:0 28px 14px}
.pick-search input{width:100%;padding:14px 18px 14px 46px;border-radius:14px;border:1px solid rgba(221,171,81,.35);background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23d9a83e' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m14 14 4 4'/%3E%3C/svg%3E") 16px center no-repeat;color:#fff;font:500 16px 'Manrope',sans-serif}
.pick-search input:focus{outline:none;border-color:var(--g2);box-shadow:0 0 20px rgba(245,202,118,.3)}
.pick-form{display:flex;flex-direction:column;flex:1;min-height:0}
.pick-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px;align-content:start;padding:6px 28px 20px;scrollbar-color:#6b5a34 transparent}
.pick-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px 14px;border:1px solid rgba(221,171,81,.2);border-radius:16px;background:rgba(255,255,255,.025);text-align:center;cursor:pointer;transition:.18s}
.pick-tile[hidden]{display:none}
.pick-tile input{position:absolute;opacity:0;pointer-events:none}
.pick-tile:hover{border-color:var(--g2);transform:translateY(-2px);background:rgba(245,202,118,.06)}
.pick-tile.is-picked,.pick-tile.is-mine{border-color:var(--g2);background:rgba(245,202,118,.13);box-shadow:0 0 26px rgba(245,190,87,.3)}
.pick-tile:has(input:disabled){cursor:default}
.pick-tile:has(input:disabled):hover{transform:none;border-color:rgba(221,171,81,.2);background:rgba(255,255,255,.025)}
.pick-tile.is-mine:has(input:disabled):hover{border-color:var(--g2);background:rgba(245,202,118,.13)}
.pick-tile.is-dim{opacity:.38}
.pick-av{width:88px;height:88px;display:grid;place-items:center}
.pick-av img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}
.pick-av i{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font:800 28px 'Unbounded',sans-serif;font-style:normal;color:var(--ink);background:linear-gradient(135deg,var(--g1),var(--g3))}
.pick-name{font:700 14px/1.25 'Manrope',sans-serif;color:#fff;word-break:break-word}
.pick-badge{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--g2);color:var(--ink);font-size:12px;font-weight:800;transform:scale(0);transition:.18s}
.pick-tile.is-picked .pick-badge,.pick-tile.is-mine .pick-badge{transform:scale(1)}
.pick-empty{grid-column:1/-1;margin:20px 0;text-align:center;color:#8a7a5c}
.pick-empty[hidden]{display:none}
.pick-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 28px;border-top:1px solid rgba(221,171,81,.3);background:rgba(8,6,3,.96)}
.pick-sel{font:600 14px 'Manrope',sans-serif;color:#a8977a}
.pick-sel b{color:var(--g2)}
.pick-sel.is-done{color:var(--g2)}
.pick-submit{flex:none;padding:14px 26px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--g1),var(--g3));color:var(--ink);font:700 11px 'Unbounded',sans-serif;letter-spacing:.14em;text-decoration:none;cursor:pointer;box-shadow:0 0 24px rgba(245,180,65,.4);transition:.2s}
.pick-submit:hover:not(:disabled){box-shadow:0 0 40px rgba(245,180,65,.75);transform:translateY(-2px)}
.pick-submit:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}

@media(max-width:640px){
  .wheel{--cw:min(74vw,300px)}
  .wheel-arrow{top:230px;width:42px;height:42px;font-size:26px}
  .wheel-ring{top:250px}
  .pick-head{padding:20px 18px 12px}.pick-search{padding:0 18px 12px}
  .pick-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;padding:4px 18px 16px}
  .pick-av{width:68px;height:68px}.pick-av i{width:60px;height:60px;font-size:22px}
  .pick-foot{padding:12px 18px;flex-wrap:wrap}.pick-submit{width:100%;text-align:center}
  .logo span{display:none}
}
@media(prefers-reduced-motion:reduce){.wheel-card,.wheel-ring,.wheel-art img{transition:none!important;animation:none!important}}