/* ---------- диалог ---------- */
.dialog{position:fixed;z-index:30;left:50%;bottom:calc(16px + var(--safe-b));transform:translateX(-50%);width:min(760px,calc(100vw - 20px))}
.dialog .pi{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:14px 16px 14px 14px}
.portrait{width:92px;height:92px;flex:none;background:#2a0705;box-shadow:inset 0 0 0 3px var(--edge-2);padding:3px;display:grid;place-items:center}
.portrait canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.portrait.sys{font-family:var(--px);font-size:28px;color:var(--yellow);background:#1f1a2b}
.d-name{font-family:var(--px);font-size:10px;color:var(--yellow);margin-bottom:8px}
.d-text{min-height:62px;font-size:16.5px;line-height:1.55;color:var(--text)}
.d-next{float:right;font-family:var(--px);font-size:10px;color:var(--muted);margin-top:4px;animation:bob 1s ease-in-out infinite}
.d-opts{display:grid;gap:6px;margin-top:10px}
.d-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;text-align:left;font-family:var(--px);font-size:10px;line-height:1.5;color:var(--text);background:#211c2e;border:0;box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer}
.d-opt kbd.k{margin:0;flex:none}
.d-opt:hover,.d-opt.sel{box-shadow:inset 0 0 0 2px var(--yellow);background:#2a2438}

/* ---------- окно ---------- */
.win-wrap{position:fixed;inset:0;z-index:32;display:grid;place-items:center;padding:16px;background:rgba(6,4,10,.62);animation:fadeIn .2s ease}
@keyframes fadeIn{from{opacity:0}}
.win{width:min(780px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;animation:popIn .22s cubic-bezier(.2,.9,.3,1.2)}
.win.narrow{width:min(520px,100%)}
@keyframes popIn{from{transform:scale(.95);opacity:0}}
.win>.pi{display:flex;flex-direction:column;min-height:0;flex:1}
.win-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:3px solid var(--edge)}
.win-ico{width:36px;height:36px;flex:none;object-fit:cover}
.win-ht{min-width:0}
.win-title{font-family:var(--px);font-size:14px;line-height:1.35}
.win-sub{font-size:13px;color:var(--muted);margin-top:3px}
.win-close{margin-left:auto;flex:none}
.win-body{padding:18px 20px 22px;overflow-y:auto;overscroll-behavior:contain}

/* общие блоки в окнах */
.w-lead{margin:0 0 16px;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.w-h{margin:22px 0 10px;font-family:var(--px);font-size:11px;line-height:1.5;color:var(--text)}
.w-h:first-child{margin-top:0}
.w-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.w-note b{color:var(--red);font-weight:600}
.w-fine{margin:12px 0 0;font-size:13px;color:var(--muted);text-align:center}
.w-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.w-row .pbtn{flex:1 1 180px}
.w-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.w-track{display:flex;gap:4px;padding:10px;margin:0 0 16px;background:#0e0c14;box-shadow:inset 0 0 0 2px var(--edge);overflow-x:auto}
.w-clip{flex:1 0 92px;padding:6px 8px 8px;font-family:var(--px);font-size:8px;line-height:1.5;color:#141414;background:var(--c)}
.w-clip small{display:block;font-family:var(--body);font-size:11.5px;opacity:.75}
.w-clip.ghost{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 2px var(--edge-2)}
.w-checks{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.w-checks li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.45;color:var(--text-2)}
.w-checks li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;background:var(--yellow)}
.w-plans{margin-top:16px;box-shadow:inset 0 0 0 2px var(--edge)}
.w-plan{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px}
.w-plan+.w-plan{border-top:2px solid var(--edge)}
.w-plan b{display:block;font-family:var(--px);font-size:10px;font-weight:400;line-height:1.5}
.w-plan span{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.w-plan strong{flex:none;font-family:var(--px);font-size:14px;font-weight:400}
.w-plan .tag{display:inline;margin-left:6px;font-size:8px;color:var(--yellow)}
.w-list{display:grid;gap:6px}
.w-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:11px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge);text-decoration:none;border:0;width:100%;text-align:left;cursor:pointer}
.w-item:hover{box-shadow:inset 0 0 0 2px var(--edge-2)}
.w-item img,.w-item .gen{width:44px;height:44px;object-fit:cover}
.gen{display:grid;place-items:center;background:#2a2438;font-family:var(--px);font-size:12px;color:var(--text)}
.w-item b{display:block;font-weight:600;font-size:14.5px}
.w-item span{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);line-height:1.35}
.w-item strong{font-family:var(--px);font-size:11px;font-weight:400;white-space:nowrap}
.w-item strong.free{color:var(--green)}
.w-vids{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w-vid{text-decoration:none}
.w-vid .th{position:relative;aspect-ratio:16/9;background:#111;box-shadow:inset 0 0 0 2px var(--edge);overflow:hidden}
.w-vid img{display:block;width:100%;height:100%;object-fit:cover}
.w-vid .dur{position:absolute;right:6px;bottom:6px;padding:2px 5px;font-family:var(--px);font-size:8px;background:rgba(0,0,0,.8)}
.w-vid b{display:block;margin-top:8px;font-weight:600;font-size:14px;line-height:1.35}
.w-vid span{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.w-soc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.w-s{display:flex;flex-direction:column;gap:2px;padding:13px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge);text-decoration:none}
.w-s:hover{box-shadow:inset 0 0 0 2px var(--sc)}
.w-s b{font-family:var(--px);font-size:18px;font-weight:400;line-height:1.2;color:var(--sc)}
.w-s strong{margin-top:6px;font-weight:600;font-size:14px}
.w-s span{font-size:12.5px;color:var(--muted)}
.w-s.wide{grid-column:1/-1}
.w-quotes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.w-q{padding:13px;background:#efe3b0;color:#2a2210;box-shadow:inset 0 0 0 2px #c9b56e}
.w-q:nth-child(3n+2){background:#f6c4d8;box-shadow:inset 0 0 0 2px #d897b1}
.w-q:nth-child(3n){background:#bfeee6;box-shadow:inset 0 0 0 2px #86cfc3}
.w-q .st{font-size:12px;letter-spacing:1px;color:#b5751b}
.w-q p{margin:6px 0 8px;font-size:14px;line-height:1.45}
.w-q span{font-family:var(--px);font-size:8px;opacity:.7}
.w-faq{display:grid;gap:6px}
.w-faq details{background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge)}
.w-faq details[open]{box-shadow:inset 0 0 0 2px var(--edge-2)}
.w-faq summary{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;list-style:none;cursor:pointer;font-family:var(--px);font-size:10px;line-height:1.6}
.w-faq summary::-webkit-details-marker{display:none}
.w-faq summary::after{content:"+";color:var(--yellow)}
.w-faq details[open] summary::after{content:"−"}
.w-faq p{margin:0;padding:0 15px 15px;font-size:14.5px;line-height:1.55;color:var(--text-2)}
.w-stats{display:grid;grid-template-columns:repeat(3,1fr);box-shadow:inset 0 0 0 2px var(--edge)}
.w-stats div{padding:12px 14px}
.w-stats div+div{border-left:2px solid var(--edge)}
.w-stats b{display:block;font-family:var(--px);font-size:13px;font-weight:400;line-height:1.4}
.w-stats span{font-size:12px;color:var(--muted)}
.w-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.w-gal button{padding:0;border:0;aspect-ratio:16/9;background:#111;cursor:zoom-in;box-shadow:inset 0 0 0 2px var(--edge)}
.w-gal img{display:block;width:100%;height:100%;object-fit:cover}
.w-mail{display:flex;gap:8px;margin-top:10px}
.w-mail a{flex:1;min-width:0;display:flex;align-items:center;min-height:48px;padding:0 16px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge);text-decoration:none;font-size:15px}
.w-mail button{flex:none;padding:0 14px;font-family:var(--px);font-size:9px;background:var(--panel-2);border:0;box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer}

/* карточка реального продукта */
.prod{margin-top:14px;padding:14px;background:linear-gradient(180deg,#221a07,#17130a);box-shadow:inset 0 0 0 2px #6b5210}
.prod-kick{display:inline-block;margin-bottom:10px;padding:4px 8px;font-family:var(--px);font-size:8px;color:#1a1300;background:var(--yellow)}
.prod-head{display:flex;align-items:center;gap:12px}
.prod-head img{width:48px;height:48px;flex:none}
.prod-head b{display:block;font-weight:700;font-size:16px}
.prod-head span{display:block;margin-top:2px;font-size:13px;color:#d9c99a}
.prod p{margin:10px 0 0;font-size:14px;line-height:1.5;color:#efe6cb}
.prod-price{margin-top:10px;font-family:var(--px);font-size:14px;color:var(--yellow)}
.prod-price s{font-size:10px;color:#8b7a4a;margin-right:6px}
.prod .pbtn{margin-top:12px}

/* магазин */
.shop-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.shop-tab{padding:9px 12px;font-family:var(--px);font-size:9px;background:var(--panel-2);border:0;box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer;color:var(--text-2)}
.shop-tab.on{box-shadow:inset 0 0 0 2px var(--yellow);color:var(--text)}
.shop-wallet{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-family:var(--px);font-size:12px}
.card{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge)}
.card.owned{box-shadow:inset 0 0 0 2px #2f6b47}
.card.real{box-shadow:inset 0 0 0 2px #6b5210}
.card-top{display:flex;align-items:center;gap:10px}
.card-top img,.card-top canvas,.card-top .gen{width:40px;height:40px;flex:none;image-rendering:pixelated}
.card b{font-weight:700;font-size:14.5px;line-height:1.3}
.card .tier{display:flex;gap:3px;margin-top:2px}
.card .tier i{width:10px;height:6px;background:#2a2438}
.card .tier i.on{background:var(--yellow)}
.card p{margin:0;font-size:12.5px;line-height:1.4;color:var(--muted)}
.card .eff{font-size:12.5px;color:var(--green)}
.card .pbtn{margin-top:auto}
.card .real-note{font-size:12px;color:#d9c99a}
.card .real-note a{color:var(--yellow)}

/* выбор формата / темы */
.pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.pick-i{display:flex;flex-direction:column;gap:6px;padding:12px;text-align:left;background:var(--panel-2);border:0;box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer;color:var(--text)}
.pick-i:hover:not([disabled]){box-shadow:inset 0 0 0 2px var(--yellow)}
.pick-i[disabled]{opacity:.45;cursor:not-allowed}
.pick-i b{font-family:var(--px);font-size:10px;font-weight:400;line-height:1.5}
.pick-i span{font-size:12.5px;color:var(--muted);line-height:1.35}
.pick-i .tr{font-family:var(--px);font-size:8px}
.tr.hot{color:#ff6b4a}.tr.warm{color:var(--yellow)}.tr.stale{color:var(--dim)}
.steps{display:flex;gap:4px;margin-bottom:16px}
.steps span{flex:1;padding:6px 4px;font-family:var(--px);font-size:7px;text-align:center;background:#221d2f;color:var(--muted)}
.steps span.done{background:#244a34;color:#c9f5d8}
.steps span.cur{background:var(--yellow);color:#1a1300}

/* результаты публикации */
.res-big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 14px}
.res-big div{padding:12px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge)}
.res-big b{display:block;font-family:var(--px);font-size:15px;font-weight:400;line-height:1.3}
.res-big span{font-size:12px;color:var(--muted)}
.viral{display:inline-block;padding:4px 8px;font-family:var(--px);font-size:9px;background:var(--red);color:#fff;animation:blink 1s steps(1) 4}
.bars{display:grid;gap:6px}
.bar{display:grid;grid-template-columns:110px 1fr 44px;gap:10px;align-items:center;font-size:13px}
.bar i{display:block;height:10px;background:#2a2438}
.bar i b{display:block;height:100%;background:var(--yellow)}
.bar em{font-style:normal;font-family:var(--px);font-size:9px;text-align:right}

/* телефон — в стиле игры: деревянный пиксельный корпус, пергаментный экран, кнопка «домой» */
.phone-wrap{position:fixed;inset:0;z-index:34;display:grid;place-items:center;padding:12px;background:rgba(20,10,4,.6);animation:fadeIn .2s}
.phone{--n:12px;position:relative;width:min(380px,100%);height:min(720px,calc(100dvh - 24px));display:flex;flex-direction:column;padding:12px 12px 34px;background:#6b4226;box-shadow:inset 0 0 0 3px #2a1a12,inset 0 0 0 6px #8e5a32,inset 0 -8px 0 6px #4e2e18;clip-path:polygon(0 var(--n),var(--n) var(--n),var(--n) 0,calc(100% - var(--n)) 0,calc(100% - var(--n)) var(--n),100% var(--n),100% calc(100% - var(--n)),calc(100% - var(--n)) calc(100% - var(--n)),calc(100% - var(--n)) 100%,var(--n) 100%,var(--n) calc(100% - var(--n)),0 calc(100% - var(--n)));animation:phoneIn .3s cubic-bezier(.2,.9,.3,1.1)}
@keyframes phoneIn{from{transform:translateY(40px);opacity:0}}
.ph-screen{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--panel);box-shadow:inset 0 0 0 3px #2a1a12,inset 0 0 0 5px #c98e52;overflow:hidden}
.ph-home{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:44px;height:14px;padding:0;border:0;background:#3a2214;box-shadow:inset 0 0 0 2px #2a1a12,inset 0 2px 0 2px #8e5a32;cursor:pointer}
.ph-home:active{box-shadow:inset 0 0 0 2px #2a1a12,inset 0 -2px 0 2px #8e5a32}
.ph-top{display:flex;justify-content:space-between;align-items:center;padding:9px 12px 6px;font-family:var(--px);font-size:9px;color:var(--text-2);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--edge)}
.ph-notch{width:46px;height:8px;background:#2a1a12}
.ph-sig{display:flex;align-items:flex-end;gap:2px;height:10px}
.ph-sig i{width:3px;background:var(--text-2)}
.ph-sig i:nth-child(1){height:4px}.ph-sig i:nth-child(2){height:7px}.ph-sig i:nth-child(3){height:10px}
.ph-sig b{width:6px;height:6px;margin-left:4px;align-self:center;background:var(--dim)}
.ph-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:3px solid var(--edge);font-family:var(--px);font-size:11px;color:var(--text)}
.ph-head span{flex:1;text-align:center}
.ph-back,.ph-x{width:34px;height:34px;border:0;font-size:18px;line-height:1;color:var(--text);background:#e6bd84;box-shadow:inset 0 -3px 0 #b07a3e,inset 0 0 0 2px #8a5a2a;cursor:pointer}
.ph-back:active,.ph-x:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 #b07a3e,inset 0 0 0 2px #8a5a2a}
.ph-body{flex:1;overflow-y:auto;padding:12px;overscroll-behavior:contain;color:var(--text)}
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 6px}
.app{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;color:var(--text);position:relative}
.app i{--n:6px;display:block;width:56px;height:56px;background:var(--c) center/33px 33px no-repeat;image-rendering:pixelated;box-shadow:inset 0 0 0 3px rgba(42,26,18,.55),inset 0 -6px 0 3px rgba(0,0,0,.18),inset 0 4px 0 3px rgba(255,255,255,.22);clip-path:polygon(0 var(--n),var(--n) var(--n),var(--n) 0,calc(100% - var(--n)) 0,calc(100% - var(--n)) var(--n),100% var(--n),100% calc(100% - var(--n)),calc(100% - var(--n)) calc(100% - var(--n)),calc(100% - var(--n)) 100%,var(--n) 100%,var(--n) calc(100% - var(--n)),0 calc(100% - var(--n)))}
.app:active i{transform:translateY(2px)}
.app span{font-family:var(--px);font-size:7.5px;line-height:1.4;color:var(--text-2);text-align:center}
.app .badge{top:-4px;right:10px}
.ph-card{padding:11px 12px;margin-bottom:8px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge)}
.ph-card b{display:block;font-weight:700;font-size:14px}
.ph-card span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.4}
.ph-kpi{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.ph-kpi div{padding:10px 12px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge)}
.ph-kpi b{display:block;font-family:var(--px);font-size:12px;font-weight:400;color:var(--hl)}
.ph-kpi span{font-size:11.5px;color:var(--muted)}
.ph-graph{width:100%;height:110px;display:block;margin-bottom:12px;background:var(--panel-3);box-shadow:inset 0 0 0 2px var(--edge);image-rendering:pixelated}
.ph-vid{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 12px;margin-bottom:6px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge);font-size:13px}
.ph-vid em{font-style:normal;font-family:var(--px);font-size:9px;color:var(--hl);align-self:center}
.ph-vid small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.ph-map{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ph-map button{padding:11px 8px;font-size:13px;text-align:left;background:var(--panel-2);border:0;color:var(--text);box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer}
.ph-map button[disabled]{opacity:.45}
.ph-map button small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.ph-set{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;margin-bottom:6px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge);font-size:14px}
.ph-set input[type=range]{width:120px;accent-color:var(--hl)}
.ph-toggle{width:52px;height:28px;border:0;position:relative;cursor:pointer;background:#c9a07a;box-shadow:inset 0 0 0 2px #8a5a2a}
.ph-toggle::after{content:"";position:absolute;top:5px;left:5px;width:18px;height:18px;background:#fbe8c4;box-shadow:inset 0 -3px 0 #c9a07a,0 0 0 2px #8a5a2a;transition:.15s}
.ph-toggle.on{background:#5aa65a;box-shadow:inset 0 0 0 2px #2f6b3a}
.ph-toggle.on::after{left:29px;box-shadow:inset 0 -3px 0 #c9a07a,0 0 0 2px #2f6b3a}
.ph-msg{padding:10px 12px;margin-bottom:6px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge);font-size:13.5px;line-height:1.45}
.ph-msg b{display:block;font-size:12px;color:var(--hl);margin-bottom:3px}
.ph-msg.unread{box-shadow:inset 0 0 0 2px var(--edge),inset 4px 0 0 var(--hl)}

/* редактор персонажа */
.ed{display:grid;grid-template-columns:220px 1fr;gap:18px}
.ed-prev{display:flex;flex-direction:column;align-items:center;gap:10px}
.ed-prev canvas{width:128px;height:256px;image-rendering:pixelated;background:radial-gradient(#2a2438,#14111b);box-shadow:inset 0 0 0 2px var(--edge)}
.ed-rot{display:flex;gap:6px}
.ed-name{width:100%}
.ed-name label{display:block;font-family:var(--px);font-size:8px;color:var(--muted);margin-bottom:6px}
.ed-name input{width:100%;padding:10px 12px;font-size:15px;background:#0e0c14;border:0;box-shadow:inset 0 0 0 2px var(--edge);color:var(--text)}
.ed-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.ed-sec{margin-bottom:12px}
.ed-sec>b{display:block;font-family:var(--px);font-size:8px;color:var(--muted);margin-bottom:6px}
.ed-opts{display:flex;flex-wrap:wrap;gap:5px}
.ed-o{min-width:40px;height:36px;padding:0 9px;font-size:12.5px;background:var(--panel-2);border:0;box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer;color:var(--text);display:inline-flex;align-items:center;gap:5px}
.ed-o.on{box-shadow:inset 0 0 0 2px var(--yellow)}
.ed-o.lock{opacity:.6}
.ed-sw{width:30px;height:30px;border:0;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(0,0,0,.4)}
.ed-sw.on{box-shadow:inset 0 0 0 3px var(--yellow)}

/* академия */
.acad-weeks{display:grid;gap:6px}
.acad-w{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;padding:11px 12px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge);border:0;width:100%;text-align:left;cursor:pointer;color:var(--text)}
.acad-w i{width:8px;height:100%;min-height:34px;background:var(--c)}
.acad-w b{display:block;font-family:var(--px);font-size:9px;font-weight:400;line-height:1.6}
.acad-w span{display:block;font-size:12.5px;color:var(--muted)}
.acad-w em{font-style:normal;font-family:var(--px);font-size:8px}
.lesson{padding:14px;background:#0e0c14;box-shadow:inset 0 0 0 2px var(--edge);font-size:15px;line-height:1.6;color:var(--text-2);min-height:140px}
.lesson b{color:var(--yellow);font-weight:600}
.lesson h4{margin:0 0 8px;font-family:var(--px);font-size:9px;font-weight:400;line-height:1.6;color:var(--text)}
.lq{display:grid;gap:6px;margin-top:12px}
.lq button{padding:11px 12px;font:inherit;font-size:14px;line-height:1.4;text-align:left;color:var(--text);background:var(--panel-2);border:0;box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer}
.lq button:hover{box-shadow:inset 0 0 0 2px var(--edge-2)}
.lq button.good{background:#16301f;box-shadow:inset 0 0 0 2px var(--green)}
.lq button.bad{background:#341416;box-shadow:inset 0 0 0 2px var(--red)}
.lq button[disabled]{cursor:default}
.tariffs{display:grid;gap:8px}
.tariff{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;padding:13px 14px;background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--edge)}
.tariff.own{box-shadow:inset 0 0 0 2px var(--green)}
.tariff b{font-family:var(--px);font-size:10px;font-weight:400;line-height:1.5}
.tariff b .tag{margin-left:6px;font-size:8px;color:var(--yellow)}
.tariff span{grid-column:1;font-size:13px;color:var(--muted);line-height:1.4}
.tariff .pbtn{grid-row:1/3;grid-column:2}
.diploma{padding:22px 18px;text-align:center;background:#1d1708;box-shadow:inset 0 0 0 3px #c9a45c,inset 0 0 0 6px #1d1708,inset 0 0 0 8px #7a5f2e}
.diploma b{display:block;font-family:var(--px);font-size:13px;font-weight:400;color:var(--yellow);line-height:1.6}
.diploma span{display:block;margin-top:8px;font-size:14px;color:var(--text-2)}

@media (max-width:720px){
  .dialog .pi{grid-template-columns:1fr;gap:8px}
  .dialog .portrait{width:52px;height:52px}
  .d-text{font-size:15px;min-height:0}
  .win-wrap{padding:0;place-items:end stretch}
  .win{width:100%;max-height:94dvh}
  .win-body{padding:14px 14px 20px}
  .w-vids,.w-quotes{grid-template-columns:1fr}
  .ed{grid-template-columns:1fr}
  .ed-prev{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .ed-prev canvas{width:72px;height:144px}
  .res-big b{font-size:12px}
  .phone-wrap{padding:0}
  .phone{--n:0px;width:100%;height:100dvh;padding:6px 6px 28px}
  .ph-home{bottom:7px}
}