@font-face{font-family:Roboto;src:url(a/Roboto-app.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--ink:#0c0d37;--ink2:#2a2a5a;--muted:#74718b;--muted2:#9a94b8;--violet:#6721f6;--violet2:#8618f7;--lav:#efe4ff;--green:#16784f;--green-bg:#dff5ea;--red:#a3123e;--red-bg:#ffe3ea;--line:#e0d3fb;
--panel-bg:#ffffff;--panel-ink:#1b1840;--panel-muted:#6f6a8e;--panel-line:#e4e0f2;--panel-soft:#f5f3fc;--page:#e7eaf6;
--primary:radial-gradient(ellipse at 18% 0%,#ec9dff66,transparent 47%),linear-gradient(150deg,#c651ff 0%,#832bfb 30%,#5917ff 80%,#772bff);
--bgscreen:radial-gradient(ellipse at 47% 8%,#fff9e9 0%,transparent 29%),radial-gradient(ellipse at 8% 22%,#d2bcff 0%,transparent 37%),radial-gradient(ellipse at 88% 22%,#76b7ff 0%,transparent 40%),linear-gradient(#dce8ff 10%,#e7eaff 62%,#fff 86%,#eef1ff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--panel-bg:#1a1833;--panel-ink:#ecebff;--panel-muted:#a7a2c8;--panel-line:#2e2a52;--panel-soft:#221f40;--page:#111027}}
:root[data-theme="dark"]{color-scheme:dark;--panel-bg:#1a1833;--panel-ink:#ecebff;--panel-muted:#a7a2c8;--panel-line:#2e2a52;--panel-soft:#221f40;--page:#111027}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--page);font-family:Roboto,Arial,Helvetica,sans-serif;color:var(--panel-ink);overflow:hidden}
button{font:inherit;cursor:pointer;color:inherit}
button:focus-visible{outline:3px solid #0c70ff;outline-offset:3px}
.layout{display:flex;height:100%}
/* stage */
#wrap{flex:1;min-width:0;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow:hidden}
#scaler{transform-origin:top center}
#device{position:relative;width:390px;height:844px;border-radius:44px;overflow:hidden;box-shadow:0 20px 70px #28326833,0 0 0 10px #16143a,0 0 0 11px #3a3766;background:#dbe9ff;isolation:isolate}
#app{position:absolute;inset:0}
.scr{position:absolute;inset:0;display:flex;flex-direction:column;padding:0 18px;background:var(--bgscreen);color:var(--ink);overflow:hidden}
.scr.scroll{overflow-y:auto;scrollbar-width:none}
.scr.scroll::-webkit-scrollbar{display:none}
.statusbar{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:14px;font-weight:700;color:var(--ink)}
.statusbar i{font-style:normal;letter-spacing:1px;font-size:12px}
.spacer{flex:1 1 0;min-height:10px}
.card{border:1px solid #fff;border-radius:24px;background:linear-gradient(125deg,#fff,#fcfaffee)}
.glass{border:1px solid #fff;border-radius:20px;background:linear-gradient(120deg,#ffffffd9,#ebe1ff88)}
.primary{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;flex:none;border:1.3px solid #a153ff;border-radius:40px;color:#fff;font-size:21px;font-weight:700;background:var(--primary);
box-shadow:inset 0 2px 1px #ffffff70,inset 0 -2px 2px #c68fff99,inset 3px 0 4px #e790ff80,inset -2px 0 3px #b966ff,0 6px 12px #6944e64d,0 0 14px #af74ff57}
.primary:active{transform:translateY(1px)}
.primary[disabled]{filter:saturate(.4) brightness(1.1);opacity:.75}
.primary.shine:after{content:'';position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite}
@keyframes shine{0%,55%{left:-60%}85%,100%{left:130%}}
.ghost svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
.ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;flex:none;border:1.5px solid #8716ff;border-radius:30px;color:#8618f7;font-weight:750;font-size:17px;background:#ffffff80}
.soft{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:0;border-radius:13px;background:#ecdcff;color:#5a14b8;font-weight:700;font-size:14.5px;flex:none}
.link{border:0;background:none;color:#6721f6;font-weight:600;font-size:14px;padding:6px}
.h1{font-size:30px;line-height:1.06;font-weight:900;letter-spacing:-.8px;margin:0;color:var(--ink)}
.h1 em{font-style:normal;color:var(--violet)}
.center{text-align:center}
.topbar{display:flex;align-items:center;justify-content:space-between;height:52px;flex:none;margin-top:2px}
.topbar h2{font-size:20px;font-weight:900;margin:0;letter-spacing:-.3px}
.iconbtn{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:#ffffffc0;border:1px solid #fff;color:#3f2690;padding:0}
.iconbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;font-size:13px;font-weight:650;white-space:nowrap}
.p-green{background:var(--green-bg);color:var(--green)}.p-purple{background:var(--lav);color:#6118d8}.p-grey{background:#eeedf6;color:#6d6a86}.p-red{background:var(--red-bg);color:var(--red)}.p-gold{background:linear-gradient(135deg,#ffe28a,#ffc23d);color:#6b3d00}
.lbl{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8b83ad}
.avatar{display:block;border-radius:50%;background:linear-gradient(135deg,#f1dcff,#c9a6ff);border:3px solid #fff;box-shadow:0 0 0 2px #cfb2ff;overflow:hidden;flex:none;padding:0}
.avatar img{width:100%;height:100%;display:block;object-fit:cover}
.muted{color:var(--muted)}
.tab{font-variant-numeric:tabular-nums}
.vs{font-weight:900;font-style:italic;color:#8a14f5;letter-spacing:-1px}
.nav{display:grid;grid-template-columns:repeat(4,1fr);flex:none;margin:0 -6px 16px;padding:8px 4px;border:1px solid #fff;border-radius:26px;background:#ffffffe3}
.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:600;color:#8b83ad;border:0;background:none;padding:2px}
.nav button.on{color:#7a12f0}
.nav svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.foliage{position:absolute;bottom:-40px;width:180px;height:190px;object-fit:contain;filter:blur(3px);pointer-events:none;z-index:0;opacity:.95}
.foliage.l{left:-70px;transform:rotate(15deg)}.foliage.r{right:-66px;transform:scaleX(-1) rotate(14deg)}
.z{position:relative;z-index:1}
/* toast & sheet */
#toast{position:absolute;left:50%;bottom:110px;transform:translateX(-50%) translateY(20px);opacity:0;background:#1b1840e8;color:#fff;font-size:14px;padding:10px 16px;border-radius:14px;transition:.25s;pointer-events:none;z-index:60;max-width:320px;text-align:center}
#toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
#sheet{position:absolute;inset:0;z-index:40;display:none}
#sheet.on{display:block}
#sheet .dim{position:absolute;inset:0;background:#1b184055;backdrop-filter:blur(3px)}
#sheet .body{position:absolute;left:0;right:0;bottom:0;max-height:88%;overflow-y:auto;background:#fbfaff;border-radius:28px 28px 0 0;padding:10px 20px 26px;color:var(--ink);animation:up .28s ease}
@keyframes up{from{transform:translateY(40px);opacity:.4}}
#sheet .grab{width:44px;height:5px;border-radius:3px;background:#d5ccef;margin:0 auto 12px}
#sheet h3{font-size:22px;font-weight:900;margin:0;letter-spacing:-.3px}
.sheethead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.modal{position:absolute;inset:0;z-index:45;display:grid;place-items:center;background:#1b184066;padding:26px}
.modal .box{width:100%;max-width:300px;background:#fff;border-radius:22px;padding:20px 18px 14px;text-align:center;color:var(--ink);box-shadow:0 20px 50px #0004}
.modal h4{margin:0 0 6px;font-size:17px}
.modal p{margin:0 0 14px;font-size:14px;color:var(--muted);line-height:1.4}
.modal .row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee;margin:0 -18px -14px}
.modal .row button{border:0;background:none;padding:14px;font-size:16px;color:#0a64ff}
.modal .row button+button{border-left:1px solid #eee;font-weight:700}


body.reduce *,body.reduce *:before,body.reduce *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}

#wrap{position:relative}

/* ===== welcome ===== */
.welcome{padding:0}
.welcome .frame{position:absolute;left:50%;top:40px;width:152px;height:140px;transform:translateX(-50%);padding:11px;background:linear-gradient(135deg,#ffcc74,#be5819 23%,#d78028 52%,#ffe191 70%,#c87924);border-radius:3px;box-shadow:inset 4px 4px 2px #ffd17a,inset -4px -4px 2px #b86423,0 0 26px #ffdc9166;z-index:1}
.welcome .frame img{width:100%;height:100%;object-fit:cover;display:block;border:2px solid #9c501d}
.welcome .girl{position:absolute;left:-34px;top:40px;width:150px;z-index:2}
.welcome .boy{position:absolute;right:-40px;top:44px;width:158px;z-index:2}
.bubble{position:absolute;display:flex;align-items:center;gap:8px;height:48px;padding:0 14px 0 12px;background:linear-gradient(135deg,#fff,#eaf4ff);border:2px solid #fff;border-radius:30px;z-index:5;color:#06186b;font-size:12.5px;font-weight:700;line-height:1.1;box-shadow:0 0 18px #fff9}
.bubble.pink{color:#980c55;background:linear-gradient(135deg,#fff,#ffebf9);box-shadow:0 0 20px #ff88e580}
.welcome .bubble.pink{left:12px;top:180px}.welcome .bubble.blue{right:12px;top:180px}
.waves{display:flex;gap:3px;align-items:center;height:26px;color:#1686ff}
.pink .waves{color:#fb39a7}
.waves i{display:block;width:3.5px;border-radius:3px;background:currentColor;animation:wave 1.3s ease-in-out infinite alternate}
.waves i:nth-child(1){height:10px}.waves i:nth-child(2){height:19px;animation-delay:-.3s}.waves i:nth-child(3){height:26px;animation-delay:-.6s}.waves i:nth-child(4){height:18px;animation-delay:-.9s}.waves i:nth-child(5){height:8px;animation-delay:-1.2s}
@keyframes wave{to{transform:scaleY(.45)}}
.welcome .cards{position:absolute;top:250px;left:0;right:0;height:210px;z-index:3}
.artc{position:absolute;top:10px;width:162px;height:190px;border:4px solid #fff;border-radius:22px;overflow:hidden;background:#def2ff}
.artc img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(8px) saturate(1.3);transform:scale(1.08);animation:reveal 1.6s .5s ease forwards}
@keyframes reveal{to{filter:none;transform:none}}
.artc.l{left:22px;transform:rotate(-4deg);box-shadow:0 0 10px #fff,0 0 26px #ff73e9,0 0 50px #ffaff38c}
.artc.r{right:22px;transform:rotate(4deg);box-shadow:0 0 10px #fff,0 0 26px #62d9ff,0 0 50px #62d9ff69}
.artc .sc{position:absolute;bottom:8px;left:50%;transform:translateX(-50%) scale(.6);opacity:0;background:#fff;border-radius:12px;padding:3px 10px;font-weight:900;font-size:18px;color:#6721f6;animation:pop .35s 2.2s ease forwards;box-shadow:0 4px 10px #0002}
.artc.r .sc{color:#5b587a}
@keyframes pop{to{opacity:1;transform:translateX(-50%) scale(1)}}
.welcome .crown{position:absolute;left:8px;top:236px;width:74px;z-index:6;transform:rotate(-14deg) scale(.3);opacity:0;animation:crown .45s 2.4s cubic-bezier(.3,1.6,.6,1) forwards;filter:drop-shadow(0 0 8px #ffdd68)}
@keyframes crown{to{opacity:1;transform:rotate(-14deg) scale(1)}}
.welcome .mascot{position:absolute;left:50%;top:224px;width:70px;margin-left:-35px;z-index:8;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 16px #d877ff);animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-6px)}}
.welcome h1{position:absolute;left:18px;right:18px;top:486px;margin:0;text-align:center;font-size:29px;line-height:1.22;font-weight:900;letter-spacing:-1.1px;color:#030c3c;z-index:5}
.welcome h1 .hb{color:#1263ff}.welcome h1 .hv{color:#8a14f5}
.welcome .bottom{position:absolute;left:34px;right:34px;bottom:56px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:14px}
.welcome .bottom .primary{height:62px}
.welcome .login{font-size:14px;color:#5b587a}.welcome .login u{color:#6721f6;font-weight:600}
/* ===== rules ===== */
.rules h1{text-align:center;font-size:30px;margin:4px 0 10px}
.rules h1 em{color:#1263ff;font-style:normal}
.step{position:relative;height:196px;border-radius:26px;border:3px solid #fff;background:linear-gradient(180deg,#cfe4ff,#f4ecff);box-shadow:0 8px 20px #6a58c022;margin-bottom:12px;overflow:hidden;opacity:0;transform:translateY(14px);animation:stepin .45s ease forwards}
.step:nth-of-type(2){animation-delay:.35s}.step:nth-of-type(3){animation-delay:.7s}
@keyframes stepin{to{opacity:1;transform:none}}
.step .n{position:absolute;left:8px;top:8px;width:28px;height:28px;border-radius:50%;background:#5b4fd8;color:#fff;font-weight:800;display:grid;place-items:center;border:2px solid #fff;z-index:4}
.step .cap{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:#fff;border-radius:16px;padding:6px 16px;text-align:center;z-index:4;white-space:nowrap;box-shadow:0 4px 10px #0001}
.step .cap b{display:block;font-size:14.5px}.step .cap small{font-size:11.5px;color:#5b587a}
.step .g{position:absolute;left:-6px;bottom:-4px;width:132px;z-index:2}
.step .b{position:absolute;right:-8px;bottom:-4px;width:132px;z-index:2}
.step .pic{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:120px;height:92px;padding:6px;background:linear-gradient(135deg,#ffcc74,#be5819 23%,#d78028 52%,#ffe191 70%,#c87924);border-radius:3px;z-index:1}
.step .pic img{width:100%;height:100%;object-fit:cover;display:block}
.step .tm{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:4px solid #7b3cf2;display:grid;place-items:center;font-weight:900;font-size:19px;color:#3a1a8f;z-index:3}
.step .mc{position:absolute;left:50%;top:70px;width:52px;margin-left:-26px;z-index:3}
.step .two{position:absolute;left:50%;top:12px;transform:translateX(-50%);display:flex;gap:6px;z-index:1}
.step .two img{width:74px;height:100px;object-fit:cover;border:3px solid #fff;border-radius:12px}
.step .two img:first-child{transform:rotate(-5deg)}.step .two img:last-child{transform:rotate(5deg)}
.step .cr{position:absolute;left:calc(50% - 60px);top:2px;width:40px;z-index:3;transform:rotate(-12deg)}
/* ===== mic ===== */
.mic{background:linear-gradient(#2a2466 0%,#6a5bb8 44%,#d9d2f7 60%,#f6f3ff 100%)}
.mic .bgimg{position:absolute;inset:0 0 38% 0;width:100%;height:62%;object-fit:cover;opacity:.9}
.mic h1{position:relative;z-index:2;color:#fff;text-align:center;font-size:38px;line-height:1;margin:34px 0 6px;letter-spacing:-1px;font-weight:900;text-shadow:0 4px 18px #0005}
.mic h1+p{position:relative;z-index:2;text-align:center;color:#f1edff;margin:0;font-size:16px}
.mic .mico{position:relative;z-index:2;align-self:center;width:180px;margin-top:10px;filter:drop-shadow(0 20px 30px #0005)}
.mic .rings{position:absolute;left:50%;top:260px;width:250px;height:250px;margin-left:-125px;border-radius:50%;border:2px solid #ffffff30;box-shadow:0 0 0 28px #ffffff10,0 0 0 56px #ffffff08;z-index:1}
.mic .panelc{position:absolute;left:0;right:0;bottom:0;height:320px;z-index:3;display:flex;flex-direction:column;align-items:center;padding:78px 26px 30px;background:url(a/cloud-panel.svg) top center/100% auto no-repeat,linear-gradient(transparent 60px,#f7f5ff 60px)}
.mic .panelc b{font-size:16px;letter-spacing:.4px;text-transform:uppercase;color:#10123f}
.mic .panelc p{margin:4px 0 18px;color:#5b587a}
/* ===== trial intro ===== */
.trial .badge{align-self:center;margin-top:8px}
.trial h1{text-align:center;margin-top:10px}
.trial .sub{text-align:center;color:var(--muted);margin-top:6px;font-size:15px}
.trial .tframe{align-self:center;width:190px;height:200px;margin-top:18px;padding:12px;background:linear-gradient(135deg,#ffcc74,#be5819 23%,#d78028 52%,#ffe191 70%,#c87924);border-radius:3px;box-shadow:0 0 30px #ffdc9166;position:relative}
.trial .tframe img{width:100%;height:100%;object-fit:cover;display:block}
.trial .tframe span{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-weight:900;color:#fff;text-shadow:0 0 24px #a36bff}
.trial .who{display:flex;align-items:center;justify-content:space-between;margin:-24px 20px 0;position:relative;z-index:2}
.trial .who .c{width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 20px #d4b8ff}
.trial .who .c img{width:36px}
.trial .who .m{width:84px;filter:drop-shadow(0 0 12px #d877ff)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.facts div{background:#ffffffc8;border:1px solid #fff;border-radius:18px;padding:12px 6px;text-align:center}
.facts svg{width:26px;height:26px;fill:none;stroke-width:2.2;stroke-linecap:round}
.facts b{display:block;font-size:24px;font-weight:900;margin-top:4px}
.facts small{font-size:12.5px;color:#5b587a}
/* ===== home ===== */
.hhead{display:flex;align-items:center;gap:10px;margin-top:6px}
.coll{flex:1;min-width:0;height:54px;display:flex;align-items:center;gap:10px;padding:0 12px 0 14px;text-align:left;color:var(--ink)}
.coll svg{width:26px;height:26px;fill:none;stroke:#7a2be6;stroke-width:2.2;flex:none}
.coll b{font-size:15px;display:block}.coll small{display:block;font-size:12px;color:#74718b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coll .big{font-size:22px;font-weight:900}
.coll .chev{margin-left:auto;color:#6a4bd0;font-size:20px}
.invite{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 12px;margin-top:10px}
.invite .mini{width:62px;height:47px;object-fit:contain;flex:none}
.invite b{font-size:15px;display:block}.invite small{font-size:12.5px;color:#74718b;display:block}
.invite .soft{margin-left:auto}
.mtitle{text-align:center;font-size:26px;font-weight:900;letter-spacing:-.6px;margin:22px 0 14px;display:flex;align-items:center;justify-content:center;gap:8px}
.mtitle span{color:#6721f6}
.mtitle i{display:block;width:18px;height:20px;background:linear-gradient(135deg,#ff5fb8,#8a14f5);clip-path:polygon(0 10%,100% 35%,100% 50%,0 25%,0 60%,100% 85%,100% 100%,0 75%)}
.mtitle i:last-child{transform:scaleX(-1)}
.modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.mode{position:relative;min-width:0;height:252px;border:2px solid #fff;border-radius:24px;background:#ffffff55;display:flex;flex-direction:column;align-items:center;padding:14px 8px 12px;text-align:center;color:var(--ink)}
.mode.sel{border-color:#7b1cf2;background:#ffffffa8;box-shadow:0 8px 24px #7b1cf222}
.mode .check{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#7b1cf2;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900}
.mode .art{height:112px;display:flex;align-items:flex-end;justify-content:center;gap:0;margin-top:4px}
.mode .art img.p{width:62px;height:62px}
.mode .art .vs{font-size:25px;margin:0 2px 14px}
.mode .art img.ino{height:108px;width:auto;max-width:100%;object-fit:contain}
.mode strong{font-size:20px;margin-top:10px}
.mode .sub{font-size:12.5px;color:#74718b;margin-top:3px;line-height:1.25}
.mode .chip{margin-top:auto;height:26px;font-size:12px}
.themes{display:flex;gap:8px;margin:14px 0 0;align-items:center}
.themes .t{flex:1;height:38px;border-radius:13px;border:1.4px solid var(--line);background:#ffffffa0;display:grid;place-items:center;font-size:14px;font-weight:650;color:#5b4b8a;padding:0}
.themes .t.on{border-color:#7b1cf2;background:#f3e9ff;color:#6118d8}
.howlong{text-align:center;font-size:12.5px;color:#74718b;margin-top:10px}
.active{padding:12px;margin-top:10px;display:flex;gap:12px;align-items:center}
.active img.w{width:74px;height:56px;object-fit:cover;border-radius:12px;flex:none}
.active b{display:block;font-size:15px}.active small{font-size:12.5px;color:#74718b}
.active .soft{margin-left:auto}
/* ===== queue ===== */
.duo{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:0 6px}
.duo .p{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;font-size:17px}
.duo .avatar{width:104px;height:104px}
.duo .vs{font-size:32px}
.qmark{position:relative;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:44px;font-weight:300;color:#8a4df0;background:radial-gradient(circle,#dbe8ff,#b9d2ff);border:3px dashed #a57cf0;box-shadow:0 0 30px #7aaaff88}
.qmark svg{position:absolute;inset:-9px;animation:spin 1.4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.found .avatar{animation:popin .4s cubic-bezier(.3,1.6,.6,1)}
@keyframes popin{from{transform:scale(.4);opacity:0}}
.qstatus{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}
.greet{margin-top:22px;text-align:center}
.greet .lbl{display:block;margin-bottom:10px}
.em{display:flex;justify-content:center;gap:10px}
.em button{position:relative;width:58px;height:58px;border-radius:18px;background:#ffffffb8;border:1.5px solid #fff;display:grid;place-items:center;font-size:29px;padding:0}
.em button.on{border-color:#7b1cf2;background:#f3e9ff}
.em button.on:after{content:'✓';position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;background:#7b1cf2;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}
.gotgreet{position:absolute;right:-8px;top:-6px;background:#fff;border-radius:14px;padding:3px 7px;font-size:20px;box-shadow:0 4px 10px #0002;animation:popin .4s .3s both}
.tip{display:flex;gap:12px;align-items:center;margin-top:22px;padding:12px 14px}
.tip img{width:46px;height:46px;object-fit:contain;flex:none}
.tip b{display:block;font-size:14.5px}.tip span{font-size:13px;color:#5b587a;line-height:1.35}
.fb{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px 10px 14px;border:1.5px dashed #c7b3f2;border-radius:20px;background:#ffffff70}
.fb span{font-size:13.5px;color:#4a3d7a;line-height:1.3}
/* ===== study / record ===== */
.rtop{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.steps{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#8b83ad}
.steps .d{display:inline-flex;align-items:center;gap:5px}
.steps .d i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;background:#e7e1f7;color:#8b83ad}
.steps .done{color:#16784f}.steps .done i{background:#dff5ea;color:#16784f}
.steps .now{color:#6721f6}.steps .now i{background:#6721f6;color:#fff}
.steps .line{width:12px;height:2px;background:#d8cff0;border-radius:2px}
.timer{--p:1;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:900;background:conic-gradient(#6721f6 calc(var(--p)*100%),#e6ddfb 0);position:relative;flex:none}
.timer:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#f6f3ff}
.timer span{position:relative}
.timer.low{background:conic-gradient(#ff2d6f calc(var(--p)*100%),#ffe0ea 0);color:#c0124a}
.rh{margin-top:-6px;font-size:28px}
.recstat{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#d11c5a;margin-top:6px;height:18px}
.rec{width:9px;height:9px;border-radius:50%;background:#ff2d6f;box-shadow:0 0 0 4px #ff2d6f33;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.35}}
.sart{position:relative;margin:12px -6px 0;border-radius:22px;overflow:hidden;border:3px solid #fff;box-shadow:0 10px 30px #3a2a8a30;flex:0 1 330px;min-height:180px}
.sart img{width:100%;height:100%;object-fit:cover;display:block}
.sart .zoom{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;background:#0c0d3799;color:#fff;display:grid;place-items:center;border:0;padding:0}
.sart .zoom svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.forbid{display:flex;align-items:center;gap:6px;margin-top:12px}
.forbid .t{font-size:13px;font-weight:800;color:var(--red);white-space:nowrap}
.fw{position:relative;height:30px;padding:0 10px;border-radius:15px;background:var(--red-bg);color:#8a0f35;font-weight:750;font-size:13.5px;display:inline-flex;align-items:center;transition:.2s}
.fw.hit{background:var(--red);color:#fff}
.fw.hit b{position:absolute;top:-13px;right:-8px;background:#fff;color:var(--red);border:1.5px solid var(--red);border-radius:9px;font-size:10.5px;padding:1px 5px;animation:popin .35s}
.pen{margin-left:auto;text-align:right;line-height:1.15;font-size:11.5px;color:var(--red);font-weight:700}
.forms{font-size:12px;color:#8a6b7a;margin-top:6px}
.live{margin-top:12px;padding:12px 14px 14px;min-height:96px}
.live .row{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#d11c5a}
.live p{margin:8px 0 0;font-size:16.5px;line-height:1.4;color:#1b1c4a;min-height:46px}
.live p .ok{background:var(--lav);border-radius:6px;padding:0 3px}
.live p .bad{background:var(--red-bg);color:var(--red);text-decoration:line-through;border-radius:6px;padding:0 3px}
.live p .cur{color:#b2abd0}
.live p .ph{color:#aaa3c8}
.live textarea{width:100%;margin-top:8px;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;font-size:16px;resize:none;height:74px;color:var(--ink);background:#fff}
.cover{display:flex;gap:6px;margin-top:10px}
.cover span{flex:1;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:700;transition:.25s;white-space:nowrap}
.c-on{background:var(--green-bg);color:var(--green)}.c-off{background:#ffffffb0;color:#9a94b8;border:1px dashed #cfc4ee}
.hintchip{align-self:center;margin-top:10px;display:flex;align-items:center;gap:8px;background:#ffffffb8;border-radius:16px;padding:6px 12px;font-size:13px;color:#3a3666}
.hintchip img{width:18px}
.primary .wv{display:flex;gap:3px;align-items:center;height:24px;margin-right:4px}
.primary .wv i{width:4px;height:22px;border-radius:3px;background:#fff;animation:wave .9s ease-in-out infinite alternate}
.primary .wv i:nth-child(2){animation-delay:-.2s}.primary .wv i:nth-child(3){animation-delay:-.4s}.primary .wv i:nth-child(4){animation-delay:-.6s}.primary .wv i:nth-child(5){animation-delay:-.8s}
.foot{text-align:center;font-size:12.5px;color:#74718b;margin:8px 0 16px}
/* ===== processing ===== */
.dev{position:relative;margin:16px -4px 0;flex:0 1 300px;min-height:200px;border-radius:24px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px #e6d9ff,0 0 40px #b98cff66;background:#e9e1ff}
.dev img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:filter .3s}
.dev .veil{position:absolute;left:0;right:0;top:0;background:#efe6ffb0;transition:height .3s}
.dev .scan{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 18px #fff;transition:top .3s}
.dev .pct{position:absolute;left:16px;top:12px;font-size:44px;font-weight:900;color:#2b1470;letter-spacing:-1px}
.dev .pct small{font-size:18px}
.dev .lab{position:absolute;left:18px;top:64px;font-size:14px;font-weight:700;color:#5a3fb0}
.quote{margin-top:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}
.quote img{width:40px;height:40px;flex:none;object-fit:contain}
.quote p{margin:0;font-size:14.5px;line-height:1.35;color:#2a2a5a}
.quote b{display:block;font-size:11.5px;color:#8b83ad;letter-spacing:.4px;text-transform:uppercase;margin-bottom:3px}
.track{display:flex;align-items:center;margin-top:16px;gap:6px}
.track .s{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#9a94b8;width:88px;text-align:center}
.track .s i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#ece6fb;color:#9a94b8;font-size:14px}
.track .s.done{color:#16784f}.track .s.done i{background:var(--green-bg);color:#16784f}
.track .s.now{color:#6721f6}.track .s.now i{background:#6721f6;color:#fff;box-shadow:0 0 0 5px #6721f633}
.track .bar{flex:1;height:3px;border-radius:3px;background:#e2daf6;margin-top:-22px}
.track .bar.f{background:#6721f6}
.opp{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px}
.opp .avatar{width:40px;height:40px}
.opp b{font-size:15px}.opp small{display:block;color:#74718b;font-size:13px}
.dots{margin-left:auto;display:flex;gap:4px}.dots i{width:7px;height:7px;border-radius:50%;background:#9d74ee;animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
/* ===== result ===== */
.res .topbar{height:46px}
.verdict{text-align:center;margin-top:-44px;pointer-events:none}
.verdict .h1{font-size:31px}
.verdict .chip{margin-top:8px;height:28px;pointer-events:auto}
.orig{position:relative;margin-top:12px;flex:0 1 150px;min-height:92px;border-radius:18px;overflow:hidden;border:3px solid #fff;box-shadow:0 6px 18px #3a2a8a22;padding:0;display:block;width:100%}
.orig img{width:100%;height:100%;object-fit:cover;display:block}
.orig .tag{position:absolute;left:10px;top:10px;background:#0c0d37b3;color:#fff;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:10px;letter-spacing:.3px}
.versions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}
.v{position:relative;border-radius:22px;padding:10px 10px 10px;border:2px solid #fff;background:#ffffffc8;text-align:left;color:var(--ink)}
.v.win{border-color:#8a2ef5;background:#fff;box-shadow:0 10px 26px #7b1cf229}
.v .who{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:750}
.v .who img{width:26px;height:26px;border-radius:50%;background:#efe3ff}
.v .pic{margin-top:8px;height:150px;border-radius:14px;overflow:hidden;background:#e9e1ff}
.v .pic img{width:100%;height:100%;object-fit:cover;display:block}
.v .score{display:flex;align-items:baseline;gap:6px;margin-top:8px;min-height:40px}
.v .score b{font-size:40px;font-weight:900;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}
.v .score small{font-size:13px;color:#74718b}
.v.win .score b{color:#6721f6}.v .score b{color:#5b587a}
.v .skel{display:inline-block;width:64px;height:34px;border-radius:10px;background:linear-gradient(90deg,#ece6fb,#f8f5ff,#ece6fb);background-size:200% 100%;animation:sk 1.1s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.v .why{font-size:13px;font-weight:700;color:#6721f6;margin-top:4px;border:0;background:none;padding:0}
.v.lose .why{color:#8b83ad}
.crownb{position:absolute;right:-6px;top:-16px;background:linear-gradient(135deg,#ffd76a,#ffb61e);color:#6b3d00;font-size:12px;font-weight:900;padding:5px 10px;border-radius:12px;box-shadow:0 4px 10px #ffb61e66;animation:popin .4s}
.reward{margin-top:12px;padding:12px 14px;display:flex;align-items:center;gap:12px}
.reward .ic{width:42px;height:42px;border-radius:13px;background:var(--lav);display:grid;place-items:center;flex:none}
.reward .ic svg{width:24px;height:24px;fill:none;stroke:#6721f6;stroke-width:2.2}
.reward b{font-size:15px;display:block}
.reward span{font-size:13px;color:#5b587a}
.reward s{color:#9a94b8}
.reward .plus{margin-left:auto;font-weight:900;color:var(--green);background:var(--green-bg);border-radius:12px;padding:6px 9px;font-size:14px;white-space:nowrap}
.reward .plus.zero{color:#6d6a86;background:#eeedf6}
.series{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.series .l{font-size:14px;color:#5b587a}.series .l b{font-size:20px;color:var(--ink);margin-left:4px}
.series .ghost{width:auto;height:42px;padding:0 18px;font-size:15px}
.series .ghost.sent{border-style:dashed;color:#8b83ad;border-color:#b9a6e6}
/* breakdown sheet */
.bdt{display:flex;gap:8px;margin-bottom:12px}
.bdt button{flex:1;height:42px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}
.bdt button.on{border-color:#7b1cf2;background:#f3e9ff;color:#6118d8}
.bdt img{width:24px;height:24px;border-radius:50%}
.total{text-align:center}
.total b{font-size:44px;font-weight:900;letter-spacing:-1px}
.total small{display:block;color:#74718b;font-size:13.5px}
.crit{margin-top:14px;display:grid;gap:12px}
.crit .r{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:14px}
.crit .r i{grid-column:1/-1;height:7px;border-radius:4px;background:#ece6fb;position:relative;overflow:hidden}
.crit .r i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#9a5cff,#6721f6);border-radius:4px}
.crit .r b{font-variant-numeric:tabular-nums}
.said{margin-top:16px}
.said h4{margin:0 0 8px;font-size:15px}
.said p{margin:0;background:#fff;border:1px solid #eee7ff;border-radius:16px;padding:12px 14px;font-size:15px;line-height:1.4}
.said .pn{margin-top:8px;font-size:13px;font-weight:600}
.advice{margin-top:14px;background:var(--lav);border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.4}
.advice b{display:block;margin-bottom:2px}
/* ===== name ===== */
.nm h1{text-align:center;margin-top:8px;font-size:27px}
.nm .sub{text-align:center;color:#74718b;font-size:14.5px;margin-top:6px}
.nm .me{align-self:center;width:96px;height:96px;margin-top:16px}
.avgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.avgrid button{position:relative;aspect-ratio:1;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,#f1dcff,#c9a6ff);padding:0;overflow:hidden}
.avgrid button img{width:100%;height:100%;display:block}
.avgrid button.on{box-shadow:0 0 0 3px #7b1cf2}
.avgrid button.on:after{content:'✓';position:absolute;right:2px;bottom:2px;width:22px;height:22px;border-radius:50%;background:#7b1cf2;color:#fff;font-size:13px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.avgrid button.lock{filter:grayscale(.7) opacity(.6)}
.avgrid button.lock:after{content:'';position:absolute;right:2px;bottom:2px;width:22px;height:22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d5bb0' stroke-width='2.4'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/13px no-repeat}
.lockrow{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:16px;background:#ffffff90;border:1px dashed #cfc4ee;font-size:13px;color:#5b587a;width:100%;text-align:left}
.lockrow .mini{display:flex}
.lockrow .mini img{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-8px;filter:grayscale(.6);background:#e6dcff}
.lockrow .mini img:first-child{margin-left:0}
.field{margin-top:16px}
.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#6d6a86;margin-bottom:6px}
.field input{width:100%;height:50px;border:1.5px solid #d9ccf7;border-radius:16px;padding:0 14px;font:inherit;font-size:17px;background:#fff;color:var(--ink)}
.field input:focus{outline:none;border-color:#7b1cf2;box-shadow:0 0 0 4px #7b1cf222}
.field small{display:block;margin-top:5px;font-size:12px;color:#8b83ad}
.field small.err{color:var(--red)}
/* ===== collection ===== */
.sum{display:flex;align-items:center;gap:14px;margin-top:10px;padding:14px 16px}
.sum .big{font-size:44px;font-weight:900;color:#5b17c9;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}
.sum .t b{display:block;font-size:15px}.sum .t span{font-size:12.5px;color:#74718b;line-height:1.3;display:block}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.stats div{padding:9px 10px;border-radius:16px;background:#ffffffa8;border:1px solid #fff}
.stats b{display:block;font-size:19px;font-variant-numeric:tabular-nums}.stats span{font-size:12px;color:#74718b}
.filters{display:flex;align-items:center;gap:8px;margin-top:14px}
.filters .f{height:36px;padding:0 14px;border-radius:12px;border:1.4px solid var(--line);background:#ffffffa0;font-size:14px;font-weight:650;color:#5b4b8a}
.filters .f.on{background:#7a2be6;border-color:#7a2be6;color:#fff}
.sort{margin-left:auto;font-size:13.5px;font-weight:700;color:#6721f6;border:0;background:none}
.works{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.w{border-radius:20px;background:#fff;border:1px solid #fff;padding:6px 6px 10px;box-shadow:0 6px 18px #3a2a8a14;text-align:left;color:var(--ink)}
.w .pic{position:relative;height:140px;border-radius:15px;overflow:hidden}
.w .pic img{width:100%;height:100%;object-fit:cover;display:block}
.w .badge{position:absolute;left:7px;top:7px;background:#0c0d37c4;color:#fff;border-radius:10px;padding:4px 8px;font-size:13px;font-weight:800}
.w .badge small{font-weight:500;opacity:.8}
.w .top{position:absolute;left:7px;bottom:7px;border-radius:10px;padding:4px 7px;font-size:11px;font-weight:900}
.w b{display:block;font-size:14.5px;margin:8px 4px 2px}
.w .meta{display:flex;justify-content:space-between;margin:0 4px;font-size:12.5px;color:#74718b}
.up{color:var(--green);font-weight:700}.down{color:var(--red);font-weight:700}
.empty{border-radius:20px;border:1.5px dashed #c7b3f2;background:#ffffff66;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px;min-height:200px;color:var(--ink)}
.empty .plus{width:44px;height:44px;border-radius:50%;background:var(--lav);color:#6721f6;display:grid;place-items:center;font-size:24px;font-weight:700}
.empty span{font-size:13px;color:#5b587a;line-height:1.3}
.ladder{margin-top:12px;padding:12px 14px}
.ladder b.h{font-size:14px;display:block;margin-bottom:8px}
.lad{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-items:end}
.lad div{text-align:center;font-size:11px;color:#74718b}
.lad i{display:block;border-radius:6px 6px 3px 3px;background:#e4dafa;margin-bottom:4px}
.lad strong{display:block;font-size:13px;color:#2a2a5a}
.lad .me i{background:#6721f6}.lad .me strong{color:#6721f6}
/* ===== list screens ===== */
.rowcard{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:10px}
.rowcard .avatar{width:48px;height:48px}
.rowcard b{font-size:16px;display:block}.rowcard small{font-size:13px;color:#74718b}
.rowcard .soft{margin-left:auto}
.rank{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-top:8px}
.rank .pos{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:14px;background:#eeedf6;color:#6d6a86;flex:none}
.rank .pos.g1{background:#fff1c6;color:#9a6a00}.rank .pos.g2{background:#eceef3;color:#5c6378}.rank .pos.g3{background:#f7e2d5;color:#94502a}
.rank .avatar{width:42px;height:42px}
.rank .n{font-size:16px}.rank .n small{display:block;font-size:12px;color:#74718b}
.rank .pts{margin-left:auto;font-size:20px;font-weight:900;color:#4b2396;font-variant-numeric:tabular-nums}
.rank.me{background:#efe4ffd8;border-color:#b999ff}
.gap{margin-top:10px;padding:10px 14px;font-size:13.5px;color:#4a3d7a;background:#ffffffa0;border-radius:16px;border:1px dashed #c7b3f2}
.seg2{display:flex;gap:8px;margin-top:14px}
.seg2 button{flex:1;height:40px;border-radius:13px;border:1.4px solid var(--line);background:#ffffffa0;font-weight:650;color:#5b4b8a}
.seg2 button.on{background:#7a2be6;border-color:#7a2be6;color:#fff}
.sectitle{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8b83ad;margin:20px 0 2px}
/* profile */
.prof{display:flex;align-items:center;gap:16px;margin-top:8px}
.prof .avatar{width:84px;height:84px}
.prof b{font-size:26px;font-weight:900}
.prof button{border:0;background:none;color:#6721f6;font-weight:700;font-size:14px;padding:0;margin-top:2px}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;padding:10px 0}
.pstats div{text-align:center}.pstats b{display:block;font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}.pstats span{font-size:12.5px;color:#74718b}
.goal{padding:12px 14px;margin-top:10px}
.goal small{font-size:12px;color:#74718b}
.goal .gr{display:flex;justify-content:space-between;align-items:baseline;margin-top:2px}
.goal b{font-size:16px}
.goal .bar{height:8px;border-radius:5px;background:#ece6fb;margin-top:10px;overflow:hidden}
.goal .bar i{display:block;height:100%;background:linear-gradient(90deg,#9a5cff,#6721f6);border-radius:5px}
.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.bdg{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:0;background:none;padding:0;color:var(--ink)}
.bdg .hex{width:74px;height:74px;display:grid;place-items:center;background:#ece5fb;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.bdg.on .hex{background:linear-gradient(135deg,#efe1ff,#d8c1ff)}
.bdg .hex svg{width:32px;height:32px;fill:none;stroke:#9a8fc2;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bdg.on .hex svg{stroke:#6a22d8}
.bdg b{font-size:13px;line-height:1.2}
.bdg small{font-size:11.5px;color:#74718b}
.bdg .mini{width:60px;height:5px;border-radius:3px;background:#e3dcf6;overflow:hidden}
.bdg .mini i{display:block;height:100%;background:#8f5cf0}
.listrow{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 4px;border:0;border-bottom:1px solid #e0d8f3;background:none;font-size:16px;font-weight:650;color:#4b3b86}
/* subscription */
.subart{align-self:center;width:230px;margin-top:4px}
.sub h1{text-align:center;font-size:31px}
.sub .m{text-align:center;color:#5b587a;margin-top:6px;font-size:14.5px}
.benefits{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.benefits li{display:flex;gap:12px;align-items:flex-start}
.benefits svg{width:26px;height:26px;fill:none;stroke:#7a2be6;stroke-width:1.9;flex:none;margin-top:2px}
.benefits b{display:block;font-size:15px}.benefits small{font-size:13px;color:#74718b}
.daily{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 16px}
.daily b{font-size:14.5px}
.daily .cd{font-size:22px;font-weight:900;color:#4b2396;font-variant-numeric:tabular-nums}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.plan{position:relative;text-align:left;border:2px solid #fff;border-radius:20px;background:#ffffffb8;padding:12px;color:var(--ink)}
.plan.on{border-color:#8a2ef5;background:#f7f0ff}
.plan b{font-size:18px;display:block}
.plan small{font-size:12px;color:#74718b;display:block}
.plan .pr{font-size:24px;font-weight:900;margin-top:6px}
.plan .pr span{font-size:13px;font-weight:600}
.plan .sv{display:inline-block;margin-top:6px;background:#6721f6;color:#fff;font-size:11.5px;font-weight:800;border-radius:9px;padding:3px 8px}
.plan .rd{position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;border:2.5px solid #c1a9ef}
.plan.on .rd{border:7px solid #7b1cf2}
.legal{display:flex;justify-content:space-between;margin:6px 0 14px}
.legal button{border:0;background:none;color:#6721f6;font-size:13.5px;font-weight:600}
.renew{text-align:center;font-size:12px;color:#6d6a86;line-height:1.45;margin-top:8px}
/* celebration */
.cel .badgebig{align-self:center;margin-top:40px;width:170px;height:170px;border-radius:50%;background:#8b2be2;display:grid;place-items:center;box-shadow:0 0 0 22px #e9ddff,0 0 60px #b98cff;animation:popin .6s cubic-bezier(.3,1.6,.6,1)}
.cel .badgebig img{width:110px}
.cel h1{text-align:center;margin-top:44px}
.conf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.conf i{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;animation:fall 2.4s ease-in forwards}
@keyframes fall{to{transform:translateY(900px) rotate(540deg)}}

/* short phones (≤700px tall) */
#device.short .scr{overflow-y:auto;scrollbar-width:none}
#device.short .scr::-webkit-scrollbar{display:none}
#device.short .mode{height:212px}
#device.short .mode .art{height:78px}
#device.short .mode .art img.p{width:52px;height:52px}
#device.short .mode .art img.ino{height:76px}
#device.short .mtitle{margin:12px 0 10px;font-size:23px}
#device.short .howlong{display:none}
#device.short .sart{flex-basis:220px;min-height:160px}
#device.short .orig{flex-basis:110px;flex-shrink:0}
#device.short .v .pic{height:112px}
#device.short .dev{flex-basis:220px}
#device.short .spacer{flex:1 0 12px}
/* ===== home v2 ===== */
.chevb{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#ffffffcc;display:grid;place-items:center;flex:none;box-shadow:0 2px 6px #5a3fb01a}
.chevb svg{width:16px;height:16px;fill:none;stroke:#6a3be0;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.fcard{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:16px 14px 16px 18px;border:1.5px solid #ffffffb0;border-radius:24px;text-align:left;color:#fff;
 background:radial-gradient(circle at 88% -20%,#ffffff55,transparent 45%),linear-gradient(120deg,#3f7bff 0%,#5a67ff 45%,#8b5cff 100%);box-shadow:0 10px 26px #4a5cff40,inset 0 1px 0 #ffffff80}
.fcard:before{content:'';position:absolute;right:-30px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff14}
.fstack{display:grid;grid-template-columns:repeat(2,44px);gap:0;flex:none;position:relative;margin-left:auto;transform:rotate(-6deg)}
.fstack img{width:50px;height:50px;border-radius:50%;border:3px solid #fff;background:#e7ddff;margin:-3px;box-shadow:0 4px 10px #1b2a9a33}
.fstack i{width:50px;height:50px;border-radius:50%;margin:-3px;border:2.5px dashed #ffffffd0;background:#ffffff26;display:grid;place-items:center;font-style:normal;font-size:22px;font-weight:700;color:#fff}
.ftxt{min-width:0;position:relative}
.ftxt b{display:block;font-size:21px;font-weight:900;letter-spacing:-.2px}
.ftxt small{display:block;font-size:14px;color:#eef0ffe6;line-height:1.3;margin-top:3px}
.fbtn{display:inline-grid;margin-top:10px;height:36px;padding:0 14px;border-radius:13px;background:#fff;color:#3c4de0;font-weight:800;font-size:14.5px;place-items:center;box-shadow:0 4px 10px #1b2a9a33}
.mtitle2{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0 14px;font-size:31px;font-weight:900;letter-spacing:-.8px;color:var(--ink)}
.mtitle2 em{font-style:normal;background:linear-gradient(90deg,#6a2cf5,#3f7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.rays{display:block;width:18px;height:28px;flex:none}
.rays.r{transform:scaleX(-1)}
.modes2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.mode2{position:relative;min-width:0;height:292px;border:2px solid #ffffffd9;border-radius:26px;background:#ffffff38;display:flex;flex-direction:column;align-items:center;padding:0 8px 14px;text-align:center;color:var(--ink);overflow:hidden;backdrop-filter:blur(2px)}
.mode2.sel{border-color:#7b1cf2;background:#ffffff66;box-shadow:0 10px 28px #6a2cf52e}
.mode2 .check{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#7b1cf2;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;z-index:3}
.duelart{position:relative;width:calc(100% + 16px);height:190px;flex:none}
.duelart img{position:absolute;bottom:0;width:60%;object-fit:contain}
.duelart .g{left:-12%}.duelart .b{right:-14%}
.duelart:after{content:'';position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(transparent,#ffffff70)}
.vs2{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%) rotate(-8deg);z-index:2;font-size:36px;font-weight:900;font-style:italic;letter-spacing:-1px;background:linear-gradient(180deg,#ffdf6b,#ff9d1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7a2be6) drop-shadow(0 0 10px #ffffffcc)}
.inoart{height:190px;width:100%;display:grid;place-items:end center;flex:none;position:relative}
.inoart:before{content:'';position:absolute;left:50%;bottom:14px;width:120px;height:120px;margin-left:-60px;border-radius:50%;background:radial-gradient(circle,#ffffffb0,transparent 70%)}
.inoart img{position:relative;height:146px;width:auto;max-width:100%;object-fit:contain;margin-bottom:6px;filter:drop-shadow(0 6px 14px #8b6cff55)}
.mode2 strong{font-size:21px;margin-top:10px}
.mode2 .sub{font-size:13.5px;color:#6d6a86;margin-top:3px}
.wait{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:13px;font-weight:700;color:#5b587a;background:#ffffffb0;border-radius:12px;padding:4px 9px}
.wait svg{width:15px;height:15px;fill:none;stroke:#6d5bb0;stroke-width:2.4;stroke-linecap:round}
.freeino{display:inline-flex;margin-top:8px;font-size:12.5px;font-weight:700;color:#16784f;background:#dff5ea;border-radius:12px;padding:4px 9px}
.cta2{height:64px;font-size:22px;gap:12px;margin-bottom:14px}
.cta2 .arr{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:1px}
.nav2{display:grid;grid-template-columns:repeat(4,1fr);flex:none;margin:0 -6px 24px;padding:7px 6px;border:1px solid #fff;border-radius:28px;background:#ffffffeb;box-shadow:0 8px 24px #3a2a8a14}
.nav2 button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;font-weight:650;color:#8b86a8;border:0;background:none;padding:2px 0}
.nav2 .ico{width:52px;height:32px;border-radius:16px;display:grid;place-items:center;transition:.2s}
.nav2 svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav2 svg .f{fill:none}
.nav2 button.on{color:#5b1ee0}
.nav2 button.on .ico{background:linear-gradient(135deg,#efe5ff,#e1ecff)}
.nav2 button.on svg .f{fill:#c9b0ff}
.homebar{position:absolute;left:50%;bottom:7px;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:#1b184066;z-index:50;pointer-events:none}
#device.short .mode2{height:212px}#device.short .duelart,#device.short .inoart{height:116px}#device.short .inoart img{height:96px}#device.short .mtitle2{margin:14px 0 10px;font-size:25px}
.lgscr{padding:0}
.lghost{position:absolute;inset:0}
.safe{flex:none}
#device.notch:before{content:'';position:absolute;left:50%;top:11px;width:122px;height:35px;margin-left:-61px;border-radius:20px;background:#0b0b12;z-index:90;pointer-events:none}
/* ===== crystal (Ино с эмоциями) в основном документе ===== */
.crystal-character{display:block;line-height:0;position:relative}
.crystal-art,.crystal-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.crystal-face{transition:opacity .18s}
.crystal-character[data-emotion=happy] .crystal-face{opacity:0}
.crystal-face .wink-eye,.crystal-face .wink-mouth,.crystal-face .surprise-mouth{display:none}
.crystal-character[data-emotion=surprise] .thinking-mouth,.crystal-character[data-emotion=wink] .thinking-mouth{display:none}
.crystal-character[data-emotion=surprise] .surprise-mouth{display:block}
.crystal-character[data-emotion=wink] .right-eye,.crystal-character[data-emotion=wink] .face-glints ellipse:last-child{display:none}
.crystal-character[data-emotion=wink] .wink-eye,.crystal-character[data-emotion=wink] .wink-mouth{display:block}
/* ===== trial v2 ===== */
.trial2 .tbadge{align-self:center;margin-top:10px}
.trial2 .h1{font-size:32px;margin-top:10px}
.tsub{text-align:center;color:#5b587a;font-size:15px;line-height:1.35;margin:8px 10px 0}
.mframe{position:relative;padding:12px;background:linear-gradient(135deg,#ffcc74,#be5819 23%,#d78028 52%,#ffe191 70%,#c87924);border-radius:3px;box-shadow:inset 4px 4px 2px #ffd17a,inset -4px -4px 2px #b86423,0 0 34px #ffdc9180}
.mframe img{display:block;width:100%;height:100%;object-fit:cover;border:2px solid #9c501d}
.mframe .q{position:absolute;inset:0;display:grid;place-items:center;font-size:96px;font-weight:900;color:#fff;text-shadow:0 0 24px #a36bff,0 0 50px #a36bff;animation:qpulse 2.4s ease-in-out infinite}
@keyframes qpulse{50%{transform:scale(1.08)}}
.tA .tstage{position:relative;align-self:center;width:274px;height:300px;margin-top:22px}
.tA .mframe{position:absolute;left:0;top:0;width:236px;height:262px;transform:rotate(-3deg)}
.tA .host{position:absolute;right:-30px;bottom:-12px;width:130px;height:120px;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 22px #c565ff);animation:float 4s ease-in-out infinite}
.say{position:relative;margin-top:26px;padding:14px 16px;background:#fff;border-radius:22px;font-size:15px;line-height:1.4;color:#2a2a5a;box-shadow:0 8px 22px #5a3fb01f}
.say b{display:block;font-size:17px;color:var(--ink);margin-bottom:2px}
.say:before{content:'';position:absolute;right:58px;top:-12px;width:26px;height:16px;background:#fff;clip-path:polygon(0 100%,70% 0,100% 100%)}
.tfacts{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 14px;border-radius:22px;background:#ffffffb8;border:1px solid #fff}
.tfacts div{display:flex;flex-direction:column;align-items:center;min-width:70px}
.tfacts i{width:1px;align-self:stretch;background:#e2daf6}
.tfacts svg{width:24px;height:24px;fill:none;stroke-width:2.2;stroke-linecap:round}
.tfacts b{font-size:21px;font-weight:900;margin-top:2px}
.tfacts small{font-size:12px;color:#5b587a}
.trial2 .primary{margin-bottom:24px;height:64px;font-size:22px}
.trial2 .primary .arr{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
/* B */
.duelb{position:relative;height:392px;margin-top:14px}
.duelb .mframe.sm{position:absolute;left:50%;top:0;width:204px;height:226px;margin-left:-102px}
.duelb .beams{display:none;position:absolute;left:0;right:0;top:170px;width:100%;height:120px;overflow:visible}
.bm{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-dasharray:4 30;animation:dash 1s linear infinite}
.bm.pk{filter:drop-shadow(0 0 5px #b05bff)}.bm.bl{filter:drop-shadow(0 0 5px #31d6ff)}
@keyframes dash{to{stroke-dashoffset:-34}}
.duelb .side{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:130px}
.duelb .side.me{left:0}.duelb .side.ino{right:0}
.duelb .ph{width:112px;height:112px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px #ffffffb0,0 0 26px #b9a0ff88}
.duelb .me .ph img{width:56px}
.duelb .ino .ph .mini{width:82px;height:76px}
.duelb .side b{font-size:18px}.duelb .side small{font-size:12.5px;color:#6d6a86;margin-top:-4px}
.vsb{position:absolute;left:50%;bottom:48px;transform:translateX(-50%) rotate(-8deg);font-size:40px;font-weight:900;font-style:italic;background:linear-gradient(180deg,#ffdf6b,#ff9d1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7a2be6) drop-shadow(0 0 10px #fff)}
/* C */
.deck{position:relative;align-self:center;width:274px;height:360px;margin-top:26px}
.deck span.c2,.deck span.c3{position:absolute;inset:0;border-radius:24px;border:4px solid #fff;background:linear-gradient(135deg,#d9c8ff,#b8d8ff)}
.deck .c3{transform:rotate(-9deg) translate(-18px,8px);opacity:.7}
.deck .c2{transform:rotate(6deg) translate(16px,4px);opacity:.85}
.deck .c1{position:absolute;inset:0;border-radius:24px;border:4px solid #fff;overflow:hidden;box-shadow:0 14px 30px #3a2a8a33}
.deck .c1 img{width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(1.3);transform:scale(1.15)}
.deck .lock{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;background:#ffffffe6;border-radius:16px;padding:7px 12px;font-size:13.5px;font-weight:700;color:#4b2396}
.deck .lock svg{width:18px;height:18px;fill:none;stroke:#4b2396;stroke-width:2.2}
.hostrow{display:flex;align-items:center;gap:12px;margin-top:22px;padding:10px 14px;border-radius:20px;background:#ffffffb8;border:1px solid #fff}
.hostrow .hostmini{width:54px;height:50px;flex:none}
.hostrow p{margin:0;font-size:14px;line-height:1.35;color:#3a3666}
.rulechip{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 14px;border-radius:16px;background:#ffe9ef;color:#8a0f35;font-size:13.5px}
.rulechip svg{width:20px;height:20px;fill:none;stroke-width:2.2;flex:none}
#device.short .tA .tstage{width:190px;height:200px}#device.short .tA .mframe{width:160px;height:176px}#device.short .tA .host{width:90px;height:82px}
#device.short .duelb{height:270px}#device.short .deck{width:190px;height:220px}
/* ===== mic v2 ===== */
.mic2{background:#2a2466;color:#fff}
.mic2 .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mic2:after{content:'';position:absolute;inset:0;background:linear-gradient(#1b184000 40%,#1b184055 70%,#1b184099);pointer-events:none}
.mic2>*{position:relative;z-index:2}
.mic2 h1{margin:18px 0 0;text-align:center;font-size:34px;line-height:1.05;font-weight:900;letter-spacing:-.8px;text-shadow:0 4px 18px #0006}
.mic2 .lead{margin:8px 0 0;text-align:center;font-size:16px;color:#ece8ff}
.micstage{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0}
.micstage .mico{position:relative;height:100%;max-height:330px;width:auto;filter:drop-shadow(0 22px 26px #0007);z-index:2}
.micstage .glow{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;background:radial-gradient(circle,#b98cff66,transparent 65%)}
.micstage .pulse{position:absolute;left:50%;top:40%;width:210px;height:210px;margin:-105px 0 0 -105px;border-radius:50%;border:2px solid #ffffff55;animation:mpulse 2.4s ease-out infinite}
.micstage .p2{animation-delay:1.2s}
@keyframes mpulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.mic2.off .mico{filter:grayscale(1) brightness(.85) drop-shadow(0 22px 26px #0007)}
.offbadge{position:absolute;left:50%;top:40%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#ff3d6e;border:4px solid #fff;display:grid;place-items:center;z-index:3;box-shadow:0 8px 20px #ff3d6e66}
.offbadge svg{width:42px;height:42px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mic2:before{content:'';order:99;flex:none;height:272px}
.mpanel{position:absolute!important;left:14px;right:14px;bottom:22px;padding:18px 16px 10px;border-radius:30px;background:#ffffffee;border:1px solid #fff;box-shadow:0 20px 40px #1b18404d;color:var(--ink);display:flex;flex-direction:column;align-items:stretch}
.mfacts{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
.mfacts li{display:flex;align-items:center;gap:12px}
.mfacts i{width:42px;height:42px;border-radius:14px;background:var(--lav);display:grid;place-items:center;flex:none}
.mfacts svg{width:22px;height:22px;fill:none;stroke:#6721f6;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.mfacts b{display:block;font-size:16.5px}.mfacts small{font-size:13.5px;color:#6d6a86}
.mpanel .link{margin-top:8px;font-size:15px}
.mhow{margin-bottom:16px;text-align:center}
.mhow b{font-size:17px}
.msteps{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}
.msteps span{height:36px;padding:0 12px;border-radius:12px;background:#f1edfb;display:grid;place-items:center;font-size:14.5px;font-weight:650;color:#4b3b86}
.msteps span.on{background:#6721f6;color:#fff}
.msteps i{font-style:normal;color:#9a94b8;font-size:18px}
/* tfacts optical alignment */
.tfacts .neg{margin-left:-7px}
/* ===== Ино: лицо поверх кристалла без подложки ===== */
.ino-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ino-face g g{display:none}
.crystal-character[data-emotion=happy] .ino-face .e-happy,.crystal-character[data-emotion=wink] .ino-face .e-wink,.crystal-character[data-emotion=thinking] .ino-face .e-thinking,.crystal-character[data-emotion=surprise] .ino-face .e-surprise{display:inline}
/* ===== study v2 ===== */
.study2{padding-bottom:0}
.study2 .rh{margin-top:-4px;font-size:27px}
.study2 .zoom{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;background:#0c0d3799;color:#fff;display:grid;place-items:center;border:0;padding:0;z-index:3}
.study2 .zoom svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
/* A — золотая рама как на онбординге */
.artFrame{position:relative;flex:1 1 0;min-height:150px;max-height:400px;display:flex;align-items:center;justify-content:center;margin-top:10px}
.gframe{height:100%;max-height:none;aspect-ratio:var(--ar,1.35);max-width:100%;padding:12px;background:linear-gradient(135deg,#ffcc74,#be5819 23%,#d78028 52%,#ffe191 70%,#c87924);border-radius:3px;box-shadow:inset 4px 4px 2px #ffd17a,inset -4px -4px 2px #b86423,0 10px 30px #b8642340,0 0 34px #ffdc9166}
.gframe img{display:block;width:100%;height:100%;object-fit:cover;border:2px solid #9c501d}
.artFrame .zoom{right:4px;top:4px}
/* B — во всю ширину */
.artWide{position:relative;flex:1 1 0;min-height:150px;max-height:420px;margin:10px -18px 0;overflow:hidden;border-radius:0 0 28px 28px}
.artWide img{width:100%;height:100%;object-fit:cover;display:block}
.vb .rtop{position:relative;z-index:2}
.cloudcap{height:34px;margin:-30px -18px 0;background:url(a/cloud-panel.svg) top center/100% auto no-repeat;position:relative;z-index:1;flex:none}
.vb .under{margin-top:-6px}
/* C — со свечением */
.artGlow{position:relative;flex:1 1 0;min-height:150px;max-height:400px;margin-top:12px;display:flex;align-items:center;justify-content:center}
.artGlow .aura{position:absolute;inset:6% 4%;width:92%;height:88%;object-fit:cover;filter:blur(26px) saturate(1.6);opacity:.85;border-radius:40px}
.artGlow .plate{position:relative;height:100%;max-width:100%;aspect-ratio:1.35;border-radius:22px;overflow:hidden;border:3px solid #ffffffd9;box-shadow:0 16px 36px #2a1f6a40}
.artGlow .plate img{width:100%;height:100%;object-fit:cover;display:block}
.artGlow .zoom{right:14px;top:10px}
/* блок слов */
.under{display:flex;flex-direction:column;gap:10px;margin-top:12px;flex:none}
.wpanel{border-radius:20px;background:#fff;border:1px solid #ffe0e8;padding:10px 12px 12px;box-shadow:0 6px 18px #a3123e12}
.whead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wt{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:#a3123e}
.wt svg{width:18px;height:18px;fill:none;stroke:#e0237a;stroke-width:2.4;stroke-linecap:round}
.wpen{border:0;background:none;padding:0;font-size:12.5px;font-weight:650;color:#8a6b7a;display:flex;align-items:center;gap:5px}
.wpen b{width:18px;height:18px;border-radius:50%;background:#ffe3ea;color:#a3123e;display:grid;place-items:center;font-size:11px}
.wchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.wc{position:relative;height:32px;padding:0 13px;border-radius:16px;background:#ffeef2;color:#8a0f35;font-weight:750;font-size:15px;display:inline-flex;align-items:center;transition:.2s}
.wpanel.mid .wc{height:30px;font-size:14px;padding:0 11px}
.wpanel.dense .wc{height:27px;font-size:13px;padding:0 9px}
.wpanel.dense .wchips{gap:5px}
.wc.hit{background:#a3123e;color:#fff;text-decoration:line-through}
.wc.hit b{position:absolute;top:-12px;right:-8px;background:#fff;color:#a3123e;border:1.5px solid #a3123e;border-radius:9px;font-size:10.5px;padding:1px 5px;text-decoration:none;animation:popin .35s}
/* подсказки */
.hpanel{padding:0 2px}
.hhead2{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8b83ad;margin-bottom:7px}
.htiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ht{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 8px;border-radius:16px;background:#ffffffb0;border:1px solid #fff;font-size:11.5px;font-weight:650;color:#4b3b86;text-align:center;line-height:1.15;transition:.25s}
.ht svg{width:22px;height:22px;fill:none;stroke:#7a2be6;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ht.on{background:var(--green-bg);border-color:#bfe9d3;color:#16784f}
.ht.on svg{stroke:#16784f}
.ht i{position:absolute;right:4px;top:3px;font-style:normal;font-size:11px;font-weight:900}
.study2 .primary{margin-top:14px}
.study2 .under{margin-top:14px}
.study2 .foot{margin:6px 0 18px}
/* описание */
.rec2 .artFrame,.rec2 .artWide,.rec2 .artGlow{max-height:380px}
.rec2 .primary{margin-top:14px}
.rec2 .live{margin-top:0;min-height:0;padding:10px 12px 12px}
.rec2 .live p{font-size:15.5px;min-height:40px}
.rec2 .rtop{margin-top:2px}
/* подсказка новичку */
.coach{position:absolute;inset:0;z-index:30}
.coach .cdim{position:absolute;inset:0;background:#1b184070}
.coach1 .wpanel,.coach2 .hpanel{position:relative;z-index:31;box-shadow:0 0 0 4px #fff,0 0 30px #fff}
.coach2 .hpanel{background:#f6f2ff;border-radius:18px;padding:10px 8px}
.coach .cbox{position:absolute;left:14px;right:14px;z-index:32;background:#fff;border-radius:22px;padding:14px 14px 12px 76px;box-shadow:0 14px 34px #1b184055;color:var(--ink);min-height:96px;animation:popin .3s}
.coach[data-step="1"] .cbox,.coach[data-step="2"] .cbox{top:150px}
.coach .cbox img{position:absolute;left:10px;top:12px;width:56px;height:52px;object-fit:contain}
.coach .cbox p{margin:0;font-size:14px;line-height:1.4;color:#3a3666}
.coach .cbox p b{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}
.cfoot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.dots2{display:flex;gap:5px}.dots2 i{width:7px;height:7px;border-radius:50%;background:#dcd3f5}.dots2 i.on{background:#6721f6}
#device.short .artFrame,#device.short .artWide,#device.short .artGlow{min-height:110px}
#device.short .rec2 .artFrame,#device.short .rec2 .artWide,#device.short .rec2 .artGlow{max-height:120px}
#device.short .study2 .rh{font-size:23px}

#device.short .mic2:before{height:262px}

.study2:not(.old) .artGlow{position:relative;flex:1 1 0;min-height:140px;max-height:400px;margin-top:12px;display:flex;align-items:center;justify-content:center}.study2:not(.old) .artGlow .plate{position:relative;height:100%;max-width:100%;display:flex;align-items:center;justify-content:center}.study2:not(.old) .artGlow .pic{position:relative;height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:20px;border:3px solid #ffffffe6;box-shadow:0 18px 34px -10px #2a1f6a66;z-index:1}.study2:not(.old) .artGlow .aura{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);object-fit:cover;filter:blur(22px) saturate(1.7) brightness(1.05);opacity:.95;border-radius:36px;z-index:0}.study2:not(.old) .artGlow .zoom{right:10px;top:10px;z-index:2}.study2:not(.old) .zoom{width:44px;height:44px}.peek{position:absolute;inset:0;z-index:40;background:#0b0a1ef2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;animation:popin .2s}.peek img{max-width:100%;max-height:80%;object-fit:contain;border-radius:12px}.peek span{color:#d9d4f5;font-size:14px}.study2:not(.old) .wpanel .wc,.study2:not(.old) .wpanel.mid .wc,.study2:not(.old) .wpanel.dense .wc{height:32px;font-size:15px;padding:0 12px}.study2:not(.old) .wchips{gap:6px}.study2:not(.old) .wc.hit{text-decoration:line-through;text-decoration-thickness:2px}.study2:not(.old) .wpen{min-height:32px;font-size:13.5px;font-weight:700;color:#8a2346;gap:6px;padding:0 2px}.study2:not(.old) .wpen b{width:20px;height:20px;font-size:12px}.study2:not(.old) .wpenalty{height:28px;padding:0 10px;border-radius:14px;background:#a3123e;color:#fff;font-size:13.5px;font-weight:800;display:grid;place-items:center;animation:popin .3s}.study2:not(.old) .wtip{display:none;margin-top:8px;padding:8px 10px;border-radius:12px;background:#fff4f7;font-size:13.5px;line-height:1.35;color:#5a1a33}.study2:not(.old) .wpanel.wopen .wtip{display:block}.study2:not(.old) .hhead2{color:#5f5a80;font-size:12.5px}.study2:not(.old) .htiles{display:flex;flex-wrap:wrap;gap:6px}.study2:not(.old) .ht{flex-direction:row;gap:6px;height:36px;padding:0 12px;border-radius:18px;background:transparent;border:1.5px dashed #c7b6ef;font-size:13.5px;font-weight:650;color:#3f3378;line-height:1}.study2:not(.old) .ht svg{width:18px;height:18px}.study2:not(.old) .hpanel.live .ht{border-style:solid;border-color:#e2dbf4;background:#ffffff80;color:#6d6a86}.study2:not(.old) .hpanel.live .ht svg{stroke:#9a94b8}.study2:not(.old) .ht.on,.study2:not(.old) .hpanel.live .ht.on{background:var(--green-bg);border:1.5px solid #bfe9d3;color:#136b46}.study2:not(.old) .ht.on svg,.study2:not(.old) .hpanel.live .ht.on svg{stroke:#136b46;stroke-width:2.6}.study2:not(.old) .live .row{display:flex;align-items:center;gap:7px;color:#4b2396}.study2:not(.old) .live .lino{width:30px;height:28px;flex:none}.study2:not(.old) .live .lt{font-weight:800;font-size:13.5px}.study2:not(.old) .lvl{display:flex;align-items:center;gap:2px;height:16px}.study2:not(.old) .lvl i{width:3px;height:14px;border-radius:2px;background:#8a4dff;animation:wave .7s ease-in-out infinite alternate}.study2:not(.old) .lvl i:nth-child(2){animation-delay:-.15s}.study2:not(.old) .lvl i:nth-child(3){animation-delay:-.3s}.study2:not(.old) .lvl i:nth-child(4){animation-delay:-.45s}.study2:not(.old) .lvl i:nth-child(5){animation-delay:-.6s}.study2:not(.old) .lpriv{font-size:12px;font-weight:600;color:#6d6a86}.study2:not(.old) .ltxt{margin-left:auto;height:30px;padding:0 10px;border-radius:12px;border:0;background:var(--lav);color:#5a14b8;font-weight:700;font-size:13px}.study2:not(.old) .steps{color:#6f6a92}.study2:not(.old) .steps .d i{color:#6f6a92}.study2:not(.old) .foot{color:#625e80}.study2:not(.old) .artGlow .plate{overflow:visible!important;aspect-ratio:auto!important;border:0!important;box-shadow:none!important;border-radius:0!important}.study2:not(.old) .live .lt{white-space:nowrap}.study2:not(.old) .steps .now i{color:#fff}.study2:not(.old) .steps .done i{color:#16784f}

.study2:not(.old) .hhead2.withino{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500;color:#4b4668;margin-bottom:8px}
.study2:not(.old) .hhead2.withino b{font-weight:800;color:var(--ink)}
.study2:not(.old) .hino{width:36px;height:33px;flex:none}
.study2:not(.old) .artGlow{margin-top:14px}
.study2:not(.old) .artGlow .plate{width:100%;height:100%}
.study2:not(.old) .artGlow .pic{height:auto;width:auto;max-height:100%;max-width:100%}
.study2:not(.old) .artGlow .aura{inset:0;margin:auto;width:auto;height:auto;max-height:100%;max-width:100%;transform:scale(1.1);border-radius:30px}
.peek img{width:100%!important;height:auto!important;max-height:80%}
/* ===== v12: осмотр / описание ===== */
.study2.v12 .artGlow{margin-top:12px}
.hstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:10px;flex:none}
.hs{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;font-weight:650;color:#3f3378;text-align:center;line-height:1.15}
.hs i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffffb8;border:1.5px dashed #c7b6ef;transition:background .25s,border-color .25s}
.hs svg{width:18px;height:18px;fill:none;stroke:#7a2be6;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hstrip.live .hs{color:#6d6a86}.hstrip.live .hs i{border-style:solid;border-color:#e2dbf4}.hstrip.live .hs svg{stroke:#a39dc0}
.hs.on,.hstrip.live .hs.on{color:#136b46}
.hs.on i,.hstrip.live .hs.on i{background:var(--green-bg);border:1.5px solid #9fdcbd}
.hs.on svg,.hstrip.live .hs.on svg{stroke:#136b46;stroke-width:2.6}
.study2.v12 .under{margin-top:12px}
.study2.v12.rec2 .artGlow{flex:1 1 0;min-height:120px;max-height:320px}
.study2.v12 .lvbox{height:70px;overflow-y:auto;scrollbar-width:none;margin-top:6px}
.study2.v12 .lvbox::-webkit-scrollbar{display:none}
.study2.v12 .lvbox p{margin:0;font-size:15.5px;line-height:1.4}
.study2.v12 .lvbox textarea{height:66px;margin-top:0}
/* coach v12: облачко со стрелкой к блоку */
.coach2{position:absolute;inset:0;z-index:30}
.coach2 .cdim{position:absolute;inset:0;background:#1b184070}
.study2.v12.coach1 .wpanel,.study2.v12.coach2 .hstrip{position:relative;z-index:31;box-shadow:0 0 0 4px #fff,0 0 30px #fff;border-radius:20px}
.study2.v12.coach2 .hstrip{background:#f6f2ff;padding:8px 4px}
.coach2 .cb{position:absolute;left:14px;right:14px;z-index:32;background:#fff;border-radius:22px;padding:14px 14px 12px 76px;box-shadow:0 14px 34px #1b184055;color:var(--ink);animation:popin .25s}
.coach2 .cb img{position:absolute;left:10px;top:12px;width:56px;height:52px;object-fit:contain}
.coach2 .cb p{margin:0;font-size:14px;line-height:1.4;color:#3a3666}
.coach2 .cb p b{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}
.coach2 .tail{position:absolute;left:var(--tx,50%);width:32px;height:16px;background:#fff}
.coach2 .cb[data-dir="down"] .tail{bottom:-15px;clip-path:polygon(0 0,100% 0,50% 100%)}
.coach2 .cb[data-dir="up"] .tail{top:-15px;clip-path:polygon(50% 0,100% 100%,0 100%)}
/* ===== v12: обработка «Мастерская Ино» ===== */
.proc2 .ph{text-align:center;font-size:28px;margin-top:6px}
.canvas{position:relative;align-self:center;width:100%;max-width:330px;aspect-ratio:1.18;margin-top:14px;border-radius:24px;overflow:hidden;background:#efe8ff;border:3px solid #fff;box-shadow:0 18px 36px -12px #3a2a8a55;flex:none}
.canvas .tiles{position:absolute;inset:8px;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:4px}
.tiles i{border-radius:6px;background:#e0d6fa;transition:background .5s,transform .5s}
.tiles i.lit{background:var(--c)}
.tiles i.new{animation:tilepop .45s cubic-bezier(.16,1,.3,1)}
@keyframes tilepop{from{transform:scale(.4);filter:brightness(1.6)}}
.canvas .rev{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:revealflash .9s cubic-bezier(.16,1,.3,1) both}
@keyframes revealflash{0%{opacity:0;filter:blur(18px) brightness(2)}40%{opacity:1;filter:blur(6px) brightness(1.5)}100%{filter:none}}
.canvas .who{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 4px;border-radius:15px;background:#ffffffe6;font-size:13px;font-weight:800}
.canvas .who img{width:24px;height:24px;border-radius:50%;background:#efe3ff}
.inorow{display:flex;align-items:flex-start;gap:8px;margin-top:10px;min-height:52px}
.inorow .pino{width:52px;height:48px;flex:none}
.say2{position:relative;flex:1;background:#fff;border-radius:18px;padding:10px 12px;font-size:14.5px;line-height:1.35;color:#2a2a5a;box-shadow:0 6px 16px #5a3fb01a}
.say2:before{content:'';position:absolute;left:-8px;top:16px;width:12px;height:14px;background:#fff;clip-path:polygon(100% 0,100% 100%,0 50%)}
.pst{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pst li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:8px 4px;border-radius:16px;background:#ffffff80;color:#8b86a8}
.pst i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12.5px;font-weight:800;background:#ece6fb}
.pst i svg{width:15px;height:15px;fill:none;stroke:#136b46;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pst b{font-size:12.5px;color:inherit}.pst small{font-size:11px;line-height:1.2}
.pst li.done{color:#136b46;background:#effaf4}.pst li.done i{background:var(--green-bg)}
.pst li.now{color:#4b2396;background:#fff;box-shadow:0 4px 12px #5a3fb01a}.pst li.now i{background:#6721f6;color:#fff;animation:blink 1.2s infinite}
.rival{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px 8px 12px}
.rival .avatar{width:40px;height:40px}
.rival .rt b{font-size:15px;display:block}.rival .rt small{font-size:12.5px;color:#6d6a86}
.rival .mini{position:relative;margin-left:auto;width:64px;height:54px;border-radius:12px;overflow:hidden;background:#efe8ff;border:2px solid #fff;flex:none}
.rival .mini .tiles{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:2px}
.rival .mini .tiles i{border-radius:2px}
.rival .mini.sealed .tiles{filter:blur(3px)}
.rival .mini .lock{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:900;color:#fff;text-shadow:0 0 10px #6721f6}
.proc2 .primary,.proc2 .ghost{flex:none}
#device.short .canvas{max-width:250px}#device.short .pst small{display:none}
body.reduce .tiles i.new{animation:none}
.canvas{max-width:none;aspect-ratio:auto;flex:1 1 0;min-height:200px;max-height:340px;align-self:stretch}
.rival .mini{width:76px;height:62px}
.proc2 .spacer{flex:0 0 12px;min-height:12px}
.proc2 .canvas{width:auto;max-height:380px}
#device.short .proc2 .canvas{max-width:none;min-height:150px}
#device.short .proc2 .spacer{flex:0 0 10px}#device.short .proc2 .canvas{flex:1 1 0}
/* ===================== v13 ===================== */
/* осмотр: компактнее слова и подсказки */
.study2.v12 .wpanel{padding:8px 10px 10px;border-radius:18px}
.study2.v12 .wt{font-size:14px}.study2.v12 .wt svg{width:16px;height:16px}
.study2.v12 .wpen{font-size:12.5px;min-height:26px}
.study2.v12 .wchips{gap:5px;margin-top:6px}
.study2.v12 .wpanel .wc{height:28px;font-size:14px;padding:0 11px}
.study2.v12 .hstrip{margin-top:8px}
.study2.v12 .hs{font-size:12px;gap:3px}
.study2.v12 .hs i{width:28px;height:28px}.study2.v12 .hs svg{width:15px;height:15px}
.study2.v12 .under{margin-top:10px}
/* coach3 */
.coach3{position:absolute;inset:0;z-index:30}
.coach3 .cdim{position:absolute;inset:0;background:#1b18404d;backdrop-filter:blur(1.5px)}
.study2.v12.coach1 .wpanel,.study2.v12.coach2 .hstrip{position:relative;z-index:31;box-shadow:0 0 0 3px #ffffffcc,0 0 28px #ffffffb0;border-radius:18px}
.study2.v12.coach2 .hstrip{background:#ffffffe6;padding:8px 4px}
.clink{position:absolute;inset:0;width:100%;height:100%;z-index:31;pointer-events:none;overflow:visible}
.clink path{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:2 7;stroke-linecap:round;filter:drop-shadow(0 0 4px #b98cff)}
.clink circle{fill:#fff;filter:drop-shadow(0 0 6px #b98cff)}
.coach3 .cwrap{position:absolute;left:18px;right:18px;z-index:32;animation:coachin .45s cubic-bezier(.16,1,.3,1)}
@keyframes coachin{from{opacity:0;transform:translateY(8px)}}
.coach3 .cino{position:absolute;left:-6px;top:-44px;width:74px;height:68px;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 18px #c79bff);animation:float 4s ease-in-out infinite}
.coach3 .cb3{margin-left:44px;background:#fffffff2;border-radius:22px 22px 22px 8px;padding:12px 14px 10px;box-shadow:0 12px 30px -8px #1b184066}
.coach3 .cb3 p{margin:0;font-size:14px;line-height:1.4;color:#3a3666}
.coach3 .cb3 p b{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}
/* итог v13 */
.res3 .topbar{height:48px}
.res3 .vh{font-size:26px;text-align:center;flex:1;min-width:0}
.orig3{position:relative;display:block;width:100%;flex:1 1 0;min-height:150px;max-height:300px;margin-top:8px;padding:0;border:3px solid #fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px -8px #3a2a8a44;background:#e9e1ff}
.orig3 img{width:100%;height:100%;object-fit:cover;display:block}
.orig3 .tag{position:absolute;left:10px;top:10px;background:#0c0d37b3;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:10px}
.versions3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px;flex:none}
.v3{position:relative;border-radius:20px;padding:6px 6px 8px;border:2px solid #ffffffd9;background:#ffffffb8;overflow:hidden}
.v3.win{border-color:#8a2ef5;background:#fff;box-shadow:0 8px 20px #7b1cf226}
.v3 .pic{height:112px;border-radius:14px;overflow:hidden;background:#e9e1ff}
.v3 .pic img{width:100%;height:100%;object-fit:cover;display:block}
.wcrown{position:absolute;right:10px;top:10px;width:40px;z-index:2;transform:rotate(12deg);filter:drop-shadow(0 2px 6px #b8640066)}
.row3{display:flex;align-items:center;gap:6px;margin:8px 4px 0}
.row3 .av{width:24px;height:24px;border-radius:50%;background:#efe3ff;object-fit:cover}
.nm3{font-size:14px;font-weight:750}
.sc3{margin-left:auto}.sc3 b{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1;color:#5b587a}
.v3.win .sc3 b{color:#6721f6}
.why3{display:block;border:0;background:none;padding:2px 4px 0;font-size:12.5px;font-weight:700;color:#6721f6}
.duel3{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 8px 8px 12px;border-radius:20px;background:linear-gradient(120deg,#ffffffd9,#ebe1ff99);border:1px solid #fff;flex:none}
.dscore{display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:6px}
.dscore img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:#efe3ff;object-fit:cover}
.dscore b{font-size:22px;font-weight:900;color:var(--ink)}.dscore b i{font-style:normal;color:#9a94b8;margin:0 3px}
.dscore small{grid-column:1/-1;font-size:11.5px;color:#6d6a86;text-align:center}
.rbtn{margin-left:auto;display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:22px;border:0;background:#6721f6;color:#fff;font-weight:800;font-size:15px;box-shadow:0 6px 14px #6721f644}
.rbtn svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.rbtn.sent{background:#ece4ff;color:#6118d8;box-shadow:none}.rbtn.sent svg{stroke:#6118d8}
.res3 .reward{margin-top:8px;padding:10px 12px}
.res3 .spacer{flex:0 0 12px}
#device.short .orig3{min-height:110px}#device.short .v3 .pic{height:84px}
/* имя v13 */
.nm3 .h1{text-align:center;margin-top:10px;font-size:28px}
.sub3{text-align:center;color:#5f5a80;font-size:14.5px;margin-top:4px}
.idcard{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px;border-radius:24px;background:#fff;box-shadow:0 8px 22px #3a2a8a14}
.bigav{width:84px;height:84px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(135deg,#f1dcff,#c9a6ff);box-shadow:0 0 0 3px #fff,0 0 0 5px #b999ff}
.bigav img{width:100%;height:100%;object-fit:cover;display:block}
.field3{flex:1;min-width:0}.field3 label{font-size:12px;font-weight:700;color:#6d6a86;letter-spacing:.4px;text-transform:uppercase}
.field3 input{width:100%;height:46px;margin-top:4px;border:1.5px solid #d9ccf7;border-radius:14px;padding:0 12px;font:inherit;font-size:17px;color:var(--ink)}
.field3 input:focus{outline:none;border-color:#7b1cf2;box-shadow:0 0 0 4px #7b1cf222}
.field3 small{display:block;margin-top:4px;font-size:12px;color:#8b83ad}.field3 small.err{color:var(--red)}
.avhead{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px}
.avhead b{font-size:17px}.avhead span{font-size:12.5px;color:#6d6a86}
.avgrid3{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}
.avgrid3 button{position:relative;aspect-ratio:1;border-radius:50%;border:3px solid #fff;padding:0;overflow:hidden;background:linear-gradient(135deg,#f1dcff,#c9a6ff);box-shadow:0 4px 10px #3a2a8a1f}
.avgrid3.p button{background:linear-gradient(160deg,#e8f0ff,#e4d6ff)}
.avgrid3 button img{width:100%;height:100%;object-fit:cover;display:block}
.avgrid3 button.on{box-shadow:0 0 0 3px #7b1cf2,0 6px 14px #7b1cf23d}
.avgrid3 button.on:after{content:'✓';position:absolute;right:2px;bottom:2px;width:22px;height:22px;border-radius:50%;background:#7b1cf2;color:#fff;font-size:13px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.lockrow3{display:flex;align-items:center;gap:8px;width:100%;margin-top:14px;padding:10px 12px;border:1.5px dashed #cfc4ee;border-radius:16px;background:#ffffff80;font-size:14px;color:#4b4668;font-weight:600}
.lockrow3 svg{width:18px;height:18px;fill:none;stroke:#7a5cc4;stroke-width:2}
.lockrow3 span{margin-left:auto;color:#7a5cc4}
.demo-note{margin-top:10px;font-size:12.5px;color:#7a5cc4;text-align:center}
/* главная: A медальоны */
.modesA{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.mA{position:relative;display:flex;flex-direction:column;align-items:center;height:262px;padding:18px 8px 14px;border:2px solid #ffffffd9;border-radius:26px;background:#ffffff38;color:var(--ink);text-align:center}
.mA.sel{border-color:#7b1cf2;background:#ffffff66;box-shadow:0 10px 28px #6a2cf52e}
.mA .check,.hero .check{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#7b1cf2;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;z-index:3}
.medal{position:relative;width:150px;height:140px;flex:none}
.medal .f1,.medal .f2{position:absolute;width:92px;height:92px;border-radius:50%;border:4px solid #fff;background:#e8ddff;box-shadow:0 8px 18px #3a2a8a33;object-fit:cover}
.medal .f1{left:0;top:6px;box-shadow:0 0 0 3px #ff6fb5,0 8px 18px #3a2a8a33}
.medal .f2{right:0;top:40px;transform:scaleX(-1);box-shadow:0 0 0 3px #3f7bff,0 8px 18px #3a2a8a33}
.vsd{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc23d 60%,#e08a00);border:3px solid #fff;display:grid;place-items:center;font-weight:900;font-style:italic;font-size:17px;color:#6b3d00;box-shadow:0 4px 12px #b8640055;z-index:2}
.medal.ino{display:grid;place-items:center}
.medal .glow{position:absolute;inset:6px 10px;border-radius:50%;background:radial-gradient(circle,#ffffffcc,transparent 70%)}
.medal .mino{position:relative;width:128px;height:118px;filter:drop-shadow(0 6px 14px #8b6cff55);animation:float 4s ease-in-out infinite}
.mA strong{font-size:21px;margin-top:10px}.mA .sub,.hero .sub,.rowB .sub{font-size:13.5px;color:#6d6a86;margin-top:2px}
.clk{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:13px;background:#ffffffd9;font-size:12.5px;font-weight:800;color:#4b4668;z-index:3}
.clk svg{width:14px;height:14px;fill:none;stroke:#6d5bb0;stroke-width:2.4;stroke-linecap:round}
/* главная: B главный + второстепенный */
.modesB{display:flex;flex-direction:column;gap:10px}
.hero{position:relative;height:236px;border-radius:26px;border:2px solid #ffffffd9;background:linear-gradient(180deg,#ffffff30,#ffffff70);overflow:hidden;padding:0;color:var(--ink);text-align:left}
.hero.sel{border-color:#7b1cf2;box-shadow:0 10px 28px #6a2cf52e}
.hero img{position:absolute;bottom:40px;height:210px;width:auto;-webkit-mask-image:linear-gradient(#000 60%,transparent 98%);mask-image:linear-gradient(#000 60%,transparent 98%)}
.hero .hg{left:-18px}.hero .hb{right:-22px}
.vsB{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc23d 60%,#e08a00);border:3px solid #fff;display:grid;place-items:center;font-weight:900;font-style:italic;font-size:21px;color:#6b3d00;box-shadow:0 6px 16px #b8640055}
.hero .band{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(transparent,#ffffffe6 35%)}
.hero .band strong{font-size:22px}
.rowB{display:flex;align-items:center;gap:12px;height:72px;padding:0 14px 0 8px;border-radius:22px;border:2px solid #ffffffd9;background:#ffffff4d;color:var(--ink);text-align:left}
.rowB.sel{border-color:#7b1cf2;background:#ffffff80}
.rowB .rino{width:62px;height:58px;flex:none;filter:drop-shadow(0 4px 10px #8b6cff55)}
.rowB .t{display:flex;flex-direction:column}.rowB strong{font-size:18px}
.rowB .radio{margin-left:auto;width:24px;height:24px;border-radius:50%;border:2.5px solid #c1a9ef}
.rowB .check.static{position:static;margin-left:auto;width:26px;height:26px;border-radius:50%;background:#7b1cf2;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900}
#device.short .hero{height:178px}#device.short .hero img{height:160px}#device.short .mA{height:212px}#device.short .medal{transform:scale(.8);margin:-12px 0}
.mA .clk{position:static;margin-top:8px}

/* ================= v14 ================= */
:root{--me:#2f6bff;--me-bg:#e6eeff;--op:#e8459b;--op-bg:#ffe6f2}

/* ---- VS эмблема ---- */
.vs14{position:relative;flex:none;width:64px;height:64px;display:grid;place-items:center}
.vs14 img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 10px #5b3cc433)}
.vs14 b{display:none}
.vs14.fallback b{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;transform:rotate(-8deg);font-size:24px;font-weight:900;font-style:italic;color:#fff;letter-spacing:-1px;
 background:linear-gradient(135deg,var(--op) 0 49%,var(--me) 51%);box-shadow:0 0 0 3px #fff,0 8px 18px #5b3cc440;text-shadow:0 2px 0 #0003}

/* ---- главная B ---- */
.hero14{position:relative;height:252px;border-radius:26px;border:2px solid #fff;padding:0;overflow:hidden;color:var(--ink);text-align:center;background:none;box-shadow:0 10px 26px #3a2a8a14}
.hero14.sel{border-color:#7b1cf2;box-shadow:0 0 0 1px #7b1cf2,0 12px 28px #6a2cf530}
.hero14 .hbg{position:absolute;inset:0;background:
 radial-gradient(circle at 50% 66%,#fff7d6 0,#fff7d600 34%),
 linear-gradient(105deg,#ffd9ec 0%,#ffe9f4 38%,#eaf0ff 62%,#d9e5ff 100%)}
.hero14 .hbg:after{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 66%,#ffffff55 0 6deg,#ffffff00 6deg 18deg);-webkit-mask-image:radial-gradient(circle at 50% 66%,#000 0,#000 30%,transparent 70%);mask-image:radial-gradient(circle at 50% 66%,#000 0,#000 30%,transparent 70%)}
.hero14 .htxt{position:absolute;left:0;right:0;top:16px;display:flex;flex-direction:column;align-items:center;z-index:2}
.hero14 strong{font-size:23px;font-weight:900;letter-spacing:-.4px}
.hero14 .sub{font-size:13.5px;color:#4f4a70;margin-top:3px;font-weight:600}
.hero14 .hkw{position:absolute;left:50%;bottom:0;height:182px;aspect-ratio:1509/960;transform:translateX(-50%);z-index:1}
.hero14 .hk{width:100%;height:100%;display:block}
.hero14 .hg0,.hero14 .hb0{position:absolute;bottom:-26px;height:190px;z-index:1}.hero14 .hg0{left:-10px}.hero14 .hb0{right:-14px}
.hero14 .vs14.home{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%) rotate(-6deg);width:66px;height:66px;z-index:2;animation:vsPop .5s .15s cubic-bezier(.3,1.6,.6,1) both}
@keyframes vsPop{from{transform:translate(-50%,-50%) scale(.3) rotate(-30deg);opacity:0}}
.hero14 .check{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#7b1cf2;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;z-index:3}
.hero14 .clk{position:static;margin-top:6px;z-index:3;background:#ffffffe6}
#device.short .hero14{height:176px}#device.short .hero14 .hkw{height:116px}#device.short .hero14 .vs14.home{width:48px;height:48px}#device.short .hero14 .htxt{top:10px}#device.short .hero14 strong{font-size:20px}

/* ---- поиск соперника ---- */
.q14 .qh{margin-top:10px}
.qsub{text-align:center;font-size:13.5px;color:#5f5a80;margin:6px auto 0;max-width:300px;line-height:1.35;min-height:36px}
.duo14{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:6px;margin-top:14px}
.duo14 .vs14{margin-top:26px}
.pc14{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 6px 10px;border-radius:22px;background:#ffffffb3;border:1.5px solid #fff}
.pc14 .av{position:relative;width:78px;height:78px;border-radius:50%;display:block;background:#fff;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--me)}
.pc14.op .av{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--op)}
.pc14 .av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.fresh .pc14.op .av{animation:popin .4s cubic-bezier(.3,1.6,.6,1)}
.pc14 .av.q{display:grid;place-items:center;font-size:34px;font-weight:300;color:var(--op);background:var(--op-bg);box-shadow:none;border:2.5px dashed #f3a3cb}
.pc14 .av.q svg{position:absolute;inset:-9px;animation:spin 1.4s linear infinite}
.pc14 .nm{margin-top:12px;max-width:100%;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.pc14 small{font-size:12px;color:#77729a;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rp{margin-top:8px;height:26px;padding:0 10px;border-radius:13px;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;white-space:nowrap}
.rp.ok{background:var(--green-bg);color:var(--green);animation:popin .3s cubic-bezier(.3,1.6,.6,1)}
.rp.wait{background:#f1eef9;color:#6d6790}
.rp .dots{display:inline-flex;gap:2px}.rp .dots b{width:3px;height:3px;border-radius:50%;background:currentColor;animation:blink 1.2s infinite}.rp .dots b:nth-child(2){animation-delay:.2s}.rp .dots b:nth-child(3){animation-delay:.4s}
@keyframes blink{50%{opacity:.2}}
.q14 .greet{margin-top:16px}
.q14 .greet .lbl{font-size:13.5px;color:#5f5a80;margin-bottom:8px}
.q14 .em button{width:52px;height:52px;font-size:26px}
.theme14{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 14px 14px 14px;border-radius:24px;background:#fff;box-shadow:0 8px 22px #3a2a8a14;position:relative;overflow:hidden}
.theme14 .tb{width:92px;height:92px;flex:none;border-radius:20px;display:grid;place-items:center;background:linear-gradient(150deg,#f3ecff,#e6efff)}
.theme14 .tb img{width:100px;height:100px;object-fit:contain;display:block}
.theme14 .tb .emo{font-size:40px}
.theme14 .tt{display:flex;flex-direction:column;min-width:0}
.theme14 .tl{font-size:12px;font-weight:700;color:#7a74a0;letter-spacing:.2px}
.theme14 b{font-size:24px;font-weight:900;letter-spacing:-.4px;margin-top:1px}
.theme14 small{font-size:13px;color:#5f5a80;line-height:1.3;margin-top:2px}
.theme14.roll .tb{animation:roll .45s linear infinite}
.theme14.roll b{color:#6d6790}
.fresh .theme14.set .tb{animation:popin .45s cubic-bezier(.3,1.6,.6,1)}
.theme14 .die{position:absolute;right:12px;top:10px;font-size:18px;animation:spin 2.4s linear infinite}
@keyframes roll{0%{transform:translateY(-3px)}50%{transform:translateY(3px)}100%{transform:translateY(-3px)}}
.rdy .ring{position:relative;width:34px;height:34px;margin-left:4px}
.rdy .ring svg{width:34px;height:34px;transform:rotate(-90deg)}
.rdy .ring circle{fill:none;stroke:#ffffff55;stroke-width:3}
.rdy .ring circle.p{stroke:#fff;stroke-dasharray:94.2;stroke-linecap:round;transition:stroke-dashoffset .1s linear}
.rdy .ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-weight:800}
.rdy.done{opacity:1;filter:saturate(.35) brightness(1.08);cursor:default}
.cdown{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#1b184033;backdrop-filter:blur(2px)}
.cdown b{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:64px;font-weight:900;color:var(--violet);box-shadow:0 20px 50px #3a2a8a40;animation:popin .4s cubic-bezier(.3,1.6,.6,1)}
#device.short .pc14 .av{width:62px;height:62px}#device.short .theme14 .tb{width:60px;height:60px}#device.short .theme14 .tb img{width:66px;height:66px}#device.short .qsub{min-height:0}#device.short .q14 .greet{margin-top:10px}#device.short .theme14{margin-top:10px}#device.short .q14 .em button{width:46px;height:46px;font-size:23px}

/* ---- имя ---- */
.nm14{padding-bottom:0}
.nm14 .nmtop{flex:none}
.nm14 .h1{text-align:center;margin-top:10px;font-size:28px}
.pcard14{display:flex;flex-direction:column;align-items:center;margin-top:16px}
.pcard14 .bigav{width:96px;height:96px}
.pcard14 .pn{margin-top:12px;font-size:20px;font-weight:900;letter-spacing:-.3px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard14 .pn.ph{color:#b3abd3}
.pcard14 .pm{font-size:12.5px;color:#77729a;margin-top:2px}
.nmmid{margin-top:18px;flex:none}
.nm14 .avgrid3{margin-top:0}
.dock14{flex:none;margin:0 -18px;padding:10px 18px 22px;background:linear-gradient(#ffffff00,#ffffffd9 26%)}
.hint14{font-size:12.5px;color:#7a74a0;margin:0 0 6px 6px}.hint14.err{color:var(--red);font-weight:700}
.drow{display:flex;gap:10px;align-items:center}
.fld14{flex:1;min-width:0;height:60px;display:flex;align-items:center;border-radius:30px;background:#fff;border:1.5px solid #d9ccf7;padding:0 6px 0 20px;box-shadow:0 6px 16px #3a2a8a12}
.fld14:focus-within{border-color:#7b1cf2;box-shadow:0 0 0 4px #7b1cf222}
.fld14 input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:18px;font-weight:700;color:var(--ink)}
.fld14 input::placeholder{color:#b3abd3;font-weight:600}
.dice{width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#f3eefe;display:grid;place-items:center;padding:0}
.dice svg{width:22px;height:22px;fill:none;stroke:#6a4bc4;stroke-width:1.8}.dice circle{fill:#6a4bc4;stroke:none}
.go14{width:60px;height:60px;flex:none;border-radius:50%;border:1.3px solid #a153ff;background:var(--primary);display:grid;place-items:center;padding:0;box-shadow:0 8px 18px #6a2cf540}
.go14 svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nm14.kb .nmmid{display:none}
.nm14.kb .dock14{padding-bottom:8px;background:none}
.kbd14{flex:none;margin:0 -18px;padding:6px 3px 26px;background:#d3d6de;display:grid;gap:9px}
.kbbar{font-size:10.5px;text-align:center;color:#8a8ea0;letter-spacing:.3px;margin:-2px 0 -3px}
.kbd14 .kr{display:flex;gap:5px;padding:0 3px;justify-content:center}
.kbd14 button{flex:1;max-width:34px;height:42px;border:0;border-radius:6px;background:#fff;font-size:18px;color:#111;box-shadow:0 1px 0 #898a8d;padding:0}
.kbd14 button.fn{background:#abb0bc;font-size:15px}
.kbd14 button.w{max-width:64px;flex:1.6}.kbd14 button.sp{max-width:none;flex:5;font-size:15px}
.kbd14 button.dn{background:var(--violet);color:#fff;font-weight:700;max-width:92px;flex:2.2}
#device.short .pcard14 .bigav{width:76px;height:76px}#device.short .nmmid{margin-top:12px}#device.short .nm14 .avgrid3{gap:10px}
#device.short .nm14.kb .h1{font-size:23px}#device.short .nm14.kb .sub3{display:none}#device.short .nm14.kb .pcard14{margin-top:8px}#device.short .nm14.kb .pcard14 .bigav{width:56px;height:56px}#device.short .nm14.kb .pm{display:none}#device.short .kbd14 button{height:36px}#device.short .kbd14{gap:7px;padding-bottom:14px}

/* ---- справка о картине ---- */
#sheet .body:has(.art14){padding-top:0}
#sheet .body:has(.art14) .grab{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:2;background:#ffffffcc}
.art14{margin:0 -20px}
.ahero{position:relative;background:#1c1a2e;border-radius:28px 28px 0 0;overflow:hidden}
.ahero img{width:100%;max-height:300px;object-fit:contain;display:block;margin:0 auto}
.aclose{position:absolute;right:12px;top:12px;background:#ffffffe0}
.ahead,.afacts,.aplace,.astory,.alook,.asrc{margin-left:20px;margin-right:20px}
.ahead{margin-top:16px}
.akind{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#8a6a00;background:#fff3cf;border-radius:8px;padding:3px 8px}
.art14 h3{font-size:22px!important;line-height:1.15;margin-top:8px!important}
.aauth{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:6px}
.aauth b{font-size:16px}.aauth span{font-size:13.5px;color:#77729a}
.afacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:14px;border-radius:18px;overflow:hidden;background:#ebe6f7}
.afacts div{background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.afacts span{font-size:11.5px;color:#8a84ab;font-weight:700}.afacts b{font-size:14.5px;line-height:1.2}
.aplace{display:flex;gap:12px;align-items:center;margin-top:10px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid #ebe6f7}
.aplace i{width:40px;height:40px;flex:none;border-radius:12px;background:#f1edfb;display:grid;place-items:center}
.aplace svg{width:22px;height:22px;fill:none;stroke:#4b3a98;stroke-width:1.9}
.aplace div{display:flex;flex-direction:column;min-width:0}.aplace span{font-size:11.5px;color:#8a84ab;font-weight:700}.aplace b{font-size:15px;line-height:1.25}.aplace small{font-size:13px;color:#5f5a80}
.astory h4,.alook h4{font-size:15px;margin:18px 0 6px}
.astory p{margin:0;font-size:15px;line-height:1.5;color:#2a2850}
.al{display:flex;gap:12px;padding:9px 0;border-top:1px solid #efeaf9}.al:first-of-type{border-top:0}
.al em{width:24px;height:24px;flex:none;border-radius:50%;background:#1c1a2e;color:#fff;font-style:normal;font-size:12.5px;font-weight:800;display:grid;place-items:center;margin-top:1px}
.al div{display:flex;flex-direction:column}.al b{font-size:14.5px}.al span{font-size:13.5px;color:#5f5a80;line-height:1.35}
.asrc{font-size:11.5px;color:#a19bbd;margin-top:10px}
.aboutrow{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:8px 12px 8px 8px;border-radius:18px;background:#fff;border:1px solid #ebe6f7;text-align:left}
.aboutrow img{width:52px;height:40px;border-radius:10px;object-fit:cover}
.aboutrow span{display:flex;flex-direction:column}.aboutrow b{font-size:14.5px}.aboutrow small{font-size:12.5px;color:#77729a}.aboutrow i{margin-left:auto;font-style:normal;color:#8a84ab;font-size:20px}
.orig3{cursor:zoom-in}

/* ---- разбор дуэли ---- */
.seg14{display:flex;padding:4px;border-radius:16px;background:#eeecf5;margin:12px 0 14px}
.seg14 button{flex:1;min-width:0;height:40px;border:0;border-radius:12px;background:none;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;color:#5f5a80;padding:0 8px}
.seg14 button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg14 button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px #1b18400f}
.seg14 img{width:24px;height:24px;border-radius:50%;flex:none}
.tot14{display:flex;align-items:center;gap:14px;padding:4px 2px 2px}
.tot14>b{font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1}
.tot14.me>b{color:var(--me)}.tot14.op>b{color:var(--op)}
.tot14 .eq{display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:#5f5a80}
.tot14 .minus{color:var(--red);font-weight:700}.tot14 .okp{color:var(--green);font-weight:700}
.crit14{margin-top:12px;padding:12px 14px 4px;border-radius:20px;background:#fff;border:1px solid #ebe6f7}
.clegend{display:flex;gap:14px;font-size:12px;color:#77729a;font-weight:700;margin-bottom:4px}
.clegend span{display:flex;align-items:center;gap:6px}
.clegend .d{width:14px;height:6px;border-radius:3px}.clegend .d.me{background:var(--me)}.clegend .d.op{background:var(--op)}
.clegend .t{width:2.5px;height:12px;border-radius:2px;background:#1c1a2e}
.c14{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #f1eef8}.c14:first-of-type{border-top:0}
.c14 .ci{width:32px;height:32px;flex:none;border-radius:10px;background:#f3f1f9;display:grid;place-items:center;margin-top:1px}
.c14 .ci svg{width:18px;height:18px;fill:none;stroke:#5f5a80;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.c14 .cb{flex:1;min-width:0}
.c14 .ct{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}
.c14 .ct b{font-size:15px}.c14 .ct small{font-size:12px;color:#9a94b8;font-weight:600}
.c14 .bar{position:relative;height:8px;border-radius:4px;background:#efedf5;margin-top:7px}
.c14 .f{position:absolute;left:0;top:0;bottom:0;border-radius:4px}.c14 .f.me{background:var(--me)}.c14 .f.op{background:var(--op)}
.c14 .ot{position:absolute;top:-4px;width:2.5px;height:16px;margin-left:-1.25px;border-radius:2px;background:#1c1a2e}
.c14.weak .ci{background:var(--lav)}.c14.weak .ci svg{stroke:var(--violet)}
.wtag{display:inline-block;margin-top:7px;font-size:12px;font-weight:700;color:var(--violet);background:var(--lav);border-radius:8px;padding:3px 8px}
.said14{margin-top:14px}
.said14 h4{margin:0 0 8px;font-size:15px}
.said14 p{margin:0;background:#fff;border:1px solid #ebe6f7;border-radius:18px;padding:12px 14px;font-size:15px;line-height:1.7}
.sg{border-bottom:2.5px solid;padding-bottom:1px}
.sg.obj{border-color:#39b07a}.sg.pos{border-color:#f0a53a}.sg.col{border-color:#ff7a8a}.sg.sty{border-color:#5aa9ff}
.sg.bad{white-space:nowrap;border:0;background:var(--red-bg);color:var(--red);border-radius:7px;padding:1px 6px;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px}
.sg.bad i{font-style:normal;text-decoration:none;display:inline-block;margin-left:4px;font-size:12px}
.slegend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;color:#5f5a80;font-weight:600}
.slegend span{display:flex;align-items:center;gap:5px}.slegend span:before{content:'';width:12px;height:3px;border-radius:2px;background:currentColor}
.slegend .obj:before{background:#39b07a}.slegend .pos:before{background:#f0a53a}.slegend .col:before{background:#ff7a8a}.slegend .sty:before{background:#5aa9ff}.slegend .bad:before{background:var(--red)}
.tip14{display:flex;gap:10px;align-items:center;margin-top:14px;padding:10px 14px 10px 8px;border-radius:18px;background:#fff;border:1px solid #ebe6f7;font-size:14px;line-height:1.4}
.tip14 .bdino{width:50px;height:46px;flex:none}
.tip14 b{display:block;font-size:14.5px;margin-bottom:1px}
.q14 .tip{margin-top:12px}
#device.short .q14 .tip{display:none}
.home2 .fcard{flex:none}
#device.short .home2 .fcard{padding:10px 12px 10px 14px;margin-top:8px}#device.short .home2 .fbtn{margin-top:6px;height:32px}#device.short .home2 .ftxt b{font-size:18px}#device.short .home2 .fstack img,#device.short .home2 .fstack i{width:42px;height:42px}
#device.short .home2 .mtitle2{margin:12px 0 8px;font-size:26px}
.hero14 .sub.lk{display:flex;align-items:center;gap:5px}.hero14 .sub.lk svg{width:14px;height:14px;fill:none;stroke:#6d5bb0;stroke-width:2.4;stroke-linecap:round}.hero14 .sub.lk b{font-weight:800;color:var(--ink)}
#device.narrow:not(.short) .hero14{height:236px}#device.narrow:not(.short) .hero14 .hkw{height:166px}
.rowB .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowB .t{min-width:0}

/* ================= v15 ================= */
.hid{visibility:hidden}
/* ---- итог ---- */
.res15 .vh{font-size:26px;white-space:nowrap}
.res15 .vh.pop{animation:vpop .5s cubic-bezier(.3,1.6,.6,1)}
@keyframes vpop{from{transform:scale(.7);opacity:0}}
.v15{transition:box-shadow .3s,border-color .3s}
.v15.lead.pme{border-color:#9dbaff;box-shadow:0 0 0 2px #2f6bff33,0 8px 20px #2f6bff26}
.v15.lead.pop{border-color:#f7a8cf;box-shadow:0 0 0 2px #e8459b33,0 8px 20px #e8459b26}
.sc15{margin-left:auto;position:relative;min-width:50px;text-align:right}
.sc15 b{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1;color:#5b587a;display:inline-block}
.v15.pme .sc15 b{color:var(--me)}.v15.pop .sc15 b{color:var(--op)}
.sc15.bump b{animation:bump .35s cubic-bezier(.3,1.8,.5,1)}
@keyframes bump{40%{transform:scale(1.28)}}
.penfly{position:absolute;right:0;top:-22px;font-style:normal;font-size:13px;font-weight:900;color:#fff;background:var(--red);border-radius:9px;padding:2px 7px;animation:penf .9s ease-out both}
@keyframes penf{0%{transform:translateY(8px) scale(.6);opacity:0}25%{transform:none;opacity:1}100%{transform:translateY(-6px);opacity:.9}}
.wcrown.drop{animation:cdrop .6s cubic-bezier(.22,.7,.32,1.3) both}
@keyframes cdrop{0%{opacity:0;transform:translateY(-60px) rotate(-30deg) scale(1.4)}100%{opacity:1;transform:rotate(12deg)}}
.tslot{height:64px;margin-top:10px;flex:none;position:relative}
.tslot>.reward{margin:0!important;height:64px;padding:8px 12px!important;overflow:hidden}
.tslot>.reward span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.tally{height:64px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:20px;background:#fff;border:1px solid #ebe6f7;animation:tin .3s ease}
@keyframes tin{from{opacity:.3;transform:translateY(4px)}}
.tally .ti{width:40px;height:40px;flex:none;border-radius:12px;background:#f3f1f9;display:grid;place-items:center;font-style:normal}
.tally .ti svg{width:22px;height:22px;fill:none;stroke:#4b4668;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tally .tino{width:40px;height:36px}
.tally .tt{display:flex;flex-direction:column;min-width:0}.tally .tt b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tally .tt span{font-size:12px;color:#77729a}
.tally .tv{margin-left:auto;display:flex;gap:8px}.tally .tv b{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}
.tally .tv .me{color:var(--me)}.tally .tv .op{color:var(--op)}
.dots4{display:flex;gap:4px;margin-left:6px}.dots4 i{width:6px;height:6px;border-radius:50%;background:#e2ddf0}.dots4 i.on{background:#1c1a2e}
.tally.wait .dots4 i{animation:blink 1s infinite}.tally.wait .dots4 i:nth-child(2){animation-delay:.15s}.tally.wait .dots4 i:nth-child(3){animation-delay:.3s}.tally.wait .dots4 i:nth-child(4){animation-delay:.45s}
.tally.pen{background:var(--red-bg);border-color:#ffc7d5}.tally.pen .ti{background:var(--red);color:#fff;font-weight:900;font-size:20px}.tally.pen .tv .me{color:var(--red)}
.skipc{height:60px;font-size:17px}
.conf15{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}
.conf15 i{position:absolute;top:-12px;width:8px;height:13px;border-radius:2px;animation:fall 1.8s ease-in forwards}
#device.short .tslot{height:56px}#device.short .tally,#device.short .tslot>.reward{height:56px}

/* ---- главная ---- */
.hero15 .hg15,.hero15 .hb15{position:absolute;bottom:-22px;height:176px;width:auto;z-index:1}
.hero15 .hg15{left:-8px}.hero15 .hb15{right:-10px}
.hero15 .vs14.home15{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%) rotate(-6deg);width:60px;height:60px;z-index:2;animation:vsPop15 .5s .15s cubic-bezier(.3,1.6,.6,1) both}
@keyframes vsPop15{from{transform:translate(-50%,-50%) scale(.3) rotate(-30deg);opacity:0}}
#device.narrow:not(.short) .hero15 .hg15,#device.narrow:not(.short) .hero15 .hb15{height:160px}
#device.short .hero15 .hg15,#device.short .hero15 .hb15{height:120px;bottom:-16px}#device.short .hero15 .vs14.home15{width:46px;height:46px;top:62%}
.slot15{height:118px;margin-top:12px;flex:none;display:flex}
.slot15>.fcard{margin-top:0;height:100%}
.pend15{flex:1;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 12px;border-radius:24px;color:#fff;border:1.5px solid #ffffffb0;
 background:radial-gradient(circle at 88% -20%,#ffffff55,transparent 45%),linear-gradient(120deg,#6a4bd0 0%,#8b5cff 50%,#e05aa8 120%);box-shadow:0 10px 26px #6a4bd040,inset 0 1px 0 #ffffff80}
.pthumb{position:relative;width:78px;height:78px;flex:none;border-radius:20px;background:#ffffff26;display:grid;place-items:center}
.pthumb .tiles{width:58px;height:58px;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:2px}
.pthumb .tiles i{border-radius:3px;background:#ffffff33}.pthumb .tiles i.lit{background:var(--c)}
.pthumb img{width:62px;height:62px;border-radius:14px;object-fit:cover}
.pring{position:absolute;inset:-3px;width:84px;height:84px;transform:rotate(-90deg)}
.pring circle{fill:none;stroke:#ffffff33;stroke-width:2.5}.pring circle.p{stroke:#fff;stroke-dasharray:100.5;stroke-linecap:round;transition:stroke-dashoffset .4s}
.pend15.ready .pring{display:none}
.ptxt{display:flex;flex-direction:column;min-width:0;flex:1}
.ptxt small{font-size:13px;color:#f1ecffd9}.ptxt b{font-size:19px;font-weight:900;margin-top:1px}
.pbar{height:6px;border-radius:3px;background:#ffffff33;margin-top:8px;overflow:hidden}.pbar i{display:block;height:100%;background:#fff;border-radius:3px;transition:width .4s}
.pend15.ready .pbar{display:none}
.pgo{height:40px;padding:0 14px;border-radius:14px;border:0;background:#fff;color:#5a2bd8;font-weight:800;font-size:14.5px;flex:none;box-shadow:0 4px 10px #1b2a9a33}
.pgo[disabled]{background:#ffffff33;color:#fff;box-shadow:none}
.pend15.ready .pgo{animation:pulse15 1.6s ease-in-out infinite}
@keyframes pulse15{50%{transform:scale(1.06)}}
#device.short .slot15{height:96px}#device.short .pthumb{width:62px;height:62px}#device.short .pring{width:68px;height:68px}#device.short .pthumb .tiles{width:46px;height:46px}#device.short .pthumb img{width:50px;height:50px}
.pp15{display:flex;justify-content:center;margin-bottom:6px}.pp15 .ppino{width:70px;height:64px}

/* ---- поиск ---- */
.q15 .qh{margin-top:8px}
.qchip{display:flex;justify-content:center;margin-top:8px;min-height:30px}
.fchip svg{width:14px;height:14px;color:var(--green)}
.fresh .fchip{animation:popin .4s .15s cubic-bezier(.3,1.6,.6,1) both}
.rk15{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:12.5px;font-weight:800;color:#5b4b8a}
.rk15 svg{width:15px;height:15px}
.rk15.muted{font-weight:500;color:#77729a}
.theme14 .tb.vec svg{width:72px;height:72px}
#device.short .theme14 .tb.vec svg{width:52px;height:52px}

/* ---- имя / редактор ---- */
.nm14.ed .pcard14{margin-top:4px}
.nm14.ed .nmmid{overflow-y:auto;scrollbar-width:none;flex:1 1 0;min-height:0;padding:4px 2px}
.nm14.ed .nmmid::-webkit-scrollbar{display:none}
.nm14.ed .spacer{display:none}
.avgrid3 button.lk{filter:grayscale(.8);opacity:.55}
.avgrid3 button.lk i{position:absolute;right:2px;bottom:2px;width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center}
.avgrid3 button.lk i svg{width:13px;height:13px;fill:none;stroke:#6d5bb0;stroke-width:2.4}

/* ---- шаринг ---- */
.sh15 .shseg{margin:8px 0 12px}
.shseg button{position:relative}
.shseg .rec{position:absolute;right:6px;top:4px;font-style:normal;font-size:11px;color:#E7A92E}
.shprev{display:flex;justify-content:center;padding:14px 0;border-radius:22px;background:repeating-linear-gradient(45deg,#f3f0fb,#f3f0fb 10px,#f8f6fd 10px,#f8f6fd 20px)}
.sc{width:204px;height:362px;border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 12px 12px;color:#fff;box-shadow:0 18px 36px -10px #1b184080;animation:tin .3s}
.sc-ch{background:radial-gradient(circle at 50% 0%,#8b5cff,transparent 60%),linear-gradient(170deg,#2a2166,#140f38)}
.sc-cm{background:radial-gradient(circle at 20% 0%,#e8459b88,transparent 55%),linear-gradient(170deg,#1f2a6e,#120f38)}
.sc-win{background:radial-gradient(circle at 50% 20%,#ffd66b66,transparent 55%),linear-gradient(170deg,#5a2bd8,#23135e)}
.scbrand{font-size:10px;font-weight:900;letter-spacing:3px;opacity:.75}
.scq{margin-top:8px;text-align:center;font-size:17px;font-weight:900;line-height:1.15;letter-spacing:-.3px}
.scq em{font-style:normal;color:#FFD66B}
.scart{margin-top:10px;width:100%;flex:1;min-height:0;border-radius:14px;overflow:hidden;border:2px solid #ffffff55}
.scart img{width:100%;height:100%;object-fit:cover;display:block}
.scart.sm{flex:0 0 110px}
.scno{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;font-size:10.5px}
.scno span{opacity:.75;width:100%;text-align:center}
.scno s{background:#ffffff1f;border-radius:8px;padding:2px 7px;font-weight:700;text-decoration-color:#ff7aa8;text-decoration-thickness:2px}
.scme{display:flex;align-items:center;gap:6px;margin-top:8px;width:100%;background:#ffffff14;border-radius:14px;padding:6px 6px 6px 8px}
.scme img{width:26px;height:26px;border-radius:50%;background:#fff}
.scme small{display:block;font-size:9px;opacity:.75}.scme b{font-size:18px;font-weight:900;line-height:1}
.scgo{margin-top:6px;width:100%;text-align:center;font-size:11.5px;font-weight:800;background:#FFD66B;color:#3a2a00;border-radius:10px;padding:7px 8px;white-space:nowrap}
.scpair{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:10px}
.scpair figure{margin:0}.scpair img{width:100%;height:120px;object-fit:cover;border-radius:10px;display:block}
.scpair figcaption{font-size:9.5px;text-align:center;margin-top:3px;opacity:.8}
.scquote{margin-top:10px;font-size:11px;line-height:1.35;font-style:italic;opacity:.9;text-align:center}
.scsim{margin-top:auto;font-size:11px;text-align:center;opacity:.9}.scsim b{font-size:22px;color:#FFD66B}
.sccrown{width:52px;margin-top:6px;filter:drop-shadow(0 4px 10px #0006)}
.scduo{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.scduo span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px}
.scduo img{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #fff}
.scduo i{font-style:italic;font-weight:900;color:#FFD66B}
.sc-win .scq em{font-size:26px}
.shgift{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:16px;background:#fff7e0;border:1px solid #ffe7a6;font-size:13.5px;color:#5a4410}
.shgift .gi{font-size:22px}
.shto{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}
.shto button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:0;font-size:12px;font-weight:650;color:#3f3a60}
.shto i{width:54px;height:54px;border-radius:18px;background:#fff;border:1px solid #ebe6f7;display:grid;place-items:center;box-shadow:0 4px 12px #3a2a8a14}
.shto button:first-child i{background:linear-gradient(135deg,#8b5cff,#e8459b);border:0}
.shto button:first-child svg{stroke:#fff}
.shto svg{width:24px;height:24px;fill:none;stroke:#4b3a98;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shnote{text-align:center;font-size:12px;color:#8a84ab;margin-top:12px}

/* ---- медали, лиги ---- */
.medal15{display:block;width:100%;height:auto}
.medal15.lk{filter:grayscale(1) opacity(.45)}
.lb15{display:block;width:40px;height:44px}.lb15.xs{width:16px;height:18px}.lb15.xl{width:120px;height:132px}

/* ---- профиль ---- */
.pfhero{display:flex;align-items:center;gap:14px;margin-top:6px}
.pfav{position:relative;width:88px;height:88px;flex:none;border:0;background:none;padding:0}
.pfav .ring{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#8b5cff calc(var(--p)*100%),#e6dffa 0)}
.pfav img{position:relative;width:88px;height:88px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,#f1dcff,#c9a6ff);object-fit:cover}
.pfav .lv{position:absolute;right:-4px;bottom:-2px;min-width:28px;height:28px;border-radius:14px;background:#6721f6;color:#fff;font-style:normal;font-weight:900;font-size:14px;display:grid;place-items:center;border:3px solid #fff}
.pfid{min-width:0;display:flex;flex-direction:column}
.pfname{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;font-size:24px;font-weight:900;letter-spacing:-.4px;color:var(--ink);max-width:100%}
.pfname svg{width:16px;height:16px;fill:none;stroke:#8a84ab;stroke-width:2;flex:none}
.pftitle{font-size:13px;color:#6d6790;margin-top:2px}
.pfchips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.pch{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:14px;border:1px solid #fff;background:#ffffffd0;font-size:12.5px;font-weight:800;color:#3f3a60}
.pch svg{width:15px;height:15px}
.pch.plus{background:linear-gradient(135deg,#ffe28a,#ffc23d);color:#6b3d00;border:0}
.xpbar{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:14px;font-size:12.5px;color:#6d6790}
.xpbar b{font-size:12.5px;color:#3f3a60}.xpbar i{grid-column:1/-1;height:8px;border-radius:4px;background:#ebe5fa;overflow:hidden}.xpbar em{display:block;height:100%;background:linear-gradient(90deg,#8b5cff,#6721f6);border-radius:4px}
.pfstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.pfstats div{background:#ffffffc8;border:1px solid #fff;border-radius:16px;padding:9px 4px;text-align:center}
.pfstats b{display:block;font-size:19px;font-weight:900}.pfstats span{font-size:11.5px;color:#77729a}
.show15{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:8px;border-radius:22px;border:1px solid #fff;background:#fff;text-align:left;color:var(--ink);box-shadow:0 8px 20px #3a2a8a12}
.show15 img{width:86px;height:70px;border-radius:14px;object-fit:cover;flex:none}
.stx{display:flex;flex-direction:column;min-width:0;flex:1}.stx small{font-size:11.5px;color:#8a84ab;font-weight:700}.stx b{font-size:15.5px}.stx span{font-size:12.5px;color:#6d6790}
.sshare{width:38px;height:38px;border-radius:50%;background:#f3f0fb;display:grid;place-items:center;flex:none}
.sshare svg{width:18px;height:18px;fill:none;stroke:#5a2bd8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.show15.empty{border:1.5px dashed #cfc4ee;background:#ffffff80;box-shadow:none;padding:14px}
.sech{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.sech b{font-size:17px}.sech .cnt{min-width:22px;height:22px;border-radius:11px;background:#ece6fb;color:#5a2bd8;font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 6px}
.medrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.mr{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:650;color:#3f3a60;text-align:center}
.mr .medal15{width:62px}
.plist{margin-top:10px;border-radius:20px;background:#ffffffc8;border:1px solid #fff;overflow:hidden}
.plist button{display:flex;align-items:center;gap:8px;width:100%;height:52px;padding:0 14px;border:0;border-top:1px solid #eee9f8;background:none;font-size:15.5px;font-weight:650;color:#2a2850}
.plist button:first-child{border-top:0}.plist small{margin-left:auto;font-size:13px;color:#8a84ab}.plist small.gold{color:#9a6a00;font-weight:800}

/* ---- настройки ---- */
.acct{display:flex;align-items:center;gap:10px;margin-top:6px;padding:12px;border-radius:20px;background:linear-gradient(120deg,#e6eeff,#f3eaff);border:1px solid #fff}
.acct .ai{font-size:26px}.acct b{display:block;font-size:15px}.acct small{font-size:12.5px;color:#5f5a80;line-height:1.3;display:block}
.sgrp{margin-top:14px;border-radius:20px;background:#ffffffd0;border:1px solid #fff;overflow:hidden}
.sgrp h4{margin:0;padding:12px 14px 4px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#8a84ab}
.srow{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 14px;border:0;border-top:1px solid #eee9f8;background:none;text-align:left;color:var(--ink)}
.sgrp h4+.srow{border-top:0}
.srow>span:first-child{flex:1;min-width:0}.srow b{display:block;font-size:15px;font-weight:650}.srow small{display:block;font-size:12.5px;color:#77729a;line-height:1.3;margin-top:1px}
.srow em{font-style:normal;color:#8a84ab;font-size:18px}.srow em.val{font-size:14px}
.srow.note{min-height:0}
.sw{position:relative;width:48px;height:28px;border-radius:14px;background:#d9d4e8;flex:none;transition:background .2s}
.sw:after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0002;transition:left .2s}
.sw.on{background:#39B07A}.sw.on:after{left:23px}
.mini2{display:flex;padding:3px;border-radius:12px;background:#eeecf5;flex:none}
.mini2 button{height:30px;padding:0 10px;border:0;border-radius:9px;background:none;font-size:13px;font-weight:700;color:#6d6790}
.mini2 button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px #1b18401a}
.danger15{margin-top:14px;height:50px;border-radius:16px;border:0;background:#ffffffd0;font-weight:700;color:#3f3a60;width:100%;flex:none}
.danger15.del{margin-top:8px;color:var(--red);background:none}
.ver15{text-align:center;font-size:11.5px;color:#a19bbd;margin:8px 0 24px}

/* ---- друзья ---- */
.invite15{margin-top:6px;padding:14px;border-radius:24px;color:#fff;background:radial-gradient(circle at 88% -20%,#ffffff55,transparent 45%),linear-gradient(120deg,#3f7bff 0%,#5a67ff 45%,#8b5cff 100%);box-shadow:0 10px 26px #4a5cff40}
.ivtop{display:flex;gap:10px;align-items:flex-start}.ivtop b{font-size:20px;font-weight:900;display:block}.ivtop small{font-size:13px;color:#eef0ffe6;line-height:1.3;display:block;margin-top:2px}
.ivav{display:flex;margin-left:auto;flex:none}.ivav img,.ivav i{width:40px;height:40px;border-radius:50%;border:3px solid #fff;background:#e7ddff;margin-left:-10px}.ivav i{display:grid;place-items:center;font-style:normal;font-weight:800;background:#ffffff33;border-style:dashed}
.ivtrack{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}
.ivline{position:absolute;left:16.5%;right:16.5%;top:13px;height:4px;border-radius:2px;background:#ffffff40;z-index:0}.ivline em{display:block;height:100%;background:#FFD66B;border-radius:2px}
.ivs{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.ivd{width:30px;height:30px;border-radius:50%;background:#ffffff33;border:2px solid #ffffffa0;display:grid;place-items:center;font-weight:900;font-size:13px}
.ivs.on .ivd{background:#FFD66B;color:#6b3d00;border-color:#fff}
.ivs small{font-size:11.5px;color:#f1f0ffe6;line-height:1.2}
.ivbtns{display:flex;gap:8px;margin-top:14px}.ivbtns .primary{flex:1;width:auto}
.primary.sm{height:46px;font-size:16px}
.ivbtns .primary{background:#fff;color:#3c4de0;border:0;box-shadow:0 4px 10px #1b2a9a33}
.qr{width:46px;height:46px;flex:none;border-radius:16px;border:1.5px solid #ffffffb0;background:#ffffff26;display:grid;place-items:center}
.qr svg{width:22px;height:22px;fill:#fff}
.inc15,.fr1{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;padding:10px 12px;border-radius:20px;background:#fff;border:1px solid #fff;text-align:left;color:var(--ink);box-shadow:0 6px 16px #3a2a8a0f}
.inc15{border:1.5px solid #ffc6de;background:linear-gradient(120deg,#fff,#fff1f7)}
.inc15 .avatar,.fr1 .avatar{width:46px;height:46px;position:relative;overflow:visible}
.inc15 .avatar img,.fr1 .avatar img{border-radius:50%}
.online{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#39B07A;border:2.5px solid #fff}
.it{display:flex;flex-direction:column;min-width:0;flex:1}.it b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it small{font-size:12.5px;color:#77729a}
.soft.ghosty{background:#f3f0fb;color:#4b3a98}

/* ---- коллекция ---- */
.clsum{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding:14px 16px;border-radius:22px;background:#fff;box-shadow:0 8px 20px #3a2a8a12}
.clsum .big{font-size:40px;font-weight:900;color:#5b17c9;letter-spacing:-1px;line-height:1}.clsum small{display:block;font-size:12.5px;color:#77729a}
.clr{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.albs{margin-top:12px}.albs button{flex-direction:column;gap:0;height:46px}.albs small{font-size:11px;color:#8a84ab;font-weight:600}
.setrow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.set1{background:#ffffffc8;border:1px solid #fff;border-radius:16px;padding:8px 9px}
.set1 b{font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set1 small{font-size:10.5px;color:#77729a;line-height:1.25;display:block}
.sbar{display:block;height:5px;border-radius:3px;background:#ebe5fa;margin:5px 0 4px;overflow:hidden}.sbar i{display:block;height:100%;background:#8b5cff}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.asl{display:flex;flex-direction:column;gap:3px;border:0;background:none;padding:0;text-align:left;color:var(--ink);min-width:0}
.apic{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff;border:3px solid #fff;box-shadow:0 6px 14px #3a2a8a14;display:grid;place-items:center}
.apic img{width:100%;height:100%;object-fit:cover}
.asl.g .apic{border-color:#E7A92E;box-shadow:0 0 0 1px #F6CD68,0 8px 18px #e7a92e40}
.asl.s .apic{border-color:#AEB6C8}.asl.b .apic{border-color:#D98E5A}
.apl{position:absolute;left:5px;top:5px;font-style:normal;background:#0c0d37c4;color:#fff;font-size:11px;font-weight:800;border-radius:8px;padding:2px 6px}
.asl b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asl small{font-size:11px;color:#77729a}
.asl.e .apic{background:#ffffff70;border:2px dashed #cfc4ee;box-shadow:none}
.asl.e .q{font-size:30px;font-weight:300;color:#b3a8da}
.asl.e b{color:#8a84ab}
.tierleg{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;font-size:12px;color:#5f5a80}
.tierleg span{display:flex;align-items:center;gap:5px}.tierleg i{width:12px;height:12px;border-radius:4px;border:3px solid}.tierleg .g{border-color:#E7A92E}.tierleg .s{border-color:#AEB6C8}.tierleg .b{border-color:#D98E5A}
.albempty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:22px;padding:22px 16px;border-radius:24px;background:#ffffff90;border:1.5px dashed #cfc4ee}
.albempty .vec svg{width:90px;height:90px}.albempty b{font-size:16px}.albempty small{font-size:13px;color:#6d6790;line-height:1.35}

/* ---- достижения ---- */
.awsum{display:flex;align-items:center;gap:14px;margin-top:6px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 8px 20px #3a2a8a12}
.awring{position:relative;width:74px;height:74px;flex:none;border-radius:50%;background:conic-gradient(#E7A92E calc(var(--p)*100%),#f0ecfa 0);display:grid;place-items:center;align-content:center}
.awring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff}
.awring b,.awring small{position:relative;line-height:1}.awring b{font-size:24px;font-weight:900}.awring small{font-size:11px;color:#8a84ab}
.awsum b{font-size:14.5px;line-height:1.3;display:block}.awsum small{font-size:12.5px;color:#77729a;display:block;margin-top:3px}
.nearrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.near1{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:10px 6px;border-radius:18px;background:#fff;box-shadow:0 6px 14px #3a2a8a0f}
.near1 .medal15{width:58px}.near1 b{font-size:12.5px}.near1 small{font-size:11px;color:#77729a}.near1 em{font-style:normal;font-size:10.5px;color:#9a6a00;line-height:1.2}
.nbar{width:80%;height:5px;border-radius:3px;background:#ebe5fa;overflow:hidden}.nbar i{display:block;height:100%;background:linear-gradient(90deg,#FFC23D,#E7A92E)}
.medgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin-top:10px}
.mg{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;color:var(--ink)}
.mg .medal15{width:70px}.mg b{font-size:12.5px;line-height:1.15}.mg small{font-size:11px;color:#77729a}
.achs{display:flex;flex-direction:column;align-items:center;text-align:center}
.achs .medal15{width:120px;margin-top:4px}.achs h3{margin-top:8px!important}.achs p{margin:4px 0 0;color:#5f5a80;font-size:14.5px}
.tiers{display:flex;gap:6px;margin-top:12px}.tiers span{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:12px;background:#f3f0fb;font-size:12px;color:#77729a}.tiers span.on{background:#fff4d6;color:#9a6a00}.tiers b{font-size:16px;color:var(--ink)}
.rw{margin-top:12px;padding:10px 14px;border-radius:14px;background:#fff7e0;color:#5a4410;font-size:14px;width:100%}
.achtoast{position:absolute;left:12px;right:12px;top:52px;z-index:80;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:22px;background:#1c1a2eeb;color:#fff;box-shadow:0 16px 36px #1b184066;animation:atin .5s cubic-bezier(.22,.9,.3,1.2);cursor:pointer}
.achtoast.out{animation:atout .45s ease forwards}
@keyframes atin{from{transform:translateY(-120%) scale(.9);opacity:0}}
@keyframes atout{to{transform:translateY(-130%);opacity:0}}
.atm{width:54px;flex:none;animation:atspin .8s .2s cubic-bezier(.3,1.6,.5,1) both}
@keyframes atspin{from{transform:scale(.3) rotate(-40deg)}}
.att{display:flex;flex-direction:column}.att small{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#FFD66B;font-weight:800}.att b{font-size:16px}.att em{font-style:normal;font-size:12.5px;color:#d9d4f5}

/* ---- лиги ---- */
.lgtop{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:12px;padding:12px;border-radius:22px;background:#fff;box-shadow:0 8px 20px #3a2a8a12}
.lgl{display:flex;align-items:flex-end;gap:6px}
.lgl span{opacity:.35;transform:scale(.8)}.lgl span.past{opacity:.7}.lgl span.on{opacity:1;transform:scale(1.35);margin:0 8px;filter:drop-shadow(0 4px 8px #4fa3e066)}
.lgtop>b{font-size:19px;margin-top:10px}.lgtop small{font-size:12.5px;color:#77729a}
.lglist{margin-top:10px;border-radius:20px;background:#ffffffd0;border:1px solid #fff;overflow:hidden}
.lr{display:flex;align-items:center;gap:10px;padding:7px 12px;border-top:1px solid #f1eef8}
.lr:first-child{border-top:0}
.lr .pos{width:24px;text-align:center;font-weight:800;font-size:14px;color:#6d6790}
.lr.up .pos{color:#16784f}.lr.dn .pos{color:var(--red)}
.lr .avatar{width:36px;height:36px}
.lr .n{flex:1;min-width:0;font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr .n small{display:block;font-size:11px;color:#6721f6;font-weight:700}
.lr>b{font-size:16px;font-weight:900;color:#3f3a60}
.lr.me{background:linear-gradient(90deg,#efe6ff,#f7f2ff)}
.zone{padding:4px 12px;font-size:11px;font-weight:800;letter-spacing:.3px}.zone.up{color:#16784f;background:#e6f7ee}.zone.dn{color:var(--red);background:#ffeef2}
.lghow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:12.5px;color:#5f5a80}
.lghow b{width:100%;font-size:13px;color:var(--ink)}.lghow span{background:#ffffffc8;border-radius:10px;padding:4px 9px}.lghow em{font-style:normal;font-weight:800;color:#16784f}

/* ---- подписка ---- */
.pw15{background:radial-gradient(ellipse at 50% 0%,#fff3c9 0%,transparent 40%),var(--bgscreen)}
.pwtop{display:flex;align-items:center;justify-content:space-between;height:52px;flex:none}
.pwbadge{font-size:13px;font-weight:900;letter-spacing:2px;color:#4b3a98}.pwbadge b{background:linear-gradient(135deg,#ffe28a,#ffc23d);color:#6b3d00;border-radius:8px;padding:2px 7px;margin-left:3px}
.pwh{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:2px}
.pwvec svg,.pwvec img{width:92px;height:92px;display:block;object-fit:contain}.pwvec .medal15{width:84px;height:auto}
.pwduo{display:flex;align-items:center;gap:10px}.pwduo img{width:58px;height:58px;border-radius:50%;border:3px solid #fff;background:#efe3ff;box-shadow:0 6px 14px #3a2a8a22}.pwduo b{font-size:24px;font-weight:900}
.pwduo.one img{width:74px;height:74px}
.pwh>b{font-size:15px;margin-top:8px;color:#3f3a60}.pwh>small{font-size:13px;color:#6d6790;margin-top:2px;max-width:290px}
.pwt{font-size:29px;margin-top:10px}
.pwben{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:18px;background:#ffffffd0;border:1px solid #fff;min-width:0}
.pbi{height:40px;display:flex;align-items:center;margin-bottom:4px}
.pb i{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fff4d0,#ffe29a);display:grid;place-items:center;font-style:normal;font-size:19px;font-weight:900;color:#9a6a00}
.pb b{font-size:14px;line-height:1.2}.pb small{font-size:12px;color:#77729a;line-height:1.25}
.pbframe img{width:36px;height:36px;border-radius:50%;border:3px solid #FFC23D;box-shadow:0 0 0 2px #fff,0 0 12px #ffc23d88}
.pbavs{display:flex}.pbavs img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#efe3ff}
.pwsoc{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:12px;font-size:13px;color:#5f5a80}
.pwsoc span{display:flex}.pwsoc img{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#efe3ff}.pwsoc img:first-child{margin-left:0}
.pl15{margin-top:12px}
.pl15 .plan{padding-top:16px}
.pl15 .plan .best{position:absolute;left:10px;top:-10px;background:#6721f6;color:#fff;font-size:11px;font-weight:800;border-radius:9px;padding:3px 8px}
.pl15 .plan small{margin-top:4px}
.pwtl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;position:relative}
.pwtl:before{content:'';position:absolute;left:16%;right:16%;top:7px;height:3px;background:#e2dbf4;border-radius:2px}
.tl{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.tl i{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #c9bdf0}.tl.on i{border-color:#6721f6;background:#6721f6}
.tl b{font-size:13px;margin-top:5px}.tl small{font-size:11.5px;color:#77729a}
.pwsticky{position:sticky;bottom:0;margin:14px -18px 0;padding:10px 18px 6px;background:linear-gradient(transparent,#fff 26%);z-index:3}
.pwsticky .primary{font-size:18px}
.pwsticky .renew{margin-top:6px}

/* ---- серия ---- */
.sk15{align-items:stretch;background:radial-gradient(ellipse at 50% 18%,#ffe1b8 0%,transparent 45%),var(--bgscreen)}
.skfire{position:relative;align-self:center;width:150px;margin-top:30px;animation:popin .6s cubic-bezier(.3,1.6,.6,1)}
.skfire b{position:absolute;right:-6px;bottom:18px;min-width:48px;height:48px;border-radius:24px;background:#fff;color:#e0701f;font-size:26px;font-weight:900;display:grid;place-items:center;box-shadow:0 6px 16px #e0701f44;padding:0 8px}
.sk15 .h1{margin-top:14px}.sk15 .h1 em{color:#e0701f}
.sksub{text-align:center;font-size:14.5px;color:#5f5a80;margin:8px 16px 0;line-height:1.4}
.skweek{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:18px;padding:10px 8px;border-radius:20px;background:#ffffffd0}
.skweek span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#8a84ab}
.skweek i{width:32px;height:32px;border-radius:50%;background:#f1eef8;display:grid;place-items:center;font-style:normal;font-size:16px}
.skweek .done i{background:#ffe7cc}.skweek .now i{background:#ff9a4d;box-shadow:0 0 0 3px #ffd2ad;animation:pulse15 1.4s infinite}.skweek .now{color:#e0701f}
.skgoal{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px}
.skgoal .medal15{width:52px;flex:none}.skgoal b{font-size:14.5px;display:block}.skgoal small{font-size:12.5px;color:#77729a}
.skrem{margin-top:10px;border-radius:18px;background:#ffffffd0;border:0!important}

/* ---- входящий вызов ---- */
.inhero{position:relative;align-self:center;margin-top:18px}
.inav img{width:112px;height:112px;border-radius:50%;border:5px solid #fff;background:#efe3ff;box-shadow:0 0 0 4px var(--op),0 14px 30px #e8459b44;animation:popin .5s cubic-bezier(.3,1.6,.6,1)}
.inbubble{position:absolute;left:92px;top:-14px;width:140px;background:#fff;border-radius:16px 16px 16px 4px;padding:7px 12px;font-size:13.5px;font-weight:700;box-shadow:0 6px 14px #3a2a8a22;animation:popin .4s .4s both}
.in15 .h1{margin-top:16px}
.inmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.inmeta div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 4px;border-radius:18px;background:#ffffffd0;min-height:92px}
.inmeta .tb svg{width:44px;height:44px}.inmeta b{font-size:14.5px}.inmeta b.big{font-size:22px;font-weight:900}.inmeta small{font-size:11.5px;color:#77729a}
.innote{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:13.5px;color:#4b4668;line-height:1.35}
.innote .inino{width:46px;height:42px;flex:none}

/* ---- итоги лиги ---- */
.lu15{align-items:stretch;background:radial-gradient(ellipse at 50% 30%,#d4f5e2 0%,transparent 50%),var(--bgscreen);overflow:hidden}
.lurays{position:absolute;left:50%;top:210px;width:640px;height:640px;margin:-320px 0 0 -320px;background:repeating-conic-gradient(#ffffff80 0 8deg,#ffffff00 8deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 60%);mask-image:radial-gradient(circle,#000 0,transparent 60%);animation:spin 30s linear infinite;pointer-events:none}
.lusmall{position:relative;align-self:center;margin-top:24px;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#16784f;background:#e6f7ee;border-radius:12px;padding:5px 12px}
.lubadge{position:relative;align-self:center;margin-top:18px;animation:lup .9s cubic-bezier(.22,.9,.3,1.3) both}
@keyframes lup{0%{transform:translateY(40px) scale(.4);opacity:0}100%{transform:none;opacity:1}}
.lu15 .h1{position:relative;margin-top:14px}.lu15 .h1 em{color:#1f9a62}
.lusub{position:relative;text-align:center;font-size:14.5px;color:#5f5a80;margin-top:6px}
.lurw{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding:12px 6px;text-align:center}
.lurw div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.lurw b{font-size:22px;font-weight:900}.lurw small{font-size:11.5px;color:#77729a}.lurw .medal15{width:40px}
.lu15 .primary,.lu15 .link{position:relative}

/* ---- история ---- */
.hi15 .seg14{margin-top:6px}
.hrow{display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px 10px 8px 8px;border-radius:20px;background:#fff;box-shadow:0 6px 14px #3a2a8a0f;border-left:4px solid #e2ddf0}
.hrow.win{border-left-color:#39B07A}.hrow.loss{border-left-color:#E8459B}
.hp{width:64px;height:52px;border-radius:12px;object-fit:cover;flex:none}
.hx{display:flex;flex-direction:column;min-width:0;flex:1;text-align:left}.hx b{font-size:15px}.hx small{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#77729a;white-space:nowrap;overflow:hidden}.hx small img{width:18px;height:18px;border-radius:50%;background:#efe3ff;flex:none}

.pf15>*,.st15>*,.fr15>*,.cl15>*,.aw15>*,.lg15>*,.hi15>*,.pw15>*,.sk15>*,.in15>*,.lu15>*{flex-shrink:0}
.pf15 .spacer,.fr15 .spacer,.aw15 .spacer,.lg15 .spacer,.sk15 .spacer,.in15 .spacer,.lu15 .spacer{flex:1 0 12px}
.pw15 .pwh .pwvec svg{width:84px;height:84px}

/* ================= v16 ================= */
.ic16{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}
/* меню всегда прибито к низу */
.scr.scroll>.nav2{position:sticky;bottom:18px;z-index:25;margin-bottom:18px;box-shadow:0 -6px 24px #3a2a8a14,0 8px 24px #3a2a8a14}
.scr.scroll>.spacer{min-height:14px}
/* уведомления сверху — не прячутся под меню и клавиатурой */
#toast{top:58px;bottom:auto;transform:translateX(-50%) translateY(-16px);max-width:330px;width:max-content}
#toast.on{transform:translateX(-50%) translateY(0)}

/* рамки аватара */
.fr-fire,.fr-friends,.fr-gallery,.fr-gold{position:relative}
.bigav.fr-fire,.pfav.fr-fire img,.hav16.fr-fire,.pc14 .av.fr-fire{box-shadow:0 0 0 3px #fff,0 0 0 6px #FF8A3D,0 0 14px #ffb36b99!important}
.bigav.fr-friends,.pfav.fr-friends img,.hav16.fr-friends,.pc14 .av.fr-friends{box-shadow:0 0 0 3px #fff,0 0 0 6px transparent,0 0 0 6px #E8459B!important;background-clip:padding-box}
.bigav.fr-gallery,.pfav.fr-gallery img,.hav16.fr-gallery,.pc14 .av.fr-gallery{box-shadow:0 0 0 2px #E7A92E,0 0 0 4px #fff,0 0 0 7px #E7A92E!important}
.bigav.fr-gold,.pfav.fr-gold img,.hav16.fr-gold,.pc14 .av.fr-gold{box-shadow:0 0 0 3px #fff,0 0 0 6px #FFC23D,0 0 16px #ffc23daa!important}
.pfav.fr-fire .ring,.pfav.fr-gold .ring,.pfav.fr-gallery .ring,.pfav.fr-friends .ring{inset:-9px}
.bigav.sm{width:56px;height:56px}

/* редактор: вкладки */
.edtabs{margin:2px 0 12px}
.frgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
.frm1{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:6px 0;text-align:center;color:var(--ink);border-radius:16px}
.frm1 .bigav{box-shadow:0 0 0 3px #fff}
.frm1.on{background:#f3edff}
.frm1 b{font-size:13px}.frm1 small{font-size:11px;color:#77729a;line-height:1.2}
.frm1.lk .bigav{filter:grayscale(.7);opacity:.6}
.tilist{display:grid;gap:6px}
.ti1{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 14px;border:1.5px solid #fff;border-radius:16px;background:#ffffffd0;text-align:left;color:var(--ink)}
.ti1 b{font-size:15.5px}.ti1 small{margin-left:auto;font-size:12px;color:#77729a;text-align:right}
.ti1 i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;flex:none}
.ti1 i svg{width:18px;height:18px}
.ti1.on{border-color:#7b1cf2;color:#5a14b8}.ti1.on i{color:#7b1cf2}
.ti1.lk{opacity:.65}.ti1.lk i svg{fill:none;stroke:#6d5bb0;stroke-width:2.2}

/* главная */
.hav16{position:relative;overflow:visible!important}
.hav16 img{border-radius:50%}
.hfire{position:absolute;right:-8px;bottom:-6px;display:flex;align-items:center;gap:1px;height:22px;padding:0 6px 0 3px;border-radius:11px;background:#fff;box-shadow:0 3px 8px #e0701f33;font-size:12px;font-weight:900;color:#e0701f}
.hfire .ic16{width:15px;height:15px}
.slot15{height:136px}
.fcard.f16{flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;padding:16px 16px 14px 18px}
.f16top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.f16 .ftxt b{font-size:20px}.f16 .ftxt small{font-size:13.5px;margin-top:2px}
.fav16{display:flex;flex:none;padding-right:2px}
.fav16 img{width:38px;height:38px;border-radius:50%;border:2.5px solid #fff;background:#e7ddff;margin-left:-12px;box-shadow:0 3px 8px #1b2a9a33}
.fav16 img:first-child{margin-left:0}
.fbtn16{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:14px;background:#fff;color:#3c4de0;font-weight:800;font-size:15px;box-shadow:0 4px 10px #1b2a9a33;position:relative}
.fbtn16 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#device.short .slot15{height:112px}#device.short .fcard.f16{gap:8px;padding:12px 14px}#device.short .f16 .ftxt small{display:none}#device.short .fbtn16{height:38px}

/* поиск соперника */
.die .ic16{width:22px;height:22px}
.theme14 .tl2{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:700;color:#7a74a0}.theme14 .tl2 .ic16{width:14px;height:14px}

/* профиль */
.pch.fire{color:#e0701f}.pch .ic16{width:15px;height:15px}

/* приглашение */
.iv16 .seg14{margin:8px 0 12px}
.ivcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 16px 14px;border-radius:22px;color:#fff;background:radial-gradient(circle at 88% -20%,#ffffff55,transparent 45%),linear-gradient(120deg,#3f7bff 0%,#5a67ff 45%,#8b5cff 100%)}
.ivme{width:64px;height:64px;margin-bottom:6px}
.ivcard>b{font-size:18px}.ivcard>span{font-size:13.5px;color:#eef0ffe6;line-height:1.35}
.ivgift{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:14px;background:#ffffff26;font-size:13px}
.ivlink{display:flex;align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 14px;border-radius:16px;background:#fff;border:1px solid #ebe6f7}
.ivlink span{flex:1;min-width:0;font-size:14px;color:#3f3a60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copy{display:flex;align-items:center;gap:5px;height:40px;padding:0 14px;border:0;border-radius:12px;background:#efe6ff;color:#5a14b8;font-weight:800;font-size:14px;flex:none}
.copy.ok{background:var(--green-bg);color:var(--green)}
.iv16 .primary .ic16,.iv16 .ghost .ic16{width:20px;height:20px}
.qrbox{position:relative;width:220px;height:220px;margin:4px auto 0;padding:12px;border-radius:24px;background:#fff;box-shadow:0 10px 26px #3a2a8a1f}
.qr16{width:100%;height:100%;display:block;shape-rendering:crispEdges}
.qrav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:4px solid #fff;box-shadow:none}
.qrtip{text-align:center;font-size:13.5px;color:#5f5a80;margin:12px 10px 0;line-height:1.4}
.ivprog{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;margin-top:14px;padding:10px 14px;border-radius:16px;background:#f6f3fd;font-size:13.5px;color:#3f3a60}
.ivprog small{grid-column:1/-1;font-size:12px;color:#77729a}
.ivdots{display:flex;gap:5px}.ivdots i{width:10px;height:10px;border-radius:50%;background:#dcd4f2}.ivdots i.on{background:#FFC23D}
/* системное меню «Поделиться» */
.sys16{position:absolute;inset:0;z-index:70}
.sysdim{position:absolute;inset:0;background:#0009}
.sysbox{position:absolute;left:8px;right:8px;bottom:14px;border-radius:20px;background:#f2f2f7;padding:12px 12px 8px;animation:up .25s ease}
.sysh b{display:block;font-size:14px;color:#111}.sysh small{font-size:11.5px;color:#8a8ea0}
.sysapps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0}
.sysapps span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10.5px;color:#333;cursor:pointer}
.sysapps i{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;font-size:20px}
.sysx{width:100%;height:46px;border:0;border-radius:14px;background:#fff;font-weight:700;font-size:16px;color:#007aff}
/* поиск друга */
.ffin{display:flex;align-items:center;gap:8px;margin-top:6px;height:52px;padding:0 10px 0 14px;border-radius:18px;background:#fff;border:1.5px solid #d9ccf7;color:#6d5bb0}
.ffin:focus-within{border-color:#7b1cf2;box-shadow:0 0 0 4px #7b1cf222}
.ffin input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:17px;color:var(--ink)}
.ffx{width:32px;height:32px;border:0;border-radius:50%;background:#f1eef8;color:#6d6790;font-size:18px}
.ffres{margin-top:6px}
.ffhint{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-top:20px}
.ffhint>b{font-size:16px}.ffhint>small{font-size:13px;color:#77729a}.ffhint>.soft{margin-top:8px}
.ffsug{width:100%;margin-top:20px;text-align:left}.ffsug>span{font-size:13px;font-weight:700;color:#77729a}
.okf{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--green)}
/* документы */
.doc16 p{font-size:14.5px;line-height:1.5;color:#3f3a60;margin:8px 0 0}
/* история: результат плашкой */
.hrow{border-left:0}
.res16{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:8px;font-size:12.5px;font-weight:800;vertical-align:1px}
.res16.w{background:var(--green-bg);color:var(--green)}.res16.l{background:var(--op-bg);color:#b3246f}.res16.d{background:#eeedf6;color:#6d6a86}
/* лиги */
.zone{font-weight:700;letter-spacing:0}
.lastwk{margin:6px 0 2px;border:0;background:#e6f7ee;color:#16784f;font-weight:800;font-size:12.5px;border-radius:10px;padding:5px 10px}
.fl16{display:flex;align-items:center;gap:2px}.fl16 .ic16{width:22px;height:22px}
/* мелкие цели нажатия и текст */
.mini2 button{height:36px}
.set1 small,.near1 em{font-size:11.5px}
.pb i .ic16{width:22px;height:22px}
.shgift .gi .ic16,.near1 em .ic16,.mg .ic16{width:15px;height:15px;margin-right:3px}
.achtoast em .ic16{width:14px;height:14px;margin-right:3px}
.rw .ic16{width:16px;height:16px;margin-right:4px}
.shto button.done i{background:var(--green-bg);border-color:#bfe9d3}.shto button.done svg{stroke:var(--green)}

/* ================= v17 ================= */
/* ---- подписка: всё на одном экране ---- */
.pw17{overflow:hidden;padding-bottom:18px;background:radial-gradient(ellipse at 50% -4%,#fff1c2 0%,transparent 42%),var(--bgscreen)}
.pw17>*{flex-shrink:0}
.pw17 .fl{flex:1 1 0;min-height:8px;max-height:28px}.pw17 .fl.sm{max-height:16px}
.rst{border:0;background:none;font-size:13px;font-weight:700;color:#6d5bb0;padding:0 4px;height:42px}
.pwhead{display:flex;flex-direction:column;align-items:center;text-align:center}
.pv17{display:flex;align-items:center;justify-content:center;height:78px}
.pv17.tk svg{width:84px;height:84px}.pv17.cr img{width:86px}.pv17.md .medal15{width:70px}
.pv17.duo{gap:10px}.pv17.duo img{width:58px;height:58px;border-radius:50%;border:3px solid #fff;background:#efe3ff;box-shadow:0 6px 14px #3a2a8a22}.pv17.duo b{font-size:24px;font-weight:900}
.pv17.one img{width:72px;height:72px;border-radius:50%;border:3px solid #fff;background:#efe3ff;box-shadow:0 0 0 3px var(--op)}
.pwhead .h1{font-size:28px;margin-top:8px;text-wrap:balance}
.pwhead p{margin:6px 12px 0;font-size:14px;color:#5f5a80;line-height:1.35}
.bn17{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b17{display:flex;align-items:center;gap:10px;height:62px;padding:0 12px;border-radius:18px;background:#ffffffd6;border:1px solid #fff}
.b17 .bi{width:38px;height:38px;flex:none;border-radius:12px;background:linear-gradient(135deg,#fff4d0,#ffe29a);display:grid;place-items:center}
.b17 .bi .ic16{width:22px;height:22px}
.b17 b{font-size:14px;line-height:1.2}
.fr17 img{width:30px;height:30px;border-radius:50%;border:2.5px solid #FFC23D;box-shadow:0 0 8px #ffc23d99}
.av17{display:flex}.av17 img{width:22px;height:22px;border-radius:50%;border:2px solid #fff;margin-left:-9px;background:#efe3ff}.av17 img:first-child{margin-left:0}
.b17 .bi:has(.av17){background:none;width:auto}
.soc17{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:12.5px;color:#5f5a80}
.soc17 span{display:flex}.soc17 img{width:24px;height:24px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#efe3ff}.soc17 img:first-child{margin-left:0}
.pl17{display:grid;gap:8px}
.p17{position:relative;display:flex;align-items:center;gap:12px;height:62px;padding:0 16px;border-radius:18px;border:2px solid #fff;background:#ffffffc8;text-align:left;color:var(--ink)}
.p17.on{border-color:#7b1cf2;background:#fff;box-shadow:0 8px 20px #6721f622}
.p17 .rd{width:22px;height:22px;border-radius:50%;border:2.5px solid #c1a9ef;flex:none}.p17.on .rd{border:7px solid #7b1cf2}
.p17 .pt{display:flex;flex-direction:column}.p17 b{font-size:16px}.p17 small{font-size:12.5px;color:#77729a}
.p17 .pp{margin-left:auto;font-size:20px;font-weight:900}
.p17 .best{position:absolute;right:14px;top:-10px;background:#6721f6;color:#fff;font-size:11.5px;font-weight:800;border-radius:9px;padding:2px 8px}
.tl17{display:flex;align-items:flex-start;margin-top:12px;padding:0 4px}
.tl17 span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;color:#77729a;flex:none;width:84px;text-align:center}
.tl17 i{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #c9bdf0}.tl17 .on i{background:#6721f6;border-color:#6721f6}
.tl17 b{font-size:12.5px;color:var(--ink)}
.tl17 em{flex:1;height:3px;border-radius:2px;background:#e2dbf4;margin-top:6px}
.cta17{font-size:18px}
.fine17{text-align:center;font-size:12px;color:#6d6a86;margin-top:8px}
.fine17 button{border:0;background:none;padding:0;font:inherit;color:#6721f6;font-weight:600}
#device.short .pv17{height:56px}#device.short .pv17.cr img{width:62px}#device.short .pv17.tk svg{width:62px;height:62px}#device.short .pv17.duo img{width:46px;height:46px}
#device.short .pwhead .h1{font-size:24px;margin-top:4px}#device.short .pwhead p{font-size:13px;margin-top:4px}
#device.short .soc17{display:none}#device.short .b17{height:52px}#device.short .p17{height:54px}#device.short .tl17{margin-top:8px}

/* ---- Плюс активирован ---- */
.ce17{align-items:stretch;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 50% 30%,#6b3fd6 0%,#3a1a8f 45%,#1a0d4a 100%)}
.ce17>*{position:relative;flex-shrink:0}
.cerays{position:absolute!important;left:50%;top:250px;width:760px;height:760px;margin:-380px 0 0 -380px;background:repeating-conic-gradient(#ffd66b2e 0 7deg,#ffd66b00 7deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 62%);mask-image:radial-gradient(circle,#000 0,transparent 62%);animation:spin 40s linear infinite;pointer-events:none}
.ceglow{position:absolute!important;left:50%;top:250px;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,#ffd66b88,#ffd66b00 70%);animation:glow17 3s ease-in-out infinite;pointer-events:none}
@keyframes glow17{50%{transform:scale(1.15);opacity:.7}}
.ce17 .conf{position:absolute;z-index:3}
.cetop{display:flex;align-items:center;justify-content:space-between;height:52px}
.pwbadge.lt{color:#fff}
.iconbtn.dk{background:#ffffff1f;border-color:#ffffff33;color:#fff}
.cehero{align-self:center;width:150px;height:170px;margin-top:22px}
.ceav{position:absolute;left:15px;bottom:0;width:120px;height:120px;border-radius:50%;padding:0;box-shadow:0 0 0 4px #fff,0 0 0 9px #FFC23D,0 0 40px #ffc23dcc;animation:avin .7s .1s cubic-bezier(.16,1,.3,1) both}
.ceav img{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#f1dcff,#c9a6ff);display:block}
@keyframes avin{from{transform:scale(.5);opacity:0}}
.cecrown{position:absolute;left:38px;top:0;width:78px;z-index:2;filter:drop-shadow(0 6px 12px #0006);animation:crownon .8s .6s cubic-bezier(.22,.9,.3,1.25) both}
@keyframes crownon{0%{transform:translateY(-120px) rotate(-25deg) scale(1.3);opacity:0}70%{transform:translateY(6px) rotate(-6deg);opacity:1}100%{transform:rotate(-8deg)}}
.cesp{position:absolute;width:12px;height:12px;background:#FFE9A8;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:tw 1.6s ease-in-out infinite}
.cesp.s1{left:-14px;top:40px}.cesp.s2{right:-12px;top:70px;animation-delay:.5s;width:16px;height:16px}.cesp.s3{right:6px;top:8px;animation-delay:1s}
@keyframes tw{50%{transform:scale(.3) rotate(45deg);opacity:.4}}
.cename{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:20px;font-weight:900;animation:fadeup .5s .9s both}
.ceplus{font-size:11px;font-weight:900;letter-spacing:1px;color:#5a3a00;background:linear-gradient(135deg,#ffe28a,#ffc23d);border-radius:8px;padding:3px 7px}
.ceh{color:#fff;text-align:center;font-size:32px;margin-top:10px;animation:fadeup .5s 1s both}.ceh em{color:#FFD66B}
.cesub{margin:8px 20px 0;text-align:center;font-size:14.5px;line-height:1.4;color:#e4dcff;animation:fadeup .5s 1.05s both}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}}
.ceperks{display:grid;gap:8px;margin-top:20px}
.cp{display:flex;align-items:center;gap:12px;height:58px;padding:0 14px 0 10px;border-radius:18px;background:#ffffff14;border:1px solid #ffffff26;backdrop-filter:blur(4px);animation:cpin .5s cubic-bezier(.16,1,.3,1) both}
@keyframes cpin{from{opacity:0;transform:translateX(-18px)}}
.cp .bi{width:38px;height:38px;flex:none;border-radius:12px;background:#ffffff1f;display:grid;place-items:center}.cp .bi .ic16{width:22px;height:22px}
.cp .bi:has(.av17){background:none;width:auto}
.cp .ct{display:flex;flex-direction:column;min-width:0}.cp b{font-size:15px}.cp small{font-size:12.5px;color:#d9d0ff}
.cp .ok{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#39B07A;display:grid;place-items:center;color:#fff}.cp .ok .ic16{width:15px;height:15px}
.gold17{background:linear-gradient(135deg,#ffe28a,#ffc23d 55%,#f0a41c);border-color:#ffe9a8;color:#4a2c00;box-shadow:inset 0 2px 1px #ffffffaa,0 8px 22px #ffc23d55,0 0 30px #ffc23d44;margin-bottom:8px}
.ceinfo{text-align:center;font-size:12.5px;color:#cfc4f5;margin-bottom:22px}
#device.short .cehero{margin-top:0;width:120px;height:132px}#device.short .ceav{left:14px;width:92px;height:92px}#device.short .cecrown{left:32px;width:58px}#device.short .cename{margin-top:8px;font-size:18px}#device.short .cetop{height:44px}#device.short .cesub{display:none}#device.short .ceperks{margin-top:10px}#device.short .cp{height:46px}#device.short .cp small{display:none}#device.short .ceh{font-size:27px;margin-top:4px}