:root{--bg:#15181b;--bg2:#1a1e22;--panel:#202428;--panel2:#272c31;--line:#30363c;--line2:#3d454c;--fg:#e8ecef;--fg2:#c4cbd3;--muted:#8f99a3;--gold:#f7c95d;--gold2:#ffd97a;--ink:#17191b;--ok:#6fcf97;--bad:#ef6b6b;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg2);font:15px/1.5 Manrope,system-ui,sans-serif;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
button,input,select{font-family:inherit;color:inherit;cursor:pointer}
.wrap{max-width:1280px;margin:0 auto;padding-block:24px 60px}
.seg{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.seg button{height:42px;padding:0 18px;border-radius:99px;border:1px solid var(--line2);background:none;font-weight:800;font-size:14px;white-space:nowrap}.seg button.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.seg.sm button{height:34px;padding:0 14px;font-size:12.5px}
.eyebrow{font:800 11px Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}h1{font:800 30px/1.15 Manrope;color:var(--fg);margin:6px 0 4px}h2{margin:0 0 4px;font:800 20px Manrope;color:var(--fg)}h3{margin:0;font:800 18px Manrope;color:var(--fg)}.note{color:var(--muted);font-size:13.5px;margin:0 0 14px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:16px}
.ib{width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:none;display:inline-grid;place-items:center;color:var(--fg2);padding:0;position:relative}.ib svg{width:20px;height:20px}.ib.sm{width:34px;height:34px}.ib.sm svg{width:16px;height:16px}.ib.ok{background:var(--gold);border-color:var(--gold);color:var(--ink)}.ib.no{color:var(--bad);border-color:rgba(239,107,107,.5)}.ib:hover{border-color:var(--gold);color:var(--gold)}.ib.ok:hover{color:var(--ink)}
.ib[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#0e1113;border:1px solid var(--line2);padding:5px 11px;border-radius:9px;white-space:nowrap;font:700 12px Manrope;color:var(--fg);z-index:6;pointer-events:none}
.btn{height:46px;padding:0 22px;border-radius:12px;border:1px solid var(--gold);background:var(--gold);color:var(--ink);font-weight:800;font-size:15px}.btn svg{width:18px;height:18px}.btn.g{background:none;color:var(--gold)}.btn.s{height:36px;padding:0 14px;font-size:13px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sp{flex:1}
/* A duel */
.duel{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:0;align-items:stretch;position:relative}
.hotel{border-radius:22px;overflow:hidden;background:var(--bg2);border:1px solid var(--line);display:flex;flex-direction:column;position:relative}
.hotel .im{height:280px;background:#2a3036 center/cover no-repeat;position:relative}.hotel .im:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(21,24,27,.9))}
.hotel .tx{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.hotel .st{color:var(--gold);letter-spacing:.1em;font-size:13px}.hotel small{color:var(--muted)}
.hotel.win{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 12px 40px rgba(247,201,93,.12)}
.vs{display:grid;place-items:center;position:relative;z-index:2}.vs b{width:64px;height:64px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font:800 20px Manrope;box-shadow:0 0 0 6px var(--bg)}
.vote{height:48px;border-radius:12px;border:1px solid var(--line2);background:none;display:flex;gap:10px;align-items:center;justify-content:center;font-weight:800}.vote svg{width:22px;height:22px}.vote:hover{border-color:var(--gold);color:var(--gold)}.vote.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.pct{height:10px;border-radius:99px;background:var(--line);overflow:hidden}.pct i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.pn{display:flex;justify-content:space-between;font:800 22px Manrope;color:var(--fg)}.pn span{color:var(--muted);font:600 13px Manrope}
.cdw{display:flex;gap:8px}.cdw div{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:8px 14px;text-align:center}.cdw b{display:block;font:800 20px/1.1 Manrope;color:var(--gold2)}.cdw small{color:var(--muted);font-size:11px;font-weight:700}
.rules{display:flex;gap:8px;flex-wrap:wrap}.rules span{display:inline-flex;gap:6px;align-items:center;height:30px;padding:0 12px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);font:700 12.5px Manrope}.rules svg{width:15px;height:15px;color:var(--gold)}
.crown{position:absolute;right:14px;top:14px;z-index:3;display:none;gap:6px;align-items:center;padding:6px 12px;border-radius:99px;background:var(--gold);color:var(--ink);font:800 12px Manrope}.crown svg{width:16px;height:16px}.win .crown{display:inline-flex}
/* B scale */
.bn{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;min-height:340px}
.bn .h{background:#2a3036 center/cover no-repeat;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.bn .h:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.15),rgba(21,24,27,.88))}.bn .h>*{position:relative;z-index:1}
.bn .mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.bn .mid b{width:62px;height:62px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font:800 19px Manrope;box-shadow:0 0 0 6px rgba(21,24,27,.8)}
.scale{display:flex;height:14px;border-radius:99px;overflow:hidden;margin:14px 0}.scale i{display:block;height:100%}.scale i:first-child{background:var(--gold)}.scale i:last-child{background:#6b747d}
/* C compact */
.cmp{max-width:340px}.mini{display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);margin-bottom:8px}.mini .im{width:88px;height:70px;border-radius:12px;background:#2a3036 center/cover no-repeat;flex:none}.mini .t{flex:1;min-width:0}.mini b{color:var(--fg);display:block;font-size:15px}.vsline{text-align:center;color:var(--gold);font:800 13px Manrope;margin:-2px 0 6px}
/* forms */
.chain{display:flex;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px}.chain div{flex:1;padding:12px 6px;text-align:center;background:var(--bg2);border-right:1px solid var(--line);color:var(--muted);font:700 12px Manrope}.chain div:last-child{border:0}.chain div.on{background:rgba(247,201,93,.14);color:var(--gold2)}.chain svg{width:18px;height:18px;display:block;margin:0 auto 4px}
.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.k{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.k small{display:flex;gap:8px;align-items:center;color:var(--muted);font-weight:600;font-size:12.5px}.k small svg{width:16px;height:16px;color:var(--gold)}.k b{display:block;font:800 26px/1.2 Manrope;color:var(--fg)}
.fl{display:grid;gap:12px}.fl label{display:grid;gap:6px;font:800 11px Manrope;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.fl select,.fl input{height:46px;border-radius:12px;border:1px solid var(--line2);background:#111417;padding:0 14px;font-size:15px;color:var(--fg);font-weight:600;text-transform:none;letter-spacing:0}
.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.tbl{width:100%;border-collapse:collapse;min-width:560px}.tbl th{text-align:left;font:800 11px Manrope;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}.tbl td{padding:12px 10px;border-bottom:1px solid var(--line);font-size:14px}.tw{overflow-x:auto}
.stt{display:inline-block;padding:4px 10px;border-radius:99px;font:800 11px Manrope;border:1px solid var(--line2)}.stt.l{color:var(--ok);border-color:rgba(111,207,151,.5)}.stt.w{color:var(--gold);border-color:rgba(247,201,93,.5)}
.pair{display:flex;gap:10px;align-items:center}.pair .im{width:46px;height:36px;border-radius:8px;background:#2a3036 center/cover no-repeat}
.bdg{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:99px;background:var(--gold);color:var(--ink);font:800 13px Manrope}.bdg svg{width:17px;height:17px}
@media(max-width:900px){.duel{grid-template-columns:minmax(0,1fr)}.vs{padding:8px 0}.two,.kpi{grid-template-columns:minmax(0,1fr)}.bn{grid-template-columns:minmax(0,1fr)}.bn .mid{display:none}.hotel .im{height:200px}h1{font-size:25px}.chain{overflow-x:auto}.chain div{min-width:90px}}

.empty{border-radius:22px;border:2px dashed var(--gold);background:radial-gradient(circle at 50% 35%,rgba(247,201,93,.14),transparent 60%),var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px 20px;min-height:100%}
.empty h3{font-size:26px;color:var(--gold2)}.empty svg.sil{width:150px;height:150px;color:rgba(247,201,93,.55)}
.sw{width:150px;height:150px;filter:drop-shadow(0 0 14px rgba(247,201,93,.5))}
.arena{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);align-items:stretch;border-radius:24px;overflow:hidden;border:1px solid var(--line);min-height:420px;background:#101316}
.arena .l,.arena .r{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.arena .l{background:#2a3036 center/cover no-repeat}.arena .l:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,22,.1),rgba(16,19,22,.85))}
.arena .r{background:radial-gradient(circle at 70% 40%,rgba(247,201,93,.22),transparent 55%),#101316;align-items:flex-end;text-align:right}
.arena .l>*,.arena .r>*{position:relative;z-index:1}
.arena .mid{display:grid;place-items:center;z-index:2;background:radial-gradient(circle,rgba(247,201,93,.28),transparent 65%)}
.arena .sil{position:absolute;right:20px;top:20px;width:210px;height:210px;color:rgba(247,201,93,.28);animation:fl 3s ease-in-out infinite}@keyframes fl{50%{transform:translateY(-8px)}}
.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px var(--gold);animation:sp 2s infinite}@keyframes sp{50%{opacity:.2;transform:scale(1.6)}}
@media(max-width:900px){.arena{grid-template-columns:minmax(0,1fr)}.arena .mid{padding:6px}.arena .l,.arena .r{min-height:230px}}

.serif{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:.01em}
.poster{position:relative;border-radius:28px;padding:26px;background:radial-gradient(120% 90% at 50% 0%,#262b30,#0f1214 70%);border:1px solid rgba(247,201,93,.35);box-shadow:inset 0 0 0 6px #0f1214,inset 0 0 0 7px rgba(247,201,93,.18)}
.ttl{text-align:center;margin-bottom:20px}.ttl .eyebrow{letter-spacing:.3em}.ttl h1{font:700 44px/1.05 'Cormorant Garamond',Georgia,serif;margin:6px 0;color:var(--gold2)}
.orn{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--gold);margin-top:6px}.orn i{height:1px;width:80px;background:linear-gradient(90deg,transparent,var(--gold))}.orn i:last-child{transform:scaleX(-1)}.orn svg{width:16px;height:16px}
.stage{display:grid;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);align-items:stretch}
.pc{position:relative;border-radius:22px;overflow:hidden;background:#171a1d;border:1px solid var(--line2);display:flex;flex-direction:column;min-height:460px}
.pc.win{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 16px 50px rgba(247,201,93,.15)}
.pc .ph{flex:1;min-height:250px;background:#2a3036 center/cover no-repeat;position:relative;display:grid;place-items:center}.pc .ph:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,18,20,.95))}
.mono{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font:700 58px 'Cormorant Garamond',serif;color:var(--gold2);background:radial-gradient(circle at 35% 30%,#3d454c,#20252a);border:2px solid rgba(247,201,93,.5);box-shadow:0 0 0 8px rgba(247,201,93,.08)}
.tag{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;gap:7px;align-items:center;height:30px;padding:0 13px;border-radius:99px;background:rgba(15,18,20,.8);border:1px solid var(--gold);color:var(--gold2);font:800 11.5px Manrope;letter-spacing:.06em;text-transform:uppercase}.tag svg{width:14px;height:14px}.tag.p{border-style:dashed}
.pc .bd{position:relative;z-index:2;padding:0 20px 20px;margin-top:-70px;display:flex;flex-direction:column;gap:10px}.pc h3{font:700 30px/1.1 'Cormorant Garamond',serif;color:var(--fg)}
.sts{display:flex;gap:8px;flex-wrap:wrap}.sts span{display:inline-flex;gap:6px;align-items:center;height:28px;padding:0 11px;border-radius:99px;background:rgba(15,18,20,.7);border:1px solid var(--line2);font:700 12px Manrope}.sts svg{width:14px;height:14px;color:var(--gold)}
.emb{display:grid;place-items:center;position:relative}.emb:before{content:'';position:absolute;top:8%;bottom:8%;left:50%;width:1px;background:linear-gradient(180deg,transparent,var(--gold),transparent)}.emb>div{position:relative;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe59a,#d9a93a);color:var(--ink);display:grid;place-items:center;font:700 30px 'Cormorant Garamond',serif;box-shadow:0 0 0 6px #0f1214,0 0 0 7px var(--gold),0 0 40px rgba(247,201,93,.4)}
.slot{border-radius:22px;border:1.5px dashed rgba(247,201,93,.7);background:radial-gradient(circle at 50% 30%,rgba(247,201,93,.16),transparent 62%),#13161a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:28px 22px;min-height:460px}
.slot h2{font:700 38px/1.05 'Cormorant Garamond',serif;color:var(--gold2)}.slot svg.sil{width:130px;height:130px;color:rgba(247,201,93,.55)}
.who{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.who span{height:32px;padding:0 13px;border-radius:99px;border:1px solid var(--line2);display:inline-flex;gap:7px;align-items:center;font:700 12.5px Manrope}.who span svg{width:15px;height:15px;color:var(--gold)}.who span.on{border-color:var(--gold);background:rgba(247,201,93,.12);color:var(--gold2)}
.ring{position:relative;border-radius:28px;overflow:hidden;min-height:480px;display:grid;grid-template-columns:1fr 1fr;background:#0f1214;border:1px solid rgba(247,201,93,.35)}
.ring .a,.ring .z{position:relative;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}
.ring .a{background:#2a3036 center/cover no-repeat;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);z-index:1}.ring .a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,18,20,.95),rgba(15,18,20,.1) 60%)}
.ring .z{background:radial-gradient(circle at 70% 35%,rgba(247,201,93,.2),transparent 55%),#0f1214;align-items:flex-end;text-align:right;margin-left:-12%;padding-left:16%;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.ring .a>*,.ring .z>*{position:relative;z-index:1}.hint{padding:10px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel);color:var(--fg2);font-size:13.5px;display:flex;gap:10px;align-items:center}.hint svg{width:18px;height:18px;color:var(--gold);flex:none}.ring .tag{position:static;width:fit-content}.ring .cut{position:absolute;left:50%;top:-5%;bottom:-5%;width:4px;transform:translateX(-50%) skewX(-8deg);background:linear-gradient(180deg,transparent,var(--gold),transparent);z-index:3;box-shadow:0 0 24px var(--gold)}
.ring .em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}
.ring .sil{position:absolute;right:30px;top:16px;width:140px;height:140px;color:rgba(247,201,93,.3)}
.vt{height:46px;border-radius:12px;border:1px solid var(--line2);background:none;display:flex;gap:10px;align-items:center;justify-content:center;font-weight:800}.vt svg{width:20px;height:20px}.vt:hover{border-color:var(--gold);color:var(--gold)}.vt.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.fl2{display:grid;gap:14px}.opt{display:flex;gap:10px;flex-wrap:wrap}.opt button{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);background:none;display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:14px}.opt button svg{width:18px;height:18px;color:var(--gold)}.opt button.on{border-color:var(--gold);background:rgba(247,201,93,.12);color:var(--gold2)}
.lb{font:800 11px Manrope;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
@media(max-width:900px){.stage{grid-template-columns:minmax(0,1fr)}.emb{padding:14px 0}.emb:before{display:none}.ring{grid-template-columns:1fr}.ring .a,.ring .z{clip-path:none;margin:0;padding:22px;min-height:260px}.ring .cut{display:none}.ring .em{position:relative;left:auto;top:auto;transform:none;margin:-40px auto}.ttl h1{font-size:32px}.pc,.slot{min-height:380px}}
.av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3a434b,#2a3036);display:grid;place-items:center;color:var(--gold2);font:800 12px Manrope;flex:none}.ring .a{padding-right:96px}.ring .cm{text-align:left}.ring .vt,.ring .acts .ib{background:rgba(15,18,20,.8)}.ring .vt.on{background:var(--gold)}.acts{display:flex;gap:8px;align-items:center}.acts .vt{flex:1}.pc .cm,.ring .cm{margin-top:10px;max-height:260px;overflow:auto;background:rgba(15,18,20,.92)}.cm{margin-top:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#13161a}.cmi{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line)}.cmi b{color:var(--fg);font-size:13.5px}.cmi small{color:var(--muted)}.cmi .av.sm{flex:none}.cmin{display:flex;gap:8px;align-items:center;margin-top:10px}.ti2{flex:1;height:36px;border-radius:99px;border:1px solid var(--line2);display:flex;align-items:center;padding:0 14px;color:var(--muted);font-size:13px}.cmg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:900px){.cmg{grid-template-columns:minmax(0,1fr)}}

.rcol{display:grid;gap:18px;align-content:start;min-width:0}.rgs{align-items:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.rgs{grid-template-columns:minmax(0,1fr)}}
.rc{border-radius:24px;padding:20px;background:radial-gradient(120% 90% at 50% 0%,#262b30,#0f1214 70%);border:1px solid rgba(247,201,93,.3);box-shadow:inset 0 0 0 5px #0f1214,inset 0 0 0 6px rgba(247,201,93,.15)}
.rc h3{font:700 28px/1.1 'Cormorant Garamond',serif;color:var(--gold2)}
.rc .hd2{display:flex;gap:10px;align-items:center;margin-bottom:14px}.rc .hd2 .ic2{width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);flex:none}.rc .hd2 .ic2 svg{width:20px;height:20px}
.price{margin-left:auto;display:inline-flex;gap:6px;align-items:center;height:34px;padding:0 14px;border-radius:99px;background:rgba(247,201,93,.14);border:1px solid var(--gold);color:var(--gold2);font:800 13px Manrope;white-space:nowrap}
.sl{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:stretch}.sl .v{display:grid;place-items:center}.sl .v b{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe59a,#d9a93a);color:var(--ink);display:grid;place-items:center;font:700 17px 'Cormorant Garamond',serif;box-shadow:0 0 0 4px #0f1214,0 0 0 5px var(--gold)}
.rs{min-height:230px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:14px}
.rs.empty{border:1.5px dashed rgba(247,201,93,.65);background:radial-gradient(circle at 50% 30%,rgba(247,201,93,.12),transparent 65%),#13161a}.rs.empty svg.sil{width:70px;height:70px;color:rgba(247,201,93,.55)}
.rs.filled{border:1px solid var(--gold);background:#171a1d}.ph2{width:100%;flex:1;min-height:110px;border-radius:12px;background:linear-gradient(160deg,#2f373e,#1b1f23);display:grid;place-items:center;color:var(--muted)}.ph2 svg{width:34px;height:34px}
.pn2{background:#13161a;border:1px solid var(--line2);border-radius:16px;padding:16px;margin-top:14px}
.dz{border:1.5px dashed var(--line2);border-radius:14px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.dz svg{width:28px;height:28px;color:var(--gold)}.dz.ok{border-color:var(--ok);border-style:solid}
.inp2{height:42px;border-radius:12px;border:1px solid var(--line2);background:#111417;padding:0 14px;display:flex;align-items:center;color:var(--muted);margin-top:10px}
.mov{position:fixed;inset:0;z-index:50;background:rgba(8,10,12,.78);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:5vh 16px}.mw{margin:auto;width:100%;max-width:520px;background:var(--panel);border:1px solid rgba(247,201,93,.4);border-radius:22px;padding:22px}

.pz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 18px}
.pz>div{border:1px solid rgba(247,201,93,.35);border-radius:18px;padding:14px 16px;background:radial-gradient(circle at 20% 0,rgba(247,201,93,.14),transparent 60%),var(--bg2);display:flex;gap:12px;align-items:center}
.pz svg{width:26px;height:26px;color:var(--gold2);flex:none}.pz b{display:block;color:var(--fg);font-size:14px}.pz small{color:var(--muted)}
.pr{display:flex;gap:8px;justify-content:center;margin:0 0 10px;flex-wrap:wrap}
.pr span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(247,201,93,.35);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--gold2)}.pr svg{width:14px;height:14px}
.wn{display:grid;grid-template-columns:44px 56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(247,201,93,.25);border-radius:18px;background:var(--bg2);margin-bottom:10px}
.wn .n{font:700 26px 'Cormorant Garamond',serif;color:var(--gold2);text-align:center}.wn .ph2{width:56px;height:56px;min-height:0;border-radius:50%}
.wn .cr{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:600px){.wn{grid-template-columns:34px 48px minmax(0,1fr)}.wn .cr{grid-column:1/-1;justify-content:flex-start}}

/* добавлено при вёрстке: стили, которых нет в макете как отдельных правил */
.chip{display:inline-flex;gap:6px;align-items:center;height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--line2);font:700 12.5px Manrope;color:var(--fg2);background:none}.chip.on{border-color:var(--gold);background:rgba(247,201,93,.12);color:var(--gold2)}
button:disabled{opacity:.5;cursor:default}
.inp{width:100%;height:42px;border-radius:12px;border:1px solid var(--line2);background:#111417;padding:0 14px;color:var(--fg);font:600 15px Manrope;margin-top:10px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0e1113;border:1px solid var(--gold);color:var(--fg);padding:10px 18px;border-radius:12px;font:700 14px Manrope;z-index:80;max-width:90vw;display:none}.toast.on{display:block}
.state{padding:40px 16px;text-align:center;color:var(--muted)}.state .btn{margin-top:12px}
.cmin input{flex:1;height:36px;border-radius:99px;border:1px solid var(--line2);background:#111417;padding:0 14px;color:var(--fg);font:600 13px Manrope;min-width:0}
.emo{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.emo button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:none;font-size:18px;padding:0}
a.btn,a.ib{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.pairs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.cmi.mine{opacity:1}.cmi .txt{overflow-wrap:anywhere}
.wn .ph2 img,.rs .ph2 img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.rs.filled .ph2{padding:0;overflow:hidden}
.rs.filled .ph2 img{border-radius:12px}
.hdr{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:600px){.ttl h1{font-size:30px}.seg button{padding:0 14px}}

.lbrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.lbrow .lb{margin:0}.hbw{display:flex;gap:8px;align-items:center;justify-content:flex-end}.hbw details{position:relative}.hbw summary{list-style:none;cursor:pointer;height:34px;padding:0 14px;border-radius:99px;border:1px solid var(--line2);font-weight:800;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;color:var(--fg)}.hbw summary::-webkit-details-marker{display:none}.hbw summary:hover,.hbw details[open] summary{border-color:var(--gold);color:var(--gold)}.hbw svg{width:16px;height:16px}.hbw .hbm{position:absolute;right:0;top:40px;z-index:5;min-width:190px;background:var(--bg2);border:1px solid var(--line2);border-radius:14px;padding:6px;display:grid;gap:4px}.hbw .hbm button{height:36px;border:0;background:none;text-align:left;padding:0 12px;border-radius:10px;font-weight:700;font-size:13px;color:var(--fg);cursor:pointer}.hbw .hbm button:hover{background:rgba(247,201,93,.14)}.hbw .ibr{width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--line2);background:none;display:inline-flex;align-items:center;justify-content:center;color:var(--fg);cursor:pointer}.hbw .ibr:hover{border-color:var(--gold);color:var(--gold)}