@font-face{font-family:'Russo One';src:url('/templates/igroutka_new/webfonts/russo-one-cyrillic.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Black Ops One';src:url('/templates/igroutka_new/webfonts/black-ops-one-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Manrope';src:url('/templates/igroutka_new/webfonts/manrope-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Manrope';src:url('/templates/igroutka_new/webfonts/manrope-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Manrope';src:url('/templates/igroutka_new/webfonts/manrope-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}*{background:transparent;margin:0;padding:0;outline:none;border:0;box-sizing:border-box}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img,table,iframe,video,frame,embed,object{max-width:100%}body{font:14px 'Manrope',sans-serif;line-height:normal;padding:0;margin:0;color:var(--tt);background:var(--bg);min-height:100%;width:100%;font-weight:400;overflow-x:hidden;letter-spacing:0.02em}a{color:var(--tt);text-decoration:none}a:hover,a:focus{color:var(--tt);text-decoration:none}h1,h2,h3,h4,h5{font-weight:600;font-size:16px}::selection{background:#ff0000;color:#fff}b,strong,.bolder{font-weight:700}button,select,textarea,input[type="text"],input[type="password"],input[type="button"],input[type="submit"]{appearance:none;-webkit-appearance:none;font-size:16px;font-family:inherit}button,.btn,input[type="button"],input[type="reset"],input[type="submit"],.form__btn,.qq-upload-button,.pm__links a,.usp__btn a{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;padding:0 20px;height:40px;font-size:15px;font-weight:400;white-space:nowrap;background-color:var(--accent);color:#fff;border-radius:3px;box-shadow:none}button:hover,.btn:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.form__btn:hover,.qq-upload-button:hover,.pm__links a:hover,.usp__btn a:hover{background-color:var(--accent-darker);color:#fff;border-color:var(--accent-darker)}button:active,input[type="button"]:active,input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1)}.color-btn,[class*=fr],[class*=plyr],[class*=owl-],[id*=mceu]{padding:0;margin:0;line-height:normal;border:0;box-shadow:none;background:none;border-radius:0}input[type="text"],input[type="password"]{height:40px;line-height:40px;border-radius:4px;padding:0 15px}select{height:40px;padding:0 15px;display:block}select:not([multiple]){background-image:url(/templates/igroutka_new/dleimages/chevron.svg);padding-right:30px;background-repeat:no-repeat;background-position:right 15px top 50%;background-size:.6em auto}select option{padding:6px 10px}select[multiple]{padding:0 5px}textarea{padding:15px;overflow:auto;vertical-align:top;resize:vertical}input[type="text"],input[type="password"],select,textarea{width:100%;background-color:var(--ui-bg);color:var(--tt);box-shadow:inset 0 0 0 1px var(--ui-bdc)}input[type="text"]:focus,input[type="password"]:focus,textarea:focus{box-shadow:inset 0 0 0 1px var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1;font-size:13px}input:focus::placeholder,textarea:focus::placeholder{color:transparent}.img-box,.img-wide,.img-responsive,.img-fit-cover{overflow:hidden;position:relative}.img-responsive{padding-top:60%}.img-responsive--portrait{padding-top:150%}.img-box>img,.img-responsive>img{width:100%;min-height:100%;display:block}.img-responsive>img{position:absolute;left:0;top:0}.img-wide img,.img-wide>a{width:100%;display:block}.img-fit-cover img{width:100%;height:100%;object-fit:cover}.clr{clear:both}.clearfix::after{content:"";display:table;clear:both}.ws-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vw100{margin:0 calc((100% - 100vw)/2);padding:0 calc((100vw - 100%)/2)}.img-mask::before{content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:20%;background:linear-gradient(to top,#000 0%,transparent 100%);opacity:1}.d-flex,.fx-row,#dle-content{display:flex;flex-wrap:wrap;flex-direction:row}.fd-column,.fx-col{flex-direction:column;flex-wrap:nowrap}.jc-space-between,.fx-row{justify-content:space-between}.jc-flex-start,.fx-start,#dle-content{justify-content:flex-start}.jc-center,.fx-center{justify-content:center}.jc-flex-end{justify-content:flex-end}.ai-flex-start{align-items:flex-start}.ai-center,.fx-middle{align-items:center}.ai-flex-end{align-items:flex-end}.order-first{order:-1}.order-last{order:10}.flex-grow-1,.fx-1,.stretch-free-width{flex:1 1 0;max-width:100%;min-width:50px}.btn-icon,.centered-content{display:inline-flex;justify-content:center;align-items:center}.icon-at-left [class*="ls"],.icon-left .icon{margin-right:0.5em;vertical-align:middle}.icon-at-right [class*="ls"],.icon-right .icon{margin-left:0.5em;vertical-align:middle}.hidden,#dofullsearch,.form__header .form__btn,.comment-item__main .quote+br,.d-none{display:none}.item img,.item__btn,.item__label-play,.short-item img{transition:transform .3s,opacity .3s}#dle-content>*:not(.grid-item),#dle-content{width:100%}#dle-content,.d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:10px 10px;grid-auto-flow:row dense}#dle-content>*:not(.grid-item){grid-column:1 / -1}.sb__menu li img{opacity:1}.sb__menu img[src*=\/i\/]{opacity:0.6}.sb__menu img[src*=\/i\/]{filter:invert(1);opacity:0.8}.sb__menu li svg,.sb__menu li img{width:24px;height:24px;display:block;pointer-events:none;position:absolute;left:0;top:50%;translate:0 -50%;opacity:0.6;z-index:3}.lds-facebook{display:block;position:relative;width:80px;height:80px;margin:25px auto}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:#e7e7e7;animation:lds-facebook 1.2s cubic-bezier(0,0.5,0.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-0.24s}.lds-facebook div:nth-child(2){left:32px;animation-delay:-0.12s}.lds-facebook div:nth-child(3){left:56px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:64px}50%,100%{top:24px;height:32px}}:root{--bg:#1E2023;--surface:#24262A;--card:#2A2D31;--card-2:#34373D;--border:#34373D;--border-2:#444950;--text:#F2F3F5;--text-2:#CDD0D5;--muted:#A9AFB8;--muted-2:#9BA1AA;--accent:#F97316;--accent-soft:rgba(249,115,22,.10);--accent-line:rgba(249,115,22,.32);--accent-darker:#EA580C;--online:#5BB870;--r-s:8px;--r-m:14px;--r-l:20px;--display:"Black Ops One","Russo One","Display Fallback",ui-sans-serif,system-ui,sans-serif;--body:"Manrope","Manrope Metrics",ui-sans-serif,system-ui,sans-serif;--tt:#F2F3F5;--tt-2:#CDD0D5;--bg-2:#24262A;--bg-dark:#1E2023;--ui-bg:#24262A;--ui-bg-darker:#2A2D31;--ui-bg-darkest:#1E2023;--ui-bdc:#34373D;--ui-bg-accent:rgba(249,115,22,.10);--text-color-on-accent:#0B0B0E;--ui-text-color-on-accent:#0B0B0E;--yellow:#F97316;--indent:28px;}
/* Смысловые цвета (одинаковы в обеих темах) */
:root{--white:#FFFFFF;--black:#000000;--danger:#E74C3C;--danger-strong:#C0392B;--danger-strong-hover:#A93226;--danger-soft:#F87171;--logout:#CF6679;--info:#5B9CF6;--violet:#A78BFA;--medal-silver:#CECDC4;--medal-bronze:#CD7F32;--accent-hover:#FB923C;--streak:#FF7A00;--stage-glow:#282B2F}
:root[data-theme="light"]{--bg:#F1F2F4;--surface:#FAFBFC;--card:#FFFFFF;--card-2:#E9EBEF;--border:#E2E5E9;--border-2:#C9CED6;--text:#14141A;--text-2:#3F3F45;--muted:#686870;--muted-2:#686870;--accent-soft:rgba(249,115,22,.08);--accent-line:rgba(249,115,22,.36);--tt:#14141A;--tt-2:#3F3F45;--bg-2:#FAFBFC;--ui-bg:#FFFFFF;--ui-bg-darker:#E9EBEF;--ui-bg-darkest:#F1F2F4;--ui-bdc:#E2E5E9;}body{font-family:var(--body);font-size:0.9375rem;line-height:1.55;overflow-x:hidden;font-feature-settings:"ss01","cv11";background:var(--bg);color:var(--text);}h1,h2,h3,h4,h5{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.1;}a{color:inherit;text-decoration:none;}.icon{display:inline-block;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle;}.icon-sm{width:14px;height:14px;}.icon-lg{width:22px;height:22px;}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:290;display:none;}#sidebar{position:fixed;top:0;left:0;bottom:0;width:264px;background:var(--surface);border-right:1px solid var(--border);z-index:300;transform:translateX(-100%);transition:transform .32s cubic-bezier(.2,0,0,1);display:flex;flex-direction:column;overflow-y:auto;}#sidebar.open{transform:translateX(0);}#sidebar::-webkit-scrollbar{width:6px;}#sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}#sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:299;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.2,0,0,1);}#sidebar-backdrop.open{opacity:1;pointer-events:auto;}.sb-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:1;}.sb-close{width:32px;height:32px;border-radius:var(--r-s);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;cursor:pointer;border:0;}.sb-close:hover{background:var(--card);color:var(--text);}.sb-section{padding:12px 0;border-bottom:1px solid var(--border);}.sb-section:last-child{border-bottom:0;}.sb-title{font-family:var(--display);font-size:0.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:0 22px 8px;}.sb-item{display:flex;align-items:center;gap:14px;padding:9px 22px;color:var(--text-2);font-size:0.875rem;font-weight:500;transition:background .15s,color .15s;text-decoration:none;}.sb-item:hover{background:var(--card);color:var(--text);}.sb-item.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 0 var(--accent);}.sb-item .icon{color:var(--muted);}.sb-item.active .icon,.sb-item:hover .icon{color:var(--text);}.sb-label{flex:1;}.sb-footer{display:none;}.sb-theme-item .icon-sun,.sb-theme-item .icon-moon{display:none;}:root[data-theme="dark"] .sb-theme-item .icon-sun{display:inline-block;}:root[data-theme="light"] .sb-theme-item .icon-moon{display:inline-block;}.sb-footer .sb-item{background:transparent !important;border:1px solid var(--accent-line) !important;border-radius:var(--r-s);color: var(--accent);cursor:pointer;width:100%;box-shadow:none;}.sb-footer .sb-item .icon{color: var(--accent);opacity:1;}.sb-footer .sb-item:hover{background:var(--accent-soft) !important;border-color:var(--accent) !important;}.sb-tag{font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:transparent;color: var(--accent);border:1px solid var(--accent-line);}.topbar{position:sticky;top:0;z-index:200;height:64px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.1) blur(12px);-webkit-backdrop-filter:saturate(1.1) blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--indent);}.topbar-inner{width:100%;max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:12px;}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:var(--display);font-size:1.125rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--text);text-decoration:none;}.logo-mark{width:34px;height:34px;border-radius:var(--r-s);background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.logo-mark .icon{stroke:var(--text-on-accent);width:18px;height:18px;stroke-width:2;}.logo-pro{color: var(--accent);margin-left:1px;}.logo-icon{display:none;}.search-wrap{flex:1;max-width:440px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-s);padding:0 14px;height:40px;transition:border-color .2s,background .2s;}.search-wrap:focus-within{border-color:var(--border-2);background:var(--card-2);}.search-wrap .icon{color:var(--muted);width:16px;height:16px;}.search-submit{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;flex-shrink:0;background:transparent;border:0;cursor:pointer;}.search-submit .icon{color:var(--muted);width:16px;height:16px;}.search-submit:hover .icon{color:var(--text);}.search-wrap input[type="text"],.search-wrap input[type="search"]{flex:1;background:0;border:0;outline:0;color:var(--text);font-size:0.875rem;box-shadow:none;height:auto;padding:0;width:100%;}.search-wrap input::placeholder{color:var(--muted-2);}.search-btn{display:none;}.tb-gap{flex:1;}.icon-btn{width:40px;height:40px;border-radius:var(--r-s);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0;cursor:pointer;border:0;position:relative;}.icon-btn:hover{background:var(--card);color:var(--text);}.icon-btn .badge{position:absolute;top:4px;right:4px;background:var(--accent);color:var(--text-on-accent);font-size:0.75rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-family:var(--display);}.icon-btn .badge:empty,.icon-btn .badge[data-zero="true"]{display:none;}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none;}:root[data-theme="dark"] .theme-toggle .icon-sun{display:block;}:root[data-theme="light"] .theme-toggle .icon-moon{display:block;}.tbtn{padding:0 16px;height:40px;border-radius:var(--r-s);font-family:var(--display);font-weight:400;font-size:0.8125rem;letter-spacing:.02em;display:inline-flex;align-items:center;transition:background .15s,color .15s,transform .12s;white-space:nowrap;text-decoration:none;border:0;cursor:pointer;}.tbtn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border);}.tbtn-ghost:hover{background:var(--card);color:var(--text);}.tbtn-primary{background:var(--accent);color:var(--text-on-accent);}.tbtn-primary:hover{background:var(--accent-darker);}.tbtn-primary:active{transform:translateY(1px);}.topbar-right{display:contents;}.hot-menu{position:relative;}.hot-menu .hm{display:none;}.navtabs{background:var(--bg);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;}.navtabs::-webkit-scrollbar{display:none;}.navtabs-inner{max-width:1320px;margin:0 auto;padding:0 var(--indent);display:flex;}.ntab{padding:13px 16px;font-size:0.8125rem;font-weight:500;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}.ntab:first-child{padding-left:0;}.ntab:hover{color:var(--text);}.ntab.on,.ntab.active{color:var(--text);border-bottom-color:var(--accent);}.ntab svg{display:none;}.ntab--all{margin-left:auto;align-self:center;padding:5px 14px;border:1px solid var(--accent-line);border-bottom-color:var(--accent-line);border-radius:100px;color: var(--accent);background:var(--accent-soft);font-size:0.875rem;}.ntab--all:hover{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:var(--accent);color: var(--accent);}.page,.page-wrap{max-width:1320px;margin:0 auto;padding:32px var(--indent) 96px;}.crumbs{max-width:1320px;margin:0 auto;padding:16px var(--indent) 0;}.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;font-size:0.8125rem;color:var(--muted);}.crumbs li{display:inline-flex;align-items:center;gap:10px;}.crumbs li:not(:last-child)::after{content:"/";color:var(--muted-2);font-size:0.75rem;}.crumbs a{color:var(--muted);transition:color .15s;}.crumbs a:hover{color:var(--text);}.crumbs [aria-current="page"]{color:var(--text);font-weight:500;}.speedbar{max-width:1320px;margin:0 auto;font-size:0.8125rem;color:var(--muted);padding:16px var(--indent) 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.speedbar a{color:var(--muted);transition:color .15s;}.speedbar a:hover{color:var(--text);}.speedbar svg{color:var(--muted);}.section,.sect{margin-bottom:48px;}.sec-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;gap:16px;}.sec-hd h2, .sec-hd .sec-title,.sect__title{font-size:1.375rem;font-weight:400;letter-spacing:-.01em;font-family:var(--display);color:var(--text);display:flex;align-items:center;gap:8px;}.sec-hd h2 .icon, .sec-hd .sec-title .icon{color: var(--accent);width:20px;height:20px;flex-shrink:0;}.sec-meta{font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-left:12px;}.more-link{font-size:0.8125rem;font-weight:500;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color .15s;text-decoration:none;}.more-link:hover{color:var(--text);}.more-link .icon{width:14px;height:14px;}.hero{display:grid;grid-template-columns:1fr 340px;gap:16px;margin-bottom:40px;}.hero-main{position:relative;border-radius:var(--r-l);overflow:hidden;background:var(--card);border:1px solid var(--border);min-height:300px;display:flex;}.hero-art{position:absolute;inset:0;background:var(--card-2);}.hero-art img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(4px) brightness(0.75);transform:scale(1.05);}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 88%,transparent) 0%,color-mix(in srgb,var(--bg) 50%,transparent) 55%,color-mix(in srgb,var(--bg) 65%,transparent) 100%);pointer-events:none;}.hero-body{position:relative;z-index:1;padding:32px 36px;display:flex;flex-direction:column;justify-content:flex-end;max-width:540px;}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin-bottom:14px;}.hero-eyebrow .live{width:6px;height:6px;border-radius:50%;background:var(--online);}.hero h1,.hero-title{font-size:2.375rem;font-weight:400;letter-spacing:-.015em;margin-bottom:12px;font-family:var(--display);color:var(--text);}.hero-sub{color:var(--text-2);font-size:0.875rem;max-width:420px;margin-bottom:22px;line-height:1.6;}.hero-acts{display:flex;gap:10px;align-items:center;}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:0 22px;height:46px;border-radius:var(--r-s);background:var(--accent);color:var(--text-on-accent);font-family:var(--display);font-weight:400;font-size:0.875rem;letter-spacing:.02em;transition:background .15s,transform .12s;border:0;cursor:pointer;text-decoration:none;}.btn-primary:hover{background:var(--accent-darker);color:var(--text-on-accent);}.btn-primary:active{transform:translateY(1px);}.btn-primary .icon{color:var(--text-on-accent);width:16px;height:16px;stroke-width:2.2;}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:46px;border-radius:var(--r-s);background:transparent;color:var(--text);border:1px solid var(--border-2);font-family:var(--display);font-weight:400;font-size:0.875rem;transition:background .15s,border-color .15s;cursor:pointer;text-decoration:none;}.btn-secondary:hover{background:var(--card);border-color:var(--muted);color:var(--text);}.hero-side{display:flex;flex-direction:column;gap:14px;}.promo{flex:1;border-radius:var(--r-m);padding:20px;background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s,background .15s;text-decoration:none;color:var(--text);}.promo:hover{border-color:var(--border-2);background:var(--card-2);}.promo-eyebrow{font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}.promo h3,.promo h2,.promo .promo-title{font-size:1.0625rem;font-weight:400;letter-spacing:-.01em;line-height:1.25;font-family:var(--display);}.promo-meta{font-size:0.8125rem;color:var(--muted);margin-top:6px;}.promo-cta{align-self:flex-start;margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:400;font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase;color: var(--accent);border-bottom:1px solid var(--accent-line);padding-bottom:2px;transition:color .15s,border-color .15s;}.promo-cta:hover{color:var(--accent-darker);border-color:var(--accent-darker);}.continue-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}.continue-strip::-webkit-scrollbar{display:none;}.cs-item{flex:0 0 100px;width:100px;height:100px;border-radius:var(--r-m);overflow:hidden;position:relative;display:block;background:var(--card-2);transition:transform .18s cubic-bezier(.2,0,0,1);}.cs-item img{width:100%;height:100%;object-fit:cover;display:block;}.cs-item:hover{transform:translateY(-3px);}.cs-overlay{position:absolute;inset:0;background:rgba(11,11,14,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;}.cs-item:hover .cs-overlay{opacity:1;}.cs-overlay svg{fill:var(--accent);stroke:none;opacity:.9;}.game-grid{display:grid;gap:14px;}.gg-8{grid-template-columns:repeat(8,minmax(0,1fr));}.gg-6{grid-template-columns:repeat(6,minmax(0,1fr));}.gg-4{grid-template-columns:repeat(4,minmax(0,1fr));}#dle-content{display:contents;}.gcard{display:flex;flex-direction:column;gap:8px;position:relative;min-width:0;}.gcard-thumb{display:block;width:100%;aspect-ratio:1/1;border-radius:var(--r-m);overflow:hidden;background:var(--card-2);position:relative;transition:transform .18s cubic-bezier(.2,0,0,1);}.gcard-thumb img,.gcard-thumb>span,.gcard-thumb>span img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;}.gcard:hover .gcard-thumb{transform:translateY(-3px);}.gcard-overlay{position:absolute;inset:0;background:rgba(11,11,14,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;}.gcard:hover .gcard-overlay{opacity:1;}.gcard-overlay svg{width:40px;height:32px;fill:var(--accent);stroke:none;opacity:.9;}.gbadge{font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.10em;text-transform:uppercase;padding:3px 7px;border-radius:5px;background:var(--bg-dark);color:var(--text);border:1px solid var(--border-2);pointer-events:none;}.gcard-rating-badge{position:absolute;bottom:8px;right:8px;font-family:var(--display);font-size:0.75rem;font-weight:400;padding:3px 7px;border-radius:5px;background:rgba(11,11,14,.7);color:var(--text);border:1px solid var(--border);}.gcard-info{padding:0 2px;overflow:hidden;min-width:0;}.gcard-name{font-family:var(--body);font-size:0.8125rem;font-weight:600;color:var(--text);letter-spacing:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-decoration:none;}.gcard-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:0.75rem;color:var(--muted);}.gcard-stat{display:inline-flex;align-items:center;gap:3px;}.gcard-stat .icon{color: var(--accent);opacity:.8;}.gprog{height:2px;background:var(--border);margin-top:6px;border-radius:1px;overflow:hidden;}.gprog i{display:block;height:100%;background:var(--accent);}.gcard-badges{position:absolute;top:8px;left:8px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;}.desk-only{font-size:0.75rem;color:var(--muted);background:rgba(11,11,14,.75);border:1px solid var(--border);border-radius:5px;padding:3px 7px;display:flex;align-items:center;gap:4px;}.desk-only-ico{display:inline-flex;align-items:center;gap:4px;}.desk-only-svg{width:12px;height:12px;display:block;flex-shrink:0;fill:currentColor;}.grid-item{}.cat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}.catcard{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--border);transition:background .15s,border-color .15s,transform .15s;text-decoration:none;color:var(--text);}.catcard:hover{background:var(--card-2);border-color:var(--border-2);transform:translateY(-2px);}.catcard-ico{width:40px;height:40px;border-radius:var(--r-s);background:var(--card-2);color:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s;}.catcard:hover .catcard-ico{background:var(--accent);color:var(--text-on-accent);}.catcard-ico .icon{width:20px;height:20px;stroke-width:1.6;}.catcard-name{font-family:var(--display);font-size:0.8125rem;font-weight:400;letter-spacing:.01em;color:var(--text);}.catcard-count{font-size:0.75rem;color:var(--muted);margin-top:2px;}.toplist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;counter-reset:toprank;}.topitem{counter-increment:toprank;}.topnum::before{content:counter(toprank);}.topitem{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--border);transition:background .15s,border-color .15s;text-decoration:none;color:var(--text);}.topitem:hover{background:var(--card-2);border-color:var(--border-2);}.topnum{font-family:var(--display);font-size:1.75rem;font-weight:400;letter-spacing:-.02em;color:var(--muted-2);width:40px;text-align:center;line-height:1;font-variant-numeric:tabular-nums;flex-shrink:0;}.topitem:nth-child(-n+3) .topnum{color: var(--accent);}.topthumb{width:48px;height:48px;border-radius:var(--r-s);overflow:hidden;flex-shrink:0;background:var(--card-2);}.topthumb img{width:100%;height:100%;object-fit:cover;display:block;}.topbody{flex:1;min-width:0;}.topname{font-family:var(--body);font-size:0.875rem;font-weight:600;color:var(--text);letter-spacing:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.topmeta{font-size:0.75rem;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:6px;}.sect-categories{margin-bottom:36px;}.sect-categories__tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;}.sect-categories__tabs-item{padding:7px 14px;border-radius:var(--r-s);font-size:0.8125rem;font-weight:500;color:var(--muted);background:var(--card);border:1px solid var(--border);cursor:pointer;transition:color .15s,background .15s,border-color .15s;}.sect-categories__tabs-item:hover{color:var(--text);background:var(--card-2);}.sect-categories__tabs-item.active{color:var(--text);background:var(--accent-soft);border-color:var(--accent-line);}.sect-categories__boxes-item{display:none;}.sect-categories__boxes-item.visible{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0 20px;align-items:flex-start;}.bubble-item{width:74px;height:74px;border-radius:50%;overflow:hidden;display:block;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);animation:bubble-drift 5s ease-in-out infinite;will-change:transform;}.bubble-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;}.bubble-item:hover{animation-play-state:paused;filter:brightness(1.12) drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 55%, transparent));}@keyframes bubble-drift{0%{transform:translate(0,0);}20%{transform:translate( 4px,-10px);}45%{transform:translate(-5px,-16px);}65%{transform:translate( 7px,-8px);}85%{transform:translate(-3px,-12px);}100%{transform:translate(0,0);}}.bubble-item:nth-child(2n){animation-delay:-0.9s;animation-duration:5.4s;}.bubble-item:nth-child(3n){animation-delay:-1.8s;animation-duration:4.7s;}.bubble-item:nth-child(5n){animation-delay:-2.7s;animation-duration:6.1s;}.bubble-item:nth-child(7n){animation-delay:-0.5s;animation-duration:5.8s;}.bubble-item:nth-child(11n){animation-delay:-3.3s;animation-duration:4.3s;}.bubble-item:nth-child(13n){animation-delay:-1.4s;animation-duration:6.6s;}.bubble-item:nth-child(17n){animation-delay:-4.1s;animation-duration:5.0s;}.lds-facebook{display:flex;align-items:center;justify-content:center;gap:6px;padding:32px;grid-column:1/-1;}.lds-facebook div{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:lds-fb .6s alternate infinite;}.lds-facebook div:nth-child(2){animation-delay:.2s;}.lds-facebook div:nth-child(3){animation-delay:.4s;}@keyframes lds-fb{to{opacity:.2;transform:scale(.7);}}.descr{border-radius:var(--r-m);background:var(--card);border:1px solid var(--border);padding:24px 28px;margin-bottom:32px;}.descr h1{font-size:1.375rem;font-weight:700;margin-bottom:14px;}.descr h2{font-size:1.125rem;font-weight:600;line-height:1.3;margin:20px 0 10px;padding-left:12px;border-left:3px solid var(--accent);}.descr h3{font-size:1rem;font-weight:600;margin:16px 0 8px;}.descr h4{font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin:14px 0 6px;}.descr p{font-size:0.875rem;line-height:1.75;color:var(--text-2);margin-bottom:10px;}.descr ul,.descr ol{padding-left:0;margin:8px 0 14px;}.descr ul{list-style:none;}.descr ul li{font-size:0.875rem;line-height:1.7;color:var(--text-2);padding-left:18px;position:relative;margin-bottom:4px;}.descr ul li::before{content:'';position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0.75;}.descr ol{list-style:none;counter-reset:descr-ol;}.descr ol li{font-size:0.875rem;line-height:1.7;color:var(--text-2);padding-left:30px;position:relative;margin-bottom:6px;counter-increment:descr-ol;}.descr ol li::before{content:counter(descr-ol);position:absolute;left:0;top:2px;width:20px;height:20px;line-height:20px;text-align:center;background:var(--accent);color:var(--text-on-accent);border-radius:50%;font-size:0.75rem;font-weight:700;}.descr--top{margin-bottom:24px;}.descr--btm{margin-top:40px;}.descr__text{position:relative;}.descr__text.not-active{max-height:120px;overflow:hidden;}.descr__text.not-active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to bottom,transparent,var(--card));pointer-events:none;}.descr__btn{display:inline-flex;align-items:center;gap:6px;color: var(--accent);font-size:0.8125rem;font-weight:500;cursor:pointer;margin-top:14px;padding:6px 16px;border:1px solid var(--accent);border-radius:20px;background:transparent;transition:background .15s,color .15s;user-select:none;}.descr__btn:hover{background:var(--accent);color:var(--text-on-accent);}.descr__btn .icon{width:16px;height:16px;transition:transform .25s;flex-shrink:0;}.descr__btn.open .icon{transform:rotate(180deg);}.descr__with-icon::after{content:"";display:block;clear:both;}.descr__with-icon .descr__icon{float:left;width:96px;height:96px;object-fit:cover;border-radius:var(--r-m);margin:2px 18px 12px 0;}@media(max-width:560px){.descr__with-icon .descr__icon{width:72px;height:72px;margin:2px 14px 10px 0;}}.navigation,.navi,.navi-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:32px 0 0;}.navi a,.navi span,.navigation a,.navigation span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--r-s);font-size:0.8125rem;font-weight:500;background:var(--card);color:var(--muted);border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s;text-decoration:none;}.navi a:hover,.navigation a:hover{background:var(--card-2);color:var(--text);border-color:var(--border-2);}.navi span.current,.navigation span.current,.navi a.current,.navigation a.current{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);}.pages{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;}.page_next-prev{display:flex;gap:4px;}.pages span:not(.nav_ext){background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);}.game-grid .navigation,.game-grid .navi,.game-grid .navi-bottom{grid-column:1 / -1;}.game-grid>.form,.game-grid>#options,.game-grid>.usp{grid-column:1 / -1;}.nav-icon{fill:currentColor;stroke:none;width:12px;height:12px;}.info_block{padding:14px 20px;border-radius:var(--r-s);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--text);font-size:0.875rem;margin-bottom:20px;}.search-page{display:flex;flex-direction:column;gap:20px;grid-column:1 / -1;}.search-page__title{font-size:1.25rem;font-weight:700;color:var(--text);}.searchtable{background:var(--card);border-radius:var(--r-m);overflow:hidden;}.searchtable input[type="text"],.searchtable input[type="search"]{width:100%;padding:14px 16px;background:transparent;border:none;outline:none;color:var(--text);font-size:1rem;font-family:inherit;}.searchtable input[type="submit"],.searchtable button[type="submit"]{padding:10px 24px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--r-s);font-weight:600;font-size:0.9rem;cursor:pointer;white-space:nowrap;font-family:inherit;}.searchtable input[type="submit"]:hover,.searchtable button[type="submit"]:hover{opacity:.88;}.searchtable form{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 4px;}.message-info{padding:14px 20px;border-radius:var(--r-s);font-size:0.875rem;color:var(--text-2);background:var(--card);border:1px solid var(--border);grid-column:1 / -1;}.message-info::before{display:none;}.message-info--yellow{background:var(--card);border-color:var(--border);}#searchsuggestions{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);z-index:400;box-shadow:0 8px 32px rgba(0,0,0,.4);max-height:400px;overflow-y:auto;margin-top:4px;width:420px;max-width:calc(100vw - 32px);padding:6px;}.ss-list{display:flex;flex-direction:column;gap:2px;}.ss-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-s);text-decoration:none;color:var(--text);transition:background .15s;}.ss-item:hover,.ss-item:focus{background:var(--card-2);}.ss-item__thumb{width:44px;height:44px;flex-shrink:0;border-radius:var(--r-s);overflow:hidden;background:var(--card);}.ss-item__thumb img{width:100%;height:100%;object-fit:cover;display:block;}.ss-item__body{min-width:0;flex:1;}.ss-item__title{display:block;font-size:0.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ss-item__desc{display:block;font-size:0.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ss-more{display:block;text-align:center;padding:10px;font-size:0.8125rem;color: var(--accent);text-decoration:none;border-top:1px solid var(--border);margin-top:4px;}.ss-more:hover{color:var(--accent-darker);}.ss-empty{padding:16px;text-align:center;color:var(--muted);font-size:0.875rem;}#pagination{margin:32px 0 8px;}.pagination__btn-loader{margin-bottom:16px;}.pagination__btn-loader a,.pagination__btn-loader span{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 32px;border-radius:var(--r-s);background:var(--card);border:1px solid var(--border-2);color:var(--text-2);font-family:var(--display);font-size:0.875rem;font-weight:400;text-decoration:none;transition:background .15s,border-color .15s,color .15s;}.pagination__btn-loader a:hover{background:var(--card-2);border-color:var(--muted);color:var(--text);}.pagination__pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;}.pagination__pages a,.pagination__pages span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;border-radius:var(--r-s);font-family:var(--display);font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;text-decoration:none;transition:background .15s,color .15s;}.pagination__pages a{background:var(--card);border:1px solid var(--border);color:var(--text-2);}.pagination__pages a:hover{background:var(--card-2);border-color:var(--border-2);color:var(--text);}.pagination__pages span.npage,.pagination__pages .npage{background:var(--accent);color:var(--text-on-accent);border:1px solid var(--accent);cursor:default;}.pagination__pages span:not(.npage){background:none;border:none;color:var(--muted);min-width:24px;letter-spacing:.05em;}footer,.footer{background:var(--surface);border-top:1px solid var(--border);padding:48px 0 28px;margin-top:auto;}.footer-inner{max-width:1320px;margin:0 auto;padding:0 var(--indent);}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:36px;}.footer-brand p,.footer-desc{font-size:0.875rem;color:var(--muted);margin-top:12px;line-height:1.7;max-width:340px;}.footer-col h5,.footer-col__title{font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px;}.footer-links{list-style:none;}.footer-col a,.footer-links a{display:block;padding:4px 0;color:var(--muted);font-size:0.875rem;transition:color .15s;text-decoration:none;}.footer-col a:hover,.footer-links a:hover{color:var(--text);}.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:0.8125rem;color:var(--muted);flex-wrap:wrap;gap:12px;}.footer-socials{display:flex;gap:8px;}.fsoc{width:36px;height:36px;border-radius:var(--r-s);background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,border-color .15s;text-decoration:none;}.fsoc:hover{color:var(--text);border-color:var(--border-2);}.footer-age-badge{display:inline-block;padding:3px 8px;border-radius:4px;border:1px solid var(--border);font-size:0.75rem;color:var(--muted);margin-top:8px;}#DLEPush{position:fixed !important;bottom:24px !important;right:24px !important;left:auto !important;top:auto !important;z-index:9999 !important;}.DLEPush-notification.wrapper{background:var(--surface) !important;border:1px solid var(--border-2) !important;border-left:3px solid var(--danger) !important;border-radius:var(--r-m) !important;box-shadow:0 8px 32px rgba(0,0,0,.55) !important;padding:12px 14px !important;margin-bottom:8px !important;max-width:320px !important;color:var(--text) !important;font-size:0.8125rem !important;line-height:1.5 !important;font-family:var(--body) !important;display:flex !important;align-items:flex-start !important;gap:10px !important;}.DLEPush-message{color:var(--text) !important;flex:1;}.DLEPush-header{display:none !important;}.DLEPush-icon{display:none !important;}.DLEPush-close{background:none !important;border:none !important;color:var(--muted) !important;cursor:pointer !important;font-size:1.125rem !important;line-height:1 !important;padding:0 !important;flex-shrink:0 !important;order:2 !important;}.DLEPush-close:hover{color:var(--text) !important;}.ui-dialog{position:fixed !important;background:var(--surface) !important;border:1px solid var(--border-2) !important;border-radius:var(--r-l) !important;box-shadow:0 24px 80px rgba(0,0,0,.7) !important;padding:0 !important;z-index:2100 !important;max-width:calc(100vw - 32px) !important;overflow:hidden !important;}.ui-dialog-titlebar{background:var(--card) !important;border:0 !important;border-bottom:1px solid var(--border) !important;border-radius:var(--r-l) var(--r-l) 0 0 !important;padding:0 20px !important;height:52px !important;display:flex !important;align-items:center !important;}.ui-dialog-title{font-family:var(--display) !important;font-size:1rem !important;font-weight:400 !important;color:var(--text) !important;flex:1 !important;}.ui-dialog-titlebar-close{background:transparent !important;border:0 !important;outline:0 !important;color:var(--muted) !important;cursor:pointer !important;width:32px !important;height:32px !important;border-radius:var(--r-s) !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:background .15s,color .15s !important;flex-shrink:0 !important;}.ui-dialog-titlebar-close:hover{background:var(--card-2) !important;color:var(--text) !important;}.ui-icon-closethick,.ui-button-icon-space{display:none !important;}.ui-dialog-titlebar-close svg{display:block !important;width:18px !important;height:18px !important;flex-shrink:0 !important;overflow:visible !important;}.ui-dialog-titlebar-close:hover svg{stroke: var(--text) !important;}.ui-dialog-content{background:var(--surface) !important;padding:20px 20px 24px !important;overflow-y:auto !important;}.ui-widget-overlay{position:fixed !important;inset:0 !important;background:rgba(0,0,0,.65) !important;z-index:2099 !important;}.ui-resizable-handle{display:none !important;}.ui-dialog-buttonpane{padding:12px 18px !important;border-top:1px solid var(--border) !important;background:var(--card) !important;display:flex !important;justify-content:flex-end !important;gap:8px !important;}.ui-dialog-buttonset{display:flex !important;gap:8px !important;}.ui-dialog .ui-button{padding:7px 18px !important;border-radius:8px !important;border:none !important;cursor:pointer !important;font-size:0.875rem !important;font-weight:500 !important;background:var(--card-2) !important;color:var(--text) !important;}.ui-dialog .ui-button:hover{background:var(--border-2) !important;}.ui-dialog .ui-button.ui-button-delete{background:var(--danger-strong) !important;color:var(--white) !important;}.ui-dialog .ui-button.ui-button-delete:hover{background:var(--danger-strong-hover) !important;}.mobile-menu,.mobile-menu-close,#mobile-menu{display:none !important;}.ann{background:var(--accent);color:var(--text-on-accent);padding:7px var(--indent);text-align:center;font-family:var(--display);font-size:0.75rem;letter-spacing:.02em;}.ad-banner{margin:0 0 24px;}.streak{display:flex;align-items:center;gap:24px;padding:18px 24px;border-radius:var(--r-m);margin-bottom:40px;background:var(--card);border:1px solid var(--border);}.streak-dots{display:flex;gap:6px;}.sd{width:30px;height:30px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.04em;background:var(--card-2);border:1px solid var(--border);color:var(--muted);}.sd.done{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);}.sd.today{background:var(--card-2);color: var(--accent);border-color:var(--accent-line);}.streak-text{flex:1;min-width:0;}.streak-text h3,.streak-text h2, .streak-text .streak-title{font-size:0.9375rem;margin-bottom:2px;}.streak-text p{font-size:0.8125rem;color:var(--muted);font-family:var(--body);font-weight:400;}.streak-cta{padding:0 18px;height:40px;border-radius:var(--r-s);background:transparent;color:var(--text);border:1px solid var(--border-2);font-family:var(--display);font-weight:400;font-size:0.8125rem;transition:background .15s,border-color .15s;flex-shrink:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;}.streak-cta:hover{background:var(--card-2);border-color:var(--muted);color:var(--text);}.quests{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}.quest{padding:20px 22px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--border);transition:background .15s,border-color .15s;}.quest:hover{background:var(--card-2);border-color:var(--border-2);}.quest-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px;}.quest-ico{width:36px;height:36px;border-radius:var(--r-s);background:var(--card-2);color:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.quest-ico .icon{width:18px;height:18px;}.quest-title{font-size:0.875rem;font-weight:600;color:var(--text);}.quest-sub{font-size:0.75rem;color:var(--muted);margin-bottom:10px;}.quest-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px;}.quest-bar-track{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden;}.quest-bar-track i{display:block;height:100%;background:var(--accent);transition:width .6s ease;}.quest-pct{font-family:var(--display);font-size:0.75rem;font-weight:400;color:var(--text);width:32px;text-align:right;font-variant-numeric:tabular-nums;}.quest-reward{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:0.75rem;font-weight:400;letter-spacing:.04em;color: var(--accent);}.quest-reward .icon{width:13px;height:13px;color: var(--accent);}.lgn{position:fixed;inset:0;z-index:2000;align-items:center;justify-content:center;}.lgn::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}.lgn__modal{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-l);width:calc(100% - 32px);max-width:460px;overflow:hidden;animation:lgn-in .18s ease;}@keyframes lgn-in{from{opacity:0;transform:translateY(-12px) scale(.97);}to{opacity:1;transform:none;}}.lgn__ctrl{display:flex;align-items:center;border-bottom:1px solid var(--border);background:var(--card);padding:0 24px;}.lgn__tab{padding:15px 0;margin-right:24px;margin-bottom:-1px;font-family:var(--display);font-size:0.9375rem;font-weight:400;color:var(--muted);text-decoration:none;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:color .15s,border-color .15s;}.lgn__tab:hover{color:var(--text);}.lgn__tab--active{color:var(--text);border-bottom-color:var(--accent);}.lgn__close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--muted);padding:8px;border-radius:var(--r-s);display:flex;align-items:center;transition:background .15s,color .15s;}.lgn__close:hover{background:var(--card-2);color:var(--text);}.lgn__close .icon{width:18px;height:18px;}.lgn__content{padding:28px 32px;}.lgn__header{text-align:center;margin-bottom:24px;}.lgn__avatar{width:64px;height:64px;border-radius:50%;background:var(--card-2) center/cover no-repeat;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden;}.lgn__avatar .icon{width:28px;height:28px;color:var(--muted);}.lgn__title{font-family:var(--display);font-size:1.25rem;color:var(--text);margin-bottom:4px;}.lgn__caption{font-size:0.8125rem;color:var(--muted);}.lgn__inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;}.lgn__input{display:block;width:100%;height:46px;box-sizing:border-box;background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-s);padding:0 16px;color:var(--text);font-family:var(--body);font-size:0.875rem;outline:none;transition:border-color .15s;}.lgn__input:focus{border-color:var(--accent-line);}.lgn__input::placeholder{color:var(--muted-2);}.lgn__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:8px;}.lgn__remember{display:flex;align-items:center;gap:10px;font-size:0.8125rem;color:var(--text-2);cursor:pointer;}.lgn__remember input[type="checkbox"]{display:none;}.lgn__toggle{width:36px;height:20px;border-radius:10px;flex-shrink:0;background:var(--border-2);display:inline-block;position:relative;transition:background .2s;}.lgn__toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--white);transition:left .2s;}.lgn__remember input:checked~.lgn__toggle{background:var(--accent);}.lgn__remember input:checked~.lgn__toggle::after{left:18px;}.lgn__forgot{font-size:0.8125rem;color: var(--accent);text-decoration:none;flex-shrink:0;}.lgn__forgot:hover{color:var(--accent-darker);}.lgn__submit{display:block;width:100%;height:48px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--r-s);cursor:pointer;font-family:var(--display);font-size:0.9375rem;transition:background .15s;}.lgn__submit:hover{background:var(--accent-darker);}.lgn__modal--user{max-width:340px;}.lgn__menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;}.lgn__menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-s);text-decoration:none;color:var(--text-2);font-size:0.875rem;transition:background .15s,color .15s;}.lgn__menu-item:hover{background:var(--card-2);color:var(--text);}.lgn__menu-item .icon{width:16px;height:16px;opacity:.65;flex-shrink:0;}.lgn__count{margin-left:auto;padding:0 7px;height:18px;min-width:18px;background:var(--accent);color:var(--text-on-accent);border-radius:9px;font-size:0.75rem;font-family:var(--display);display:inline-flex;align-items:center;justify-content:center;}.lgn__menu-item--out{color:var(--logout);}.lgn__menu-item--out:hover{background:rgba(207,102,121,.1);color:var(--logout);}@media (max-width:1100px){.hero{grid-template-columns:1fr;}.hero-side{flex-direction:row;}.promo{flex:1;}.gg-8{grid-template-columns:repeat(4,minmax(0,1fr));}.gg-6{grid-template-columns:repeat(3,minmax(0,1fr));}.cat-row{grid-template-columns:repeat(3,1fr);}.toplist{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}.sect-categories__boxes-item.visible{gap:8px;}.bubble-item{width:64px;height:64px;}}@media (max-width:700px){:root{--indent:16px;}.page,.page-wrap{padding:20px var(--indent) 64px;}.gg-8,.gg-6{grid-template-columns:repeat(2,minmax(0,1fr));}.cat-row{grid-template-columns:repeat(2,1fr);}.hero h1,.hero-title{font-size:1.625rem;}.hero-side{flex-direction:column;}.hero-body{padding:20px 22px;}.footer-grid{grid-template-columns:1fr;gap:24px;}.toplist{grid-template-columns:1fr;}.sect-categories__boxes-item.visible{gap:6px;}.bubble-item{width:54px;height:54px;}.topbar{padding:0 var(--indent);overflow:hidden;}.topbar .tbtn{display:none;}.topbar .streak-pill{display:none;}.topbar .theme-toggle{display:none;}.topbar .js-show-login{display:none;}.sb-footer{display:flex;flex-direction:column;gap:8px;padding:10px 16px 14px;}.streak{flex-wrap:wrap;gap:10px 14px;padding:14px 18px;}.streak-dots{width:100%;order:1;}.streak-text{order:2;flex:1;min-width:0;}.streak-cta{order:3;flex-shrink:0;}.quests{grid-template-columns:1fr;}.descr{padding:18px 20px;}}@media (max-width:480px){.hero{display:block;}.hero-side{display:none;}.streak-cta{width:100%;justify-content:center;}}.icon{display:inline-block;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}.game-layout{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;}.game-layout .section-game{margin-bottom:0;}.section-game{border-radius:var(--r-l);background:var(--card);border:1px solid var(--border);overflow:hidden;}.section-game__header{padding:18px 22px 14px;}.section-game__crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px;padding:0;list-style:none;font-size:0.75rem;color:var(--muted);}.section-game__crumbs li{display:inline-flex;align-items:center;gap:8px;}.section-game__crumbs li:not(:last-child)::after{content:"›";color:var(--muted);font-size:0.8125rem;}.section-game__crumbs a{color:var(--muted);transition:color .15s;}.section-game__crumbs a:hover{color:var(--text);}.section-game__crumbs [aria-current]{color:var(--text);}.header-game{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.header-game__title{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;min-width:0;}.header-game__subtitle{font-family:var(--display);font-weight:500;color:var(--muted);font-size:0.9375rem;letter-spacing:-.005em;}.header-game__edit{display:inline-flex;align-items:center;color:var(--muted);vertical-align:middle;margin-left:6px;}.header-game__edit:hover{color: var(--accent);}.header-game__buttons{display:flex;gap:8px;flex-shrink:0;}.game-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-s);color:var(--text-2);cursor:pointer;transition:color .15s,border-color .15s,background .15s;}.game-button:hover{color:var(--text);border-color:var(--muted);}.game-button.is-on,.game-button.gamelist__added{color: var(--accent);border-color:var(--accent-line);background:var(--accent-soft,rgba(249,115,22,.10));}.game-button .icon{width:18px;height:18px;stroke-width:1.8;}.header-game__buttons>a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-s);color:var(--text-2);text-decoration:none;transition:color .15s,border-color .15s;}.header-game__buttons>a:hover{color:var(--text);border-color:var(--muted);}.section-game__body{position:relative;background:var(--surface);aspect-ratio:16 / 9;overflow:hidden;}.stage-noimg{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--border-2);background:radial-gradient(ellipse at 50% 40%,var(--stage-glow) 0%,var(--surface) 75%);}.stage-noimg span{font-family:var(--display);font-size:1rem;color:var(--muted-2);letter-spacing:.04em;}.stage-poster:has(img)~.stage-noimg{display:none;}.stage-poster{position:absolute;inset:0;display:block;overflow:hidden;background:var(--bg);}.stage-poster img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(6px) brightness(0.28) saturate(0.6);transform:scale(1.05);}.stage-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none;}.stage-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:var(--accent);color:var(--text-on-accent);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .12s;box-shadow:0 18px 40px rgba(0,0,0,.45);z-index:3;}.stage-play:hover{background:var(--accent-hover);}.stage-play:active{transform:translate(-50%,-50%) scale(.97);}.stage-play .icon{width:36px;height:36px;stroke-width:0;fill:currentColor;}.stage-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;padding:6px 12px;border-radius:99px;background:rgba(11,11,14,.82);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.88);font-size:0.75rem;backdrop-filter:blur(4px);white-space:nowrap;}.stage-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:none;background:var(--black);}.stage-frame iframe{width:100%;height:100%;border:0;display:block;}.stage-desktop-only{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--white);text-align:center;padding:40px;}.stage-desktop-only__title{font-size:1.125rem;font-weight:600;}.stage-desktop-only__sub{font-size:0.875rem;opacity:.7;}.section-game:not(.is-playing) .section-game__body{cursor:pointer;}.section-game.is-playing .stage-poster,.section-game.is-playing .stage-play,.section-game.is-playing .stage-hint{display:none;}.section-game.is-playing .stage-frame{display:block;}.actions-game{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:16px;flex-wrap:wrap;border-top:1px solid var(--border);}.actions-game__buttons{display:flex;gap:8px;flex-wrap:wrap;}.action-btn{height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);border-radius:var(--r-s);color:var(--text-2);font-size:0.8125rem;font-family:inherit;cursor:pointer;transition:all .15s;}.action-btn:hover{color:var(--text);border-color:var(--muted);background:var(--card-2);}.action-btn .icon{width:16px;height:16px;stroke-width:1.8;}.action-btn--fs-mob{display:none;}.actions-game__buttons a{color:inherit;text-decoration:none;display:contents;}.page__compl a{color:inherit;text-decoration:none;}.game-rating{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--border-2);border-radius:100px;overflow:hidden;}.react-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;background:transparent;border:0;color:var(--text-2);font-family:var(--body);font-weight:700;font-size:0.9375rem;cursor:pointer;user-select:none;transition:color .18s,background .18s,transform .1s;}#react-like{color: var(--accent);background:var(--accent-soft);}#react-dislike{padding:0 16px;border-left:1px solid var(--border-2);}.react-btn .icon{width:18px;height:18px;fill:currentColor;stroke:none;transition:transform .18s;}#react-dislike .icon{transform:scaleY(-1);}.react-btn:active{transform:scale(.95);}#react-like:hover .icon{transform:translateY(-2px);}#react-dislike:hover .icon{transform:scaleY(-1) translateY(-2px);}#react-like:hover,#react-like.is-on{color: var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);}#react-dislike:hover,#react-dislike.is-on{color:var(--info);background:rgba(91,156,246,.09);}.section-game__controls{padding:14px 22px 22px;border-top:1px solid var(--border);}.controls__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;cursor:default;}.section-game__controls.is-collapsed .controls__header{margin-bottom:0;}.controls__pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;background:transparent;color:var(--text);border:1px solid var(--accent-line);border-radius:99px;font:600 13px/1 var(--body);cursor:pointer;transition:border-color .15s,background .15s,color .15s;}.controls__pill:hover{border-color:var(--accent);background:var(--accent-soft,rgba(249,115,22,.1));}.controls__pill .icon{width:16px;height:16px;color:var(--text-2);}.controls__chevron{transition:transform .2s;}.section-game__controls:not(.is-collapsed) .controls__chevron{transform:rotate(180deg);}.stat-pills{display:inline-flex;gap:8px;flex-wrap:wrap;}.stat-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--card-2);border:1px solid var(--border);border-radius:99px;color:var(--text-2);font-size:0.75rem;}.stat-pill .icon{width:13px;height:13px;color: var(--accent);flex-shrink:0;}.stat-pill b{color: var(--accent);font-weight:700;font-size:0.875rem;font-family:var(--display);}.stat-pill__suffix{color:var(--text-2);font-size:0.75rem;}.stat-pill__label{color:var(--muted);font-size:0.75rem;margin-left:2px;}.stat-pill--muted .icon{color:var(--muted);}.stat-pill--muted b{color:var(--text);font-family:var(--body);}.stat-pill--score{gap:5px;}.stat-pill--score b{font-size:0.9375rem;}.stat-pill__max{color:var(--muted);font-size:0.75rem;}.stat-pill__dot{width:3px;height:3px;border-radius:50%;background:var(--border-2);flex-shrink:0;}.stat-pill__votes{color:var(--muted);font-size:0.75rem;}.controls__items{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}.section-game__controls.is-collapsed .controls__items{display:none;}.controls__group{flex:0 0 100%;font-family:var(--display);font-size:0.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color: var(--accent);margin-top:6px;}.controls__group:first-child{margin-top:0;}.controls__item{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;background:var(--card-2);border:1px solid var(--border);border-radius:99px;}.controls__line{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;}.controls__desc{font-size:0.8125rem;color:var(--text-2);line-height:1.3;white-space:nowrap;}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 9px;font-family:var(--display);font-weight:700;font-size:0.75rem;color:var(--text);background:var(--card-2);border:1px solid var(--border-2);border-bottom:3px solid var(--border-2);border-radius:var(--r-s);letter-spacing:.03em;line-height:1;box-shadow:0 1px 0 var(--border);}kbd.kbd--icon{min-width:28px;padding:0 9px;}kbd.kbd--icon.kbd--tall{height:44px;padding:6px 8px;}.top-players{background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);overflow:hidden;}.top-players__hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}.top-players__title{font-family:var(--display);font-size:0.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin:0;}.top-players__tabs{display:flex;gap:4px;}.tptab{height:30px;padding:0 12px;border-radius:var(--r-s);background:transparent;border:1px solid transparent;font-family:var(--display);font-size:0.75rem;font-weight:700;letter-spacing:.08em;color:var(--muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s;}.tptab:hover{color:var(--text);background:var(--card-2);}.tptab.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);}.tp-list{display:flex;flex-direction:column;}.tp-loading{padding:20px;text-align:center;color:var(--muted);font-size:0.8125rem;}.tprow{display:grid;grid-template-columns:36px 36px 1fr auto;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);transition:background .12s;}.tprow:last-child{border-bottom:0;}.tprow:hover{background:var(--card-2);}.tprow--me{background:color-mix(in srgb, var(--accent) 4%, transparent);}.tprow--me:hover{background:color-mix(in srgb, var(--accent) 7%, transparent);}.tprank{font-family:var(--display);font-size:0.875rem;font-weight:700;color:var(--muted-2);text-align:center;}.tprank--1{color: var(--accent);}.tprank--2{color:var(--medal-silver);}.tprank--3{color:var(--medal-bronze);}.tpava{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-size:0.8125rem;font-weight:700;color:var(--white);text-transform:uppercase;flex-shrink:0;}.tpname{font-size:0.875rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tprow--me .tpname{color: var(--accent);}.tptime{font-size:0.8125rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;}.tags-cloud{padding:22px 24px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);}.tags-cloud h2{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0 0 14px;}.tags-cloud__list{display:flex;flex-wrap:wrap;gap:8px;}.tag{display:inline-flex;align-items:center;gap:8px;height:38px;padding:4px 16px 4px 4px;border-radius:99px;font-size:0.8125rem;color:var(--text-2);background:var(--card-2);border:1px solid var(--border);transition:color .15s,border-color .15s,background .15s;}.tag:hover{color:var(--text);border-color:var(--muted);background:var(--card);}.tag__thumb{width:30px;height:30px;border-radius:var(--r-m);background:var(--card);object-fit:cover;display:block;flex-shrink:0;}.feedback-stack{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;}.feedback-stack__main{min-width:0;display:flex;flex-direction:column;gap:24px;}.feedback-block{background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);padding:22px 24px;}.comments-section{background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);padding:22px 24px;}.feedback-block .comments-section{background:transparent;border:0;border-radius:0;padding:0;}.comments-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;gap:16px;flex-wrap:wrap;}.comments-hd h2{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0;}.comments-hd__note{display:flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--muted);}.more-games{margin-bottom:40px;}.more-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px;}.descr-article{margin-bottom:40px;padding:28px 32px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);}.descr-article h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 14px;}.descr-article h2:not(:first-child){margin-top:28px;}.descr-article p{color:var(--text-2);font-size:0.9375rem;line-height:1.7;margin-bottom:14px;}.descr-article p:last-child{margin-bottom:0;}.descr-article__head{display:grid;grid-template-columns:200px 1fr;gap:24px;margin-bottom:8px;}.descr-article__poster{width:200px;height:200px;border-radius:var(--r-l);object-fit:cover;background:var(--card-2);display:block;border:1px solid var(--border);}.descr-article__intro{font-size:0.875rem;color:var(--text-2);line-height:1.7;}.descr-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}.descr-facts li{display:flex;align-items:flex-start;gap:12px;color:var(--text-2);font-size:0.875rem;line-height:1.5;}.descr-facts li::before{content:"";flex-shrink:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);margin-top:6px;background:transparent;}.descr-facts li b{color:var(--text);font-weight:600;}.cta-end{margin-bottom:48px;padding:32px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);text-align:center;}.cta-end h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 8px;}.cta-end p{color:var(--text-2);margin:0 0 18px;font-size:0.9375rem;line-height:1.6;}.cta-end .btn-primary{display:inline-flex;height:48px;padding:0 28px;}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:0 22px;height:46px;border-radius:var(--r-s);background:var(--accent);border:none;color:var(--text-on-accent);font-family:var(--display);font-weight:700;font-size:0.875rem;letter-spacing:.01em;cursor:pointer;transition:background .15s,transform .12s;}.btn-primary:hover{background:var(--accent-hover);}.btn-primary:active{transform:translateY(1px);}.btn-primary .icon{color:var(--text-on-accent);width:16px;height:16px;stroke-width:2.2;fill:currentColor;stroke:none;}@media (max-width:1100px){.more-grid{grid-template-columns:repeat(4,1fr);}.controls__desc{white-space:normal;}.feedback-stack{grid-template-columns:1fr;gap:24px;}}@media (max-width:700px){.section-game__header{padding:14px 18px 12px;}.header-game{flex-direction:column;align-items:flex-start;}.header-game__title{font-size:1.375rem;}.stage-play{width:72px;height:72px;}.stage-play .icon{width:28px;height:28px;}.stage-hint{font-size:0.75rem;padding:5px 10px;left:8px;right:8px;transform:none;text-align:center;}.actions-game{padding:10px 14px;flex-direction:column;align-items:stretch;}.actions-game__buttons{justify-content:space-between;}.action-btn{flex:1;justify-content:center;padding:0 10px;font-size:0.75rem;}#action-reload{display:none;}.action-btn--fs-mob{display:inline-flex;}.action-btn span{display:none;}.game-rating{display:flex;width:100%;}.react-btn{flex:1;}#react-dislike{flex:0 0 56px;padding:0;}.section-game__controls{padding:14px 18px 18px;}.tags-cloud{padding:20px;}.tag{height:34px;padding:3px 14px 3px 3px;}.tag__thumb{width:28px;height:28px;}.feedback-block {padding:18px;}.comments-section{padding:18px;}.descr-article{padding:22px 20px;}.descr-article__head{grid-template-columns:1fr;gap:18px;}.descr-article__poster{width:100%;height:auto;aspect-ratio:1/1;max-width:280px;margin:0 auto;}.more-grid{grid-template-columns:repeat(2,1fr);}.cta-end{padding:20px;}.comment-form__row{gap:8px;}.cf-btn{width:28px;height:28px;font-size:0.75rem;}.cf-emoji-panel{right:0;bottom:calc(100%+8px);}.cf-emoji-grid{grid-template-columns:repeat(6,28px);}.cf-emoji-item{width:28px;height:28px;font-size:1.125rem;}}.comment-form{display:flex;flex-direction:column;gap:10px;margin:14px 0 22px;}.comment-form__name{background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-m);padding:11px 14px;font:500 14px/1.4 var(--body);color:var(--text);outline:0;transition:border-color .15s,background .15s;width:100%;max-width:280px;box-sizing:border-box;}.comment-form__name:focus{border-color:var(--text-2);background:var(--card-2);}.comment-form__name::placeholder{color:var(--muted);}.comment-form__notice{display:flex;gap:10px;align-items:flex-start;background:color-mix(in srgb, var(--accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:var(--r-m);padding:10px 14px;color:var(--text-2);font-size:0.8125rem;line-height:1.5;margin:8px 0;}.comment-form__notice .icon{width:16px;height:16px;color: var(--accent);flex-shrink:0;margin-top:2px;}.comment-form__row{display:flex;align-items:flex-start;gap:10px;position:relative;}.comment-form__avatar{width:36px;height:36px;border-radius:50%;background:var(--card-2);border:1px solid var(--border);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.comment-form__avatar .icon{width:18px;height:18px;}.comment-form__editor{flex:1;min-width:0;background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-m);display:flex;align-items:flex-start;gap:6px;padding:10px 10px 10px 16px;transition:border-color .15s;}.comment-form__body{flex:1;min-width:0;}.comment-form__body textarea,#comment_area{width:100%;height:22px;min-height:22px;max-height:200px;background:transparent;border:0 !important;resize:none;overflow-y:hidden;font:500 14px/1.45 var(--body);color:var(--text);outline:0 !important;box-shadow:none !important;padding:4px 0;box-sizing:border-box;}.comment-form__body textarea::placeholder{color:var(--muted);}.comment-form__toolbar{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;}.cf-btn{width:30px;height:30px;border-radius:var(--r-s);border:0;background:transparent;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--body);font-size:0.8125rem;cursor:pointer;transition:background .15s,color .15s;}.cf-btn:hover{background:rgba(255,255,255,.05);color:var(--text);}.cf-btn.is-on{background:color-mix(in srgb, var(--accent) 16%, transparent);color: var(--accent);}.cf-btn[data-fmt="bold"]{font-weight:800;}.cf-btn[data-fmt="italic"]{font-style:italic;}.cf-btn[data-fmt="underline"]{text-decoration:underline;text-underline-offset:2px;}.cf-btn .icon{width:16px;height:16px;}.cf-counter{margin-left:auto;font-size:0.75rem;color:var(--muted);line-height:30px;padding:0 2px;pointer-events:none;}.cf-counter--warn{color: var(--accent);}.cf-send{width:36px;height:36px;border-radius:50%;border:0;background:var(--accent);color:var(--text-on-accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter .15s;}.cf-send:hover{filter:brightness(1.08);}.cf-send .icon{width:16px;height:16px;stroke-width:2;}.cf-emoji-panel{position:absolute;right:46px;bottom:calc(100%+6px);background:var(--card);border:1px solid var(--border);border-radius:var(--r-m);padding:10px;box-shadow:0 12px 32px rgba(0,0,0,.45);display:none;z-index:20;}.cf-emoji-panel.is-open{display:block;}.cf-emoji-grid{display:grid;grid-template-columns:repeat(6,32px);gap:4px;max-height:204px;overflow-y:auto;}.cf-emoji-item{width:32px;height:32px;border-radius:var(--r-s);border:0;background:transparent;cursor:pointer;padding:0;font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s;}.cf-emoji-item:hover{background:rgba(255,255,255,.06);}.acf-protect{display:flex;flex-direction:column;gap:6px;margin-top:4px;}.acf-label{font-size:0.8125rem;color:var(--text-2);}.acf-input{height:40px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);color:var(--text);font-size:0.875rem;font-family:var(--body);box-sizing:border-box;transition:border-color .15s;}.acf-input:focus{outline:none;border-color:var(--accent-line,rgba(249,115,22,.4));}.acf-seccode{display:flex;align-items:center;gap:10px;}.comments-list{display:flex;flex-direction:column;}.comment{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:14px;row-gap:6px;padding:16px 0;border-top:1px solid var(--border);}.comments-list .comment:first-child{border-top:0;padding-top:8px;}.comment--admin .comment-author::after{content:"Адм.";display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb, var(--accent) 15%, transparent);color: var(--accent);font-size:0.75rem;font-family:var(--display);vertical-align:middle;}.comment-source{grid-column:1 / -1;display:block;font-size:0.75rem;color:var(--muted);text-decoration:none;margin-bottom:4px;}.comment-source:hover{color: var(--accent);}.comment-vote{grid-column:1;grid-row:1 / 5;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px;}.comment-vote a{display:block;color:inherit;text-decoration:none;}.cvote{display:flex;flex-direction:column;align-items:center;gap:3px;width:38px;padding:7px 4px;border-radius:var(--r-m);background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s;font-size:0.75rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;}.cvote .icon{width:15px;height:15px;stroke-width:1.8;fill:none;}.cvote b{font-size:0.75rem;font-weight:700;}.comment-vote a:hover .cvote.cvote--up,.cvote.cvote--up:hover{color: var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent);}.comment-vote a:hover .cvote.cvote--down,.cvote.cvote--down:hover{color:var(--info);border-color:rgba(91,156,246,.35);background:rgba(91,156,246,.07);}.comment-meta{grid-column:2;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;}.comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--card-2);border:1px solid var(--border);flex-shrink:0;}.comment-author{font-weight:600;color:var(--text);font-size:0.8125rem;}.comment-date{font-size:0.75rem;color:var(--muted);}.comment-stars{grid-column:3;grid-row:1;display:inline-flex;gap:2px;align-items:center;align-self:start;}.comment-stars .icon{width:13px;height:13px;color:var(--border-2);stroke-width:1.4;fill:none;}.comment-stars .icon.is-on{color: var(--accent);fill:var(--accent);stroke:none;}.comment-body{grid-column:2;font-size:0.875rem;color:var(--text-2);line-height:1.6;word-break:break-word;}.comment-body.is-clamped{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}.comment-body p{margin:0 0 8px;}.comment-body p:last-child{margin-bottom:0;}.comment-expand{grid-column:2;justify-self:start;background:transparent;border:0;padding:0;cursor:pointer;font-family:var(--display);font-size:0.75rem;font-weight:700;letter-spacing:.06em;color: var(--accent);}.comment-expand:hover{color:var(--accent-hover);}.comment-actions{grid-column:2;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}.comment-action{display:inline-flex;align-items:center;gap:5px;font-size:0.75rem;font-weight:600;color:var(--muted);cursor:pointer;padding:5px 12px;border-radius:99px;border:1px solid transparent;transition:color .15s,background .15s,border-color .15s;background:none;font-family:var(--body);letter-spacing:.02em;}.comment-action:hover{color:var(--text);background:var(--card-2);border-color:var(--border);}.comment-action a{color:inherit;text-decoration:none;}.comment-action--reply,.comment-action--quote{border-color:var(--border);background:var(--surface);}.comment-action--reply:hover{color: var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent);}.comment-action--quote:hover{color:var(--violet);border-color:rgba(167,139,250,.4);background:rgba(167,139,250,.07);}.comment-action--del:hover{color:var(--danger-soft);border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.07);}.comment-action--ip{cursor:default;font-size:0.75rem;font-weight:400;padding:4px 8px;letter-spacing:0;}.comment-action--ip:hover{background:transparent;border-color:transparent;color:var(--muted);}.comments-loadmore{display:flex;justify-content:center;margin-top:20px;}.comments-loadmore .navigation{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;}.comments-loadmore .navigation a{height:46px;padding:0 32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--border-2);border-radius:var(--r-s);color:var(--text);font-size:0.875rem;font-family:var(--display);font-weight:700;letter-spacing:.03em;text-decoration:none;transition:all .15s;}.comments-loadmore .navigation a::before{content:"+";font-size:1.125rem;font-weight:400;color:var(--text-2);}.comments-loadmore .navigation a:hover{background:var(--card-2);border-color:var(--muted);}.comments-loadmore .navigation span{height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-2);border:1px solid var(--accent-line);border-radius:var(--r-s);color: var(--accent);font-size:0.875rem;font-family:var(--display);font-weight:700;text-decoration:none;}.dle-poll{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-s);}.dle-poll__q{font-size:0.9375rem;font-weight:600;color:var(--text);margin:0 0 14px;line-height:1.4;}.dle-poll__btns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}.dle-poll__btn-secondary{background:transparent;border:1px solid var(--border-2);color:var(--text-2);}.dle-poll__btn-secondary:hover{background:var(--card-2);border-color:var(--muted);color:var(--text);}.topnews-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:color .15s;}.topnews-item:last-child{border-bottom:none;}.topnews-item:hover{color: var(--accent);}.topnews-item__thumb{flex-shrink:0;width:48px;height:48px;border-radius:6px;overflow:hidden;background:var(--card-2);}.topnews-item__thumb img{width:100%;height:100%;object-fit:cover;display:block;}.topnews-item__title{font-size:0.8125rem;font-weight:600;line-height:1.35;}.preview-wrap{max-width:820px;margin:0 auto;padding:24px;}.preview-wrap__title{font-size:1.375rem;font-weight:700;margin:0 0 16px;color:var(--text);}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:4px 0 24px;}.og{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-m);text-align:center;transition:background .15s,border-color .15s,transform .15s;}.og:hover{background:var(--card-2);border-color:var(--border-2);transform:translateY(-2px);}.og img{width:64px;height:64px;border-radius:var(--r-s);object-fit:cover;display:block;background:var(--card-2);}.og span{font-size:0.75rem;font-weight:600;line-height:1.3;color:var(--text-2);word-break:break-word;}.og:hover span{color:var(--text);}#streak-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--streak);color:var(--text-on-accent);padding:12px 24px;border-radius:12px;font-weight:700;z-index:9999;pointer-events:none;}#streak-guest-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:8000;display:flex;align-items:center;justify-content:center;}.sgm-inner{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);padding:36px 24px 28px;text-align:center;max-width:340px;width:90%;}.sgm-inner p{margin:0 0 20px;font-size:1rem;color:var(--text);}.sgm-inner .btn-primary,.sgm-inner .sgm-login{display:inline-block;padding:10px 22px;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;margin:4px;}.sgm-inner .btn-primary{background:var(--accent);color:var(--text-on-accent);border:none;}.sgm-inner .sgm-login{background:transparent;border:1px solid var(--border-2);color:var(--text);}.sgm-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--text);font-size:1rem;line-height:1;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;}.sgm-close:hover{background:var(--card-2);}
/* оверлеи и #scrolltop через класс .is-shown вместо jQuery fadeIn/fadeOut */.overlay{display:block;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.overlay.is-shown{opacity:1;visibility:visible;transition:opacity .2s ease}#scrolltop{display:block;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}#scrolltop.is-shown{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease}

/* модалка «Избранное/История» из js/games_storage.js: стили вынесены сюда,
   чтобы клик по кнопке не вставлял <style> и не пересчитывал стили всей страницы */
#gs-modal-wrap{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;}
#gs-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);}
#gs-modal-dialog{position:relative;width:min(760px,100%);max-height:min(720px,86vh);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-l,20px);box-shadow:0 24px 80px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;}
#gs-modal-titlebar{display:flex;align-items:baseline;gap:10px;padding:18px 16px 14px 22px;flex-shrink:0;}
#gs-modal-title{font-family:var(--display);font-weight:400;font-size:1.25rem;line-height:1.15;color:var(--text);}
#gs-modal-count{flex:1;font-size:0.8125rem;color:var(--muted);}
#gs-modal-close{align-self:center;flex:none;width:36px;height:36px;min-height:0;padding:0;display:grid;place-items:center;background:none;border:0;border-radius:var(--r-s);box-shadow:none;color:var(--muted);cursor:pointer;}
#gs-modal-close svg,.gsm-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
#gs-modal-close:hover{background:var(--card-2);color:var(--text);}
#gs-modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 22px 22px;}
.gsm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:18px 14px;}
.gsm-item{position:relative;min-width:0;}
.gsm-link{display:block;color:var(--text);text-decoration:none;}
.gsm-thumb{display:block;aspect-ratio:1;border-radius:var(--r-m);overflow:hidden;background:var(--card-2);transition:transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s;}
.gsm-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gsm-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:8px;font-size:0.8125rem;font-weight:600;line-height:1.3;color:var(--text-2);}
.gsm-x{position:absolute;top:6px;right:6px;width:26px;height:26px;min-height:0;padding:0;display:grid;place-items:center;border:0;border-radius:50%;box-shadow:none;background:rgba(28,30,33,.82);color:#F2F3F5;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;}
.gsm-x svg{width:14px;height:14px;}
.gsm-x:hover{background:var(--danger-strong,#C0392B);color:#fff;}
.gsm-item:hover .gsm-x,.gsm-x:focus-visible{opacity:1;}
@media (hover:hover){.gsm-link:hover .gsm-thumb{transform:translateY(-3px);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent);}.gsm-link:hover .gsm-name{color:var(--text);}}
@media (hover:none){.gsm-x{opacity:1;}}
#gs-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-top:1px solid var(--border);font-size:0.75rem;color:var(--muted);flex-shrink:0;}
#gs-modal-foot[hidden]{display:none;}
.games-storage-clear{flex:none;height:36px;min-height:0;padding:0 14px;margin:0;width:auto;background:transparent;border:1px solid var(--border-2);border-radius:var(--r-s);box-shadow:none;color:var(--text-2);font:inherit;font-size:0.8125rem;font-weight:600;cursor:pointer;}
.games-storage-clear:hover{background:var(--card-2);color:var(--text);border-color:var(--muted);}
.games-storage-clear.is-armed,.games-storage-clear.is-armed:hover{background:var(--danger-strong,#C0392B);border-color:var(--danger-strong,#C0392B);color:#fff;}
.gsm-empty{padding:36px 12px 28px;text-align:center;color:var(--muted);font-size:0.875rem;}
.gsm-empty__t{font-family:var(--display);font-size:1.0625rem;color:var(--text);margin-bottom:6px;}
.gsm-empty__go{display:inline-flex;align-items:center;height:40px;padding:0 18px;margin-top:16px;border-radius:var(--r-s);background:var(--accent);color:var(--text-on-accent);font-family:var(--display);font-size:0.8125rem;text-decoration:none;}
.gsm-empty__go:hover{background:var(--accent-darker);color:var(--text-on-accent);}
body.gs-modal-open{overflow:hidden;}
@media (max-width:700px){
#gs-modal-wrap{align-items:flex-end;padding:0;}
#gs-modal-dialog{width:100%;max-height:86vh;border-radius:var(--r-l,20px) var(--r-l,20px) 0 0;border-bottom:0;}
#gs-modal-titlebar{padding:16px 10px 12px 16px;}
#gs-modal-body{padding:4px 16px 18px;}
.gsm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;}
#gs-modal-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));}
#gs-modal-foot span{display:none;}
.games-storage-clear{flex:1;}
}
/* Modern Web Guidance 2026: theme, scalable type and keyboard access. */
@font-face {
  font-family: "Manrope Metrics";
  src: local("Arial");
  size-adjust: 106%;
  ascent-override: 93%;
  descent-override: 25%;
  line-gap-override: 0%;
}
:root {
  color-scheme: light dark;
  --body: "Manrope","Manrope Metrics", ui-sans-serif, system-ui, sans-serif;
  --text-on-accent: #0b0b0e;
}
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }
body { font-size: 1rem; }
h1, h2, h3, h4, h5, h6, .hero-title { text-wrap: balance; }
p, li { text-wrap: pretty; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--accent) !important;
  outline-offset: 3px;
}
.search-submit { width: 2rem; height: 2rem; margin-inline-start: -.5rem; }
.more-link, .descr__btn { min-block-size: 2.75rem; }
@supports (text-box-trim: trim-both) {
  h1, h2, h3, .hero-title { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
}
/* Меньше движения: убираем сдвиги и масштаб, но смена состояния остаётся заметной —
   прозрачность, цвет и заполнение полосок доигрывают. Лоадеры крутятся: это обратная связь. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-property: opacity, visibility, color, background-color, border-color, box-shadow, outline-color, fill, stroke, width !important;
  }
  .bubble-item { animation: none; will-change: auto; }
  .lgn__modal { animation-name: lgn-fade; }
}
@keyframes lgn-fade { from { opacity: 0; } }
.sd { position: relative; }
.sd-state{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--card);color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-line);font:700 9px/1 var(--body);letter-spacing:0}

/* Decorative layers must not intercept a link or button hit test. */
.gcard-overlay, .cs-overlay, .card__overlay { pointer-events: none; }
html { scrollbar-gutter: stable; }

/* Keep the remember-me checkbox in the accessibility tree and tab order. */
.lgn__remember { position: relative; }
.lgn__remember input[type="checkbox"] {
  display: block; position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%);
}
.lgn__remember input:focus-visible ~ .lgn__toggle {
  outline: 3px solid var(--accent); outline-offset: 3px;
}

/* Reserve space for the site header and fit game controls in a laptop viewport. */
@media (min-width: 769px) {
  .game-layout > .section-game {
    width: 100%; margin-inline: auto;
    display: grid; grid-template-rows: auto minmax(200px, 1fr) auto auto;
    height: clamp(480px, calc(100vh - 180px), 1000px);
    height: clamp(480px, calc(100svh - 180px), 1000px);
  }
  .game-layout > .section-game > .section-game__body { aspect-ratio: auto; min-height: 0; }
}
.section-game__body:fullscreen { width: 100vw; height: 100vh; aspect-ratio: auto; }

/* Во весь экран на телефоне и планшете: кнопка «Свернуть» внутри плеера (её создаёт скрипт fullstory)
   и запасной режим для iPhone, где браузерного полноэкранного режима для страниц нет. */
.section-game__body:-webkit-full-screen { width: 100vw; height: 100vh; aspect-ratio: auto; }
.stage-exit {
  display: none; position: absolute; z-index: 6;
  right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom));
  width: 40px; height: 40px; padding: 0; align-items: center; justify-content: center;
  border-radius: 11px; border: 1px solid rgba(255,255,255,.22);
  background: rgba(11,11,14,.55); color: #fff; opacity: .8; cursor: pointer; box-shadow: none;
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  -webkit-tap-highlight-color: transparent;
}
/* через 3 с кнопка становится полупрозрачной, чтобы меньше мешать игре */
.section-game__body.is-pseudo-fs .stage-exit { animation: stage-exit-dim .4s ease 3s forwards; }
.section-game__body:fullscreen .stage-exit { animation: stage-exit-dim .4s ease 3s forwards; }
@keyframes stage-exit-dim { to { opacity: .4; } }
.stage-exit svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.section-game__body:fullscreen .stage-exit,
.section-game__body.is-pseudo-fs .stage-exit { display: inline-flex; }
.section-game__body:-webkit-full-screen .stage-exit { display: inline-flex; }
html.is-stage-fs, html.is-stage-fs body { overflow: hidden; overscroll-behavior: none; }
html.is-stage-fs .game-layout { container-type: normal; }
.section-game__body.is-pseudo-fs {
  position: fixed; inset: 0; z-index: 2147483000;
  width: 100vw; height: 100vh; height: 100dvh; aspect-ratio: auto; min-height: 0; max-height: none;
  margin: 0; border-radius: 0; background: #000;
}
.section-game__body.is-pseudo-fs .stage-frame {
  inset: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  width: auto; height: auto;
}
.hero-title, .header-game__title, .descr h1 { overflow-wrap: anywhere; }
@media (max-width: 768px) {
  .sec-hd { flex-wrap: wrap; }
  .sec-hd h2, .sec-hd .sec-title { min-width: 0; flex-wrap: wrap; }
}

@media (min-width: 769px) {
  .game-layout > .section-game:has(.section-game__controls:not(.is-collapsed)) { height: auto; }
}
.topitem, .toplist { min-width: 0; }
@media (max-width: 700px) {
  .toplist { grid-template-columns: minmax(0, 1fr); }
  .topbar-inner { gap: 6px; }
  .topbar .logo { font-size: 1rem; gap: 6px; }
  .search-wrap { min-width: 0; padding-inline: 8px; }
}

/* ── WCAG AA, 2026-09-13 ────────────────────────────────────────────────
   --accent (#F97316) как цвет ТЕКСТА на светлом фоне даёт 2.68:1 при норме 4.5:1.
   Фон и бордеры оставляем как есть — там оранжевый не несёт текста.
   #C2410C = 4.95:1 на --bg светлой темы, оттенок бренда сохранён. */
:root { --accent-text: var(--accent); }
:root[data-theme="light"] { --accent-text: #C2410C; }
:root[data-theme="light"] :is(.promo-cta, .ss-more, .sb-tag, .ntab--all,
  .ntab.on, .ntab.active, .sb-footer .sb-item, .navi span.current,
  .navigation span.current, .navi a.current, .navigation a.current,
  .pages span:not(.nav_ext), .lgn__tab--active, .controls__pill:hover,
  .tptab.is-active) { color: var(--accent-text); }
:root[data-theme="light"] :is(.promo-cta:hover, .ss-more:hover) { color: #9A3412; }

/* Бэкдроп стал <button> — гасим наследие базового правила для кнопок. */
#sidebar-backdrop { display: block; height: auto; padding: 0; border: 0;
  border-radius: 0; background: rgba(0, 0, 0, .55); }

/* ── INP, 2026-09-16: сетки ниже первого экрана не пересчитываются и не рисуются,
   пока до них не доскроллили. Меньше работы у каждого кадра после нажатия.
   Только сетки с постоянным числом карточек: их высоту можно оценить заранее,
   поэтому «Назад» возвращает прокрутку на то же место. «Популярные» не трогаем —
   их высота зависит от ширины экрана (5300 px на телефоне, 1100 px на десктопе).
   overflow-clip-margin обязателен: без него обрезалась бы рамка фокуса (3px +
   отступ 3px) у крайних карточек и подъём карточки при наведении. Safari его не
   поддерживает — там правило не включается вовсе (INP всё равно меряет Chrome).
   Проверено: положение всех блоков до и после совпадает, телефон и десктоп. */
@supports (overflow-clip-margin: 8px) {
  .cv-lazy { content-visibility: auto; overflow-clip-margin: 8px; }
}
/* Высота-заглушка, пока блок не отрисован; после отрисовки браузер запоминает реальную. */
.toplist.cv-lazy { contain-intrinsic-size: auto 410px; }
.game-grid.cv-lazy { contain-intrinsic-size: auto 171px; }

.more-grid.cv-lazy { contain-intrinsic-size: auto 224px; }
@media (max-width: 700px) {
  .toplist.cv-lazy { contain-intrinsic-size: auto 830px; }
  .game-grid.cv-lazy { contain-intrinsic-size: auto 874px; }
  
  .more-grid.cv-lazy { contain-intrinsic-size: auto 652px; }
}

/* Страница квестов (engine/mods/quests/page.php): модуль отдаёт эти стили только
   вошедшим, гостю приходила та же разметка без раскладки. Держим их в общем CSS. */
.qp-header{max-width:1320px;margin:0 auto;padding:32px 28px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.qp-title{font-family:var(--display);font-size:32px;font-weight:400;letter-spacing:-.015em;display:flex;align-items:center;gap:12px}
.qp-title .icon{color:var(--accent);width:28px;height:28px}
.qp-stats{display:flex;gap:24px;flex-wrap:wrap}
.qp-stat{text-align:center}
.qp-stat-val{font-family:var(--display);font-size:28px;font-weight:400;color:var(--text);display:block}
.qp-stat-lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.qp-progress{max-width:1320px;margin:0 auto;padding:0 28px 32px}
.qp-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:8px}
.qp-bar i{display:block;height:100%;background:var(--accent);transition:width .8s ease}
.qp-bar-lbl{font-size:13px;color:var(--muted);margin-top:6px}
.qp-section{max-width:1320px;margin:0 auto;padding:0 28px 48px}
.qp-cat-title{font-family:var(--display);font-size:18px;font-weight:400;color:var(--text);display:flex;align-items:center;gap:10px;margin-bottom:16px}
.qp-cat-title .qp-cat-count{font-size:12px;color:var(--muted);font-family:var(--body);margin-left:4px}
.qp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quest--done{opacity:.65}
.quest--done .quest-bar-track i{background:var(--muted)}
.quest-diff{display:inline-block;font-size:10px;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-left:auto;border:1px solid currentColor}
@media(max-width:900px){.qp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.qp-grid{grid-template-columns:1fr}.qp-header{padding:20px 16px 16px}.qp-progress{padding:0 16px 24px}.qp-section{padding:0 16px 32px}}
/* Плашка гостя на квестах: на телефоне текст во всю ширину, кнопки строкой ниже. */
@media(max-width:600px){.qg-banner .qg-banner-text{flex:1 1 100%}.qg-banner .qg-banner-btns{flex:1 1 100%}.qg-banner .qg-banner-btns>*{flex:1;justify-content:center}}
/* Ярлык сложности квеста: 10px из модуля → 12px (читаемость, критерий Lighthouse). */
.quest .quest-diff{font-size:.75rem}
@media(max-width:600px){.qg-banner>.icon{display:none}}

/* ════════════════════════════════════════════════════════════════════
   Chrome/web.dev 2026: цвет, контраст, типографика (прогрессивно, старые браузеры остаются на hex выше)
   ════════════════════════════════════════════════════════════════════ */

/* Запасной шрифт заголовков с метриками Black Ops One (латиница) и Russo One (кириллица):
   пока фирменный шрифт грузится, текст занимает почти столько же места → меньше сдвига (CLS). */
@font-face { font-family: "Display Fallback"; src: local("Arial"), local("ArialMT"), local("Arimo"), local("Liberation Sans");
  size-adjust: 118.03%; ascent-override: 77.10%; descent-override: 28.81%; line-gap-override: 0%; unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Display Fallback"; src: local("Arial"), local("ArialMT"), local("Arimo"), local("Liberation Sans");
  size-adjust: 111.14%; ascent-override: 80.98%; descent-override: 22.49%; line-gap-override: 0%; unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }

/* Палитра в oklch; light-dark() выбирает значение по color-scheme, а его задаёт data-theme.
   Значения — те же цвета, что в hex выше (сверено обратным пересчётом, отклонение < 0.2/255). */
@supports (color: light-dark(#000, #fff)) and (color: oklch(0% 0 0)) {
  :root:not([data-theme]) { color-scheme: dark; }
  :root, :root[data-theme="light"], :root[data-theme="dark"] {
    --bg: light-dark(oklch(96.10% 0.0029 264.54), oklch(24.27% 0.0064 258.36));
    --surface: light-dark(oklch(98.76% 0.0017 247.84), oklch(26.82% 0.0080 264.43));
    --card: light-dark(oklch(100.00% 0.0000 0), oklch(29.58% 0.0084 255.57));
    --card-2: light-dark(oklch(93.97% 0.0058 264.53), oklch(33.62% 0.0113 264.41));
    --border: light-dark(oklch(92.08% 0.0063 255.48), oklch(33.62% 0.0113 264.41));
    --border-2: light-dark(oklch(84.99% 0.0124 259.82), oklch(40.34% 0.0135 256.76));
    --text: light-dark(oklch(19.41% 0.0120 285.23), oklch(96.40% 0.0029 264.54));
    --text-2: light-dark(oklch(36.99% 0.0102 285.89), oklch(85.67% 0.0076 260.73));
    --muted: light-dark(oklch(52.00% 0.0125 285.96), oklch(75.20% 0.0146 258.35));
    --muted-2: light-dark(oklch(52.00% 0.0125 285.96), oklch(70.70% 0.0148 258.36));
    --accent-soft: light-dark(oklch(70.49% 0.1867 47.60 / .08), oklch(70.49% 0.1867 47.60 / .10));
    --accent-line: light-dark(oklch(70.49% 0.1867 47.60 / .36), oklch(70.49% 0.1867 47.60 / .32));
    --tt: light-dark(oklch(19.41% 0.0120 285.23), oklch(96.40% 0.0029 264.54));
    --tt-2: light-dark(oklch(36.99% 0.0102 285.89), oklch(85.67% 0.0076 260.73));
    --bg-2: light-dark(oklch(98.76% 0.0017 247.84), oklch(26.82% 0.0080 264.43));
    --ui-bg: light-dark(oklch(100.00% 0.0000 0), oklch(26.82% 0.0080 264.43));
    --ui-bg-darker: light-dark(oklch(93.97% 0.0058 264.53), oklch(29.58% 0.0084 255.57));
    --ui-bg-darkest: light-dark(oklch(96.10% 0.0029 264.54), oklch(24.27% 0.0064 258.36));
    --ui-bdc: light-dark(oklch(92.08% 0.0063 255.48), oklch(33.62% 0.0113 264.41));
    --accent: oklch(70.49% 0.1867 47.60);
    --accent-darker: oklch(64.61% 0.1943 41.12);
    --online: oklch(70.73% 0.1373 149.16);
    --bg-dark: oklch(24.27% 0.0064 258.36);
    --ui-bg-accent: oklch(70.49% 0.1867 47.60 / .10);
    --text-color-on-accent: oklch(15.10% 0.0064 285.61);
    --ui-text-color-on-accent: oklch(15.10% 0.0064 285.61);
    --yellow: oklch(70.49% 0.1867 47.60);
    --text-on-accent: oklch(15.10% 0.0064 285.61);
    --white: oklch(100.00% 0.0000 0);
    --black: oklch(0.00% 0.0000 0);
    --danger: oklch(63.07% 0.1940 29.44);
    --danger-strong: oklch(54.33% 0.1740 29.70);
    --danger-strong-hover: oklch(49.54% 0.1572 29.53);
    --danger-soft: oklch(71.06% 0.1661 22.22);
    --logout: oklch(63.96% 0.1336 10.23);
    --info: oklch(69.02% 0.1492 256.90);
    --violet: oklch(70.90% 0.1592 293.54);
    --medal-silver: oklch(84.66% 0.0123 101.52);
    --medal-bronze: oklch(66.61% 0.1315 61.29);
    --accent-hover: oklch(75.76% 0.1590 55.93);
    --streak: oklch(72.30% 0.1897 50.54);
    --stage-glow: oklch(28.77% 0.0085 255.57);
    --accent-text: light-dark(oklch(55.34% 0.1739 38.40), var(--accent));
  }
}

/* Текст на акценте: браузер сам выбирает чёрный/белый по контрасту WCAG AA. */
@supports (color: contrast-color(red)) {
  :root { --text-on-accent: contrast-color(var(--accent)); }
}

/* Абзацы без «висячих» коротких слов в последней строке. */
p, li, dd, figcaption { text-wrap: pretty; }

/* Телефон: колонка комментариев не должна распирать страницу (1fr = minmax(auto,1fr) держал 589px). */
@media (max-width: 900px) { .feedback-stack { grid-template-columns: minmax(0, 1fr); } }

/* Подзаголовки виджетов главной до h1 (серия, продолжить, категории) — <p>, а не h2:
   для структуры документа они не заголовки. Вид как у прежних h2. */
.sec-hd .sec-title, .streak-text .streak-title {
  font-family: var(--display); font-weight: 400; letter-spacing: -.01em; line-height: 1.1;
  color: var(--text); text-wrap: balance; margin-block-start: 0;
}
@supports (text-box-trim: trim-both) {
  .sec-hd .sec-title, .streak-text .streak-title { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
}

/* ════════════════════════════════════════════════════════════════════
   Похожие игры — правая колонка страницы игры
   Плитки без собственной рамки (не карточка в карточке), квадратные обложки
   как у исходных 150×150, название в две строки, мета с иконками.
   ════════════════════════════════════════════════════════════════════ */
.aside-similar {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--r-l); padding: 20px;
  position: sticky; top: 88px; align-self: start;
}
.aside-similar__hd {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 18px;
}
.aside-similar__hd h3 {
  display: flex; align-items: center; gap: 8px; margin: 0; min-width: 0;
  font-family: var(--display); font-weight: 400; font-size: 1.0625rem;
  line-height: 1.1; letter-spacing: -.01em; color: var(--text); text-wrap: balance;
}
.aside-similar__hd h3 .icon { width: 20px; height: 20px; color: var(--accent); }
.aside-similar__all {
  display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0;
  min-block-size: 2rem; padding: 0 8px 0 12px;
  border: 1px solid var(--border-2); border-radius: 999px;
  font-size: .8125rem; font-weight: 600; color: var(--text-2); text-decoration: none;
  transition: color .15s, border-color .15s, background-color .15s;
}
.aside-similar__all svg { width: 14px; height: 14px; transition: transform .2s cubic-bezier(.2, 0, 0, 1); }
.aside-similar__all:hover { color: var(--accent-text); border-color: var(--accent-line); background: var(--accent-soft); }
.aside-similar__all:hover svg { transform: translateX(2px); }
.aside-similar__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px;
}

.agame {
  display: flex; flex-direction: column; gap: 9px;
  color: inherit; text-decoration: none; border-radius: var(--r-m);
}
.agame__thumb {
  position: relative; aspect-ratio: 1; overflow: hidden;
  border-radius: var(--r-m); background: var(--card-2);
}
.agame__thumb::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--text) 9%, transparent);
  transition: box-shadow .2s;
}
.agame__thumb img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform .5s cubic-bezier(.2, 0, 0, 1);
}
.agame__body { display: flex; flex-direction: column; gap: 5px; padding-inline: 2px; }
.agame__title {
  font-size: .8125rem; font-weight: 600; line-height: 1.3; color: var(--text);
  min-block-size: 2.6em; overflow-wrap: break-word;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  transition: color .15s;
}
.agame__meta {
  display: flex; align-items: center; gap: 10px;
  font-size: .75rem; line-height: 1; font-variant-numeric: tabular-nums;
}
.agame__meta svg { width: 12px; height: 12px; flex-shrink: 0; }
.agame__score { display: inline-flex; align-items: center; gap: 4px; color: var(--accent-text); font-weight: 700; }
.agame__views { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); }
@media (hover: hover) {
  .agame:hover .agame__thumb img { transform: scale(1.06); }
  .agame:hover .agame__thumb::after { box-shadow: inset 0 0 0 1px var(--accent-line); }
  .agame:hover .agame__title { color: var(--accent-text); }
}


/* ════════════════════════════════════════════════════════════════════
   Страница игры: блок «Похожие игры» — колонка справа от плеера (ПК от 1200px),
   плывёт при прокрутке. Ниже 1200px — сразу под плеером.
   Плеер уже по ширине, но игры 16:9 упираются в высоту окна, поэтому сама игра не уменьшается.
   ════════════════════════════════════════════════════════════════════ */
.feedback-stack { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1200px) {
  .game-layout {
    display: grid; grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: 24px; row-gap: 24px; align-items: start;
  }
  .game-layout > :not(.aside-similar) { grid-column: 1; }
  /* Шапка при прокрутке уезжает (она sticky только внутри <header>), поэтому отступ сверху — как между блоками. */
  .game-layout > .aside-similar { grid-column: 2; grid-row: 1 / span 3; top: 24px; }
}
/* Низкий экран ноутбука: 4 игры, чтобы плывущий блок (6 игр ≈ 706px + отступ 24px) целиком помещался по высоте. */
@media (min-width: 1200px) and (max-height: 760px) {
  .game-layout > .aside-similar .agame:nth-child(n+5) { display: none; }
}
@media (max-width: 1199px) {
  .aside-similar { position: static; top: auto; }
  .aside-similar__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .aside-similar__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .aside-similar { padding: 18px; }
  .aside-similar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; }
}

/* Значок рейтинга на карточке: скрыт, пока скрипт не посчитал процент (без мелькания сырых чисел);
   при нуле голосов скрипт его убирает. */
.gcard-rating-badge:has(.js-count-percent) { visibility: hidden; }

/* ════════════════════════════════════════════════════════════════════
   ГЛАВНАЯ v2 «Категории сверху» (home-v2.tpl, с 25.09.2026).
   Всё под .home-v2 — главная «Классика» (home-classic.tpl) этими правилами не затрагивается.
   ════════════════════════════════════════════════════════════════════ */
.bubble-name { display: none; }  /* подпись под иконкой видна только в v2 */

.home-hd {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 16px; margin-bottom: 18px;
}
.home-title {
  font-family: var(--display); font-weight: 400; font-size: 1.375rem;
  line-height: 1.15; letter-spacing: -.01em; color: var(--text);
  text-wrap: balance; margin: 0;
}
.home-v2 .sect-categories { margin-bottom: 36px; }
.home-v2 .sect-categories__tabs-item {
  height: auto; font-family: inherit; line-height: 1.3; white-space: nowrap;
}

/* Иконки категорий: ПК и планшет — ровно 2 ряда при любой ширине (лишние ряды нулевой высоты) */
.home-v2 .sect-categories__boxes-item.visible {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  grid-template-rows: repeat(2, auto); grid-auto-rows: 0;
  column-gap: 10px; row-gap: 0; overflow: hidden; padding: 4px 0 0;
}
.home-v2 .bubble-item {
  width: auto; height: auto; border-radius: 0; overflow: visible; box-shadow: none;
  animation: none; will-change: auto;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding-bottom: 14px; text-decoration: none;
}
.home-v2 .bubble-item:hover { filter: none; }
.home-v2 .bubble-item img {
  width: 74px; height: 74px; border-radius: 50%; object-fit: cover;
  box-shadow: 0 4px 14px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
  transition: transform .2s cubic-bezier(.2,0,0,1), box-shadow .2s;
}
.home-v2 .bubble-name {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  min-height: 2.5em; max-width: 88px;
  font-size: .75rem; line-height: 1.25; text-align: center; color: var(--text-2);
  visibility: hidden;  /* показываем после того, как скрипт уберёт слово «Игры» */
}
.home-v2 .bubble-name.is-ready { visibility: visible; }
@media (hover: hover) {
  .home-v2 .bubble-item:hover img { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.45), 0 0 0 2px var(--accent-line); }
  .home-v2 .bubble-item:hover .bubble-name { color: var(--text); }
}

/* Телефон: вкладки и иконки — прокрутка вбок, иконки в 2 ряда */
@media (max-width: 700px) {
  .home-title { font-size: 1.25rem; }
  .home-hd .more-link { display: none; }
  .home-v2 .sect-categories__tabs {
    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
    margin-inline: calc(-1 * var(--indent)); padding-inline: var(--indent);
  }
  .home-v2 .sect-categories__tabs::-webkit-scrollbar { display: none; }
  .home-v2 .sect-categories__tabs-item { flex: none; }
  .home-v2 .sect-categories__boxes-item.visible {
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 72px;
    grid-template-rows: repeat(2, auto); grid-auto-rows: auto;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none; column-gap: 8px;
    margin-inline: calc(-1 * var(--indent)); padding-inline: var(--indent);
  }
  .home-v2 .sect-categories__boxes-item.visible::-webkit-scrollbar { display: none; }
  .home-v2 .bubble-item { padding-bottom: 10px; }
  .home-v2 .bubble-item img { width: 60px; height: 60px; }
  .home-v2 .bubble-name { max-width: 72px; }
}

/* ════════════════════════════════════════════════════════════════════
   Телефон/планшет: игры «Только ПК» — в конце ленты под разделителем.
   Класс card-desk-only сервер ставит только не на ПК ([not-desktop] в shortstory),
   поэтому на компьютере порядок не меняется. Карточки остаются в HTML (ссылки для Google).
   ════════════════════════════════════════════════════════════════════ */
.game-grid .card-desk-only { order: 2; }
.desk-only-sep {
  display: none; order: 1; grid-column: 1 / -1;
  align-items: center; gap: 8px; margin: 10px 0 2px; padding-top: 14px;
  border-top: 1px solid var(--border);
  font-size: .8125rem; font-weight: 600; color: var(--muted);
}
.desk-only-sep .icon { width: 16px; height: 16px; flex-shrink: 0; }
.game-grid:has(.card-desk-only) .desk-only-sep { display: flex; }

/* ════════════════════════════════════════════════════════════════════
   Страница игры: один ряд под плеером (25.09.2026).
   Слева «Управление» (раскрывает раскладку ниже), «Не работает?», просмотры;
   справа оценка, лайки и оранжевая кнопка «На весь экран» (только значок).
   Крошки перенесены в блок категорий ниже, кнопка «Обновить» убрана.
   ════════════════════════════════════════════════════════════════════ */
.actions-game { padding: 10px 18px; gap: 8px 16px; container-type: inline-size; }
.actions-game__buttons, .actions-game__side { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.actions-game__side { margin-left: auto; }
.actions-game .controls__pill { height: 38px; padding: 0 14px; }
.action-stat {
  display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 4px;
  color: var(--muted); font-size: 0.8125rem; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.action-stat .icon { width: 16px; height: 16px; stroke-width: 1.8; }
.actions-game .stat-pill { height: 38px; }
.actions-game .react-btn { height: 36px; padding: 0 16px; font-size: 0.875rem; }
.actions-game #react-dislike { padding: 0 14px; }
.actions-game .react-btn .icon { width: 16px; height: 16px; }
.action-btn--fs {
  width: 38px; padding: 0; justify-content: center;
  background: var(--accent); border-color: var(--accent); color: var(--text-on-accent);
}
.action-btn--fs:hover { background: var(--accent-darker); border-color: var(--accent-darker); color: var(--text-on-accent); }
.action-btn--fs .icon { width: 18px; height: 18px; stroke-width: 2.2; }
/* Раскладка управления: закрыта — не занимает места; открывается кнопкой «Управление» */
.section-game__controls { padding: 14px 18px 18px; }
.section-game__controls.is-collapsed { display: none; }
.tags-cloud .section-game__crumbs { margin-bottom: 14px; }
@container (max-width: 700px) {
  .actions-game .stat-pill__dot, .actions-game .stat-pill__votes { display: none; }
}
@media (max-width: 700px) {
  .actions-game { flex-direction: row; align-items: center; padding: 10px 12px; gap: 8px 6px; }
  .actions-game__buttons, .actions-game__side { gap: 6px; }
  .actions-game .action-btn { flex: 0 0 auto; }
  .actions-game .page__compl { width: 38px; padding: 0; gap: 0; font-size: 0; }
  .actions-game .action-stat { padding: 0 2px; }
  .actions-game .stat-pill { padding: 0 10px; }
  .actions-game .game-rating { display: inline-flex; width: auto; }
  .actions-game .react-btn { flex: 0 0 auto; padding: 0 12px; }
  .actions-game #react-dislike { flex: 0 0 auto; padding: 0 11px; }
}

/* «Поделиться» на странице игры: окошко под кнопкой (libs.js, #share-pop) */
.share-pop {
  position: absolute; z-index: 250; width: 300px; max-width: calc(100vw - 16px); padding: 14px;
  background: var(--surface); border: 1px solid var(--border-2); border-radius: var(--r-m);
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
}
.share-pop[hidden] { display: none; }
.share-pop__title { margin: 0 0 12px; font: 600 0.875rem/1.2 var(--body); color: var(--text); }
.share-pop__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.share-pop__item {
  display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 10px; min-width: 0;
  border: 1px solid var(--border); border-radius: var(--r-s);
  color: var(--text-2); font-size: 0.8125rem; white-space: nowrap;
  transition: border-color .15s, background .15s, color .15s;
}
.share-pop__item:hover { border-color: var(--muted); background: var(--card-2); color: var(--text); }
.share-pop__dot {
  width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  font: 700 10px/1 var(--body); color: #fff; text-transform: lowercase;
}
.share-pop__copy { display: flex; gap: 6px; }
.share-pop__copy input[type="text"] { flex: 1; min-width: 0; height: 38px; line-height: 38px; padding: 0 10px; font-size: 0.8125rem; }
.share-pop__copy button { height: 38px; padding: 0 12px; font-size: 0.8125rem; border-radius: var(--r-s); }
@media (max-width: 380px) {
  .actions-game { padding: 10px; gap: 8px 4px; }
  .actions-game__buttons, .actions-game__side { gap: 4px; }
  .actions-game .page__compl, .action-btn--fs { width: 34px; }
  .actions-game .action-stat { font-size: 0.75rem; gap: 4px; }
  .actions-game .stat-pill { padding: 0 8px; gap: 4px; }
  .actions-game .react-btn { padding: 0 9px; gap: 6px; }
  .actions-game #react-dislike { padding: 0 8px; }
}
.share-pop { width: 340px; }
.controls__pill[aria-expanded="true"] .controls__chevron { transform: rotate(180deg); }

/* Пустые категории (0 опубликованных игр) не показываем в иконках и в «Всех категориях».
   Число {news-count} считает движок; кеш меню сбрасывается при публикации игры — иконка появится сама.
   Закрытие таких категорий от индексации и из карты сайта — серверный крон ~/igry-empty-cats.php. */
.bubble-item[data-count="0"], .og[data-count="0"] { display: none; }

/* ════════════════════════════════════════════════════════════════════
   Шапка: плашка «⚡ очки | профиль» и её меню (engine/mods/quests/header.php), 25.09.2026.
   Меню скрипт переносит в <body> и ставит под плашку (position:fixed), всплывашка новых достижений.
   ════════════════════════════════════════════════════════════════════ */
.pts-wrap { position: relative; flex-shrink: 0; }
.pts-pill {
  display: inline-flex; align-items: center; gap: 0; height: 40px; padding: 0;
  border: 1px solid var(--border); border-radius: 99px; background: var(--card); color: var(--text);
  font: inherit; cursor: pointer; transition: border-color .15s, background .15s;
}
.pts-pill:hover, .pts-pill[aria-expanded="true"] { border-color: var(--border-2); background: var(--card-2); color: var(--text); }
.pts-pill__pts {
  display: inline-flex; align-items: center; gap: 6px; padding: 0 12px 0 13px;
  font-family: var(--display); font-size: 0.9375rem; letter-spacing: .02em; font-variant-numeric: tabular-nums;
}
.pts-zap { width: 16px; height: 16px; fill: var(--accent); stroke: none; flex-shrink: 0; }
.pts-pill__sep { width: 1px; height: 20px; background: var(--border-2); }
.pts-pill__user { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 38px; color: var(--text-2); }
.pts-pill__user .icon { width: 18px; height: 18px; }
.pts-pill__user img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; display: block; }

.pts-menu {
  position: fixed; top: 72px; right: 8px; z-index: 260; width: 320px; max-width: calc(100vw - 16px);
  max-height: calc(100vh - 88px); overflow-y: auto; padding: 8px;
  background: var(--surface); border: 1px solid var(--border-2); border-radius: var(--r-m);
  box-shadow: 0 18px 44px rgba(0,0,0,.4);
}
.pts-menu[hidden] { display: none; }
.pts-promo {
  display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center;
  padding: 14px; margin-bottom: 6px; border-radius: var(--r-s);
  background: var(--accent-soft); border: 1px solid var(--accent-line);
}
.pts-promo__text { margin: 0; font-weight: 600; font-size: 0.875rem; line-height: 1.35; color: var(--text); }
.pts-promo__bonus { display: inline-flex; align-items: center; gap: 6px; font-family: var(--display); font-size: 1.375rem; color: var(--text); white-space: nowrap; }
.pts-promo__bonus .pts-zap { width: 20px; height: 20px; }
.pts-promo__note { grid-column: 1 / -1; margin: -4px 0 0; font-size: 0.8125rem; line-height: 1.4; color: var(--text-2); }
.pts-promo__btns { grid-column: 1 / -1; display: flex; gap: 8px; }
.pts-promo__btns > * {
  flex: 1; height: 38px; padding: 0 12px; border-radius: var(--r-s);
  display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 600;
}
.pts-btn-ghost { background: transparent; border: 1px solid var(--border-2); color: var(--text); }
.pts-btn-ghost:hover { background: var(--card-2); color: var(--text); }
.pts-me { display: flex; align-items: center; gap: 12px; padding: 10px 10px 12px; }
.pts-me img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: var(--card-2); flex-shrink: 0; }
.pts-me__name { display: block; margin-bottom: 4px; font-weight: 700; font-size: 0.9375rem; color: var(--text); overflow-wrap: anywhere; }
.pts-rank {
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px;
  border-radius: 99px; font-size: 0.75rem; font-weight: 600; white-space: nowrap;
}
.pts-rank--sm { height: 18px; padding: 0 7px; font-size: 0.6875rem; }
.pts-next {
  display: block; padding: 12px; margin-bottom: 6px; border-radius: var(--r-s);
  background: var(--card); border: 1px solid var(--border); color: var(--muted);
  transition: border-color .15s;
}
.pts-next:hover { border-color: var(--border-2); color: var(--muted); }
.pts-next__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; font-size: 0.8125rem; }
.pts-next__row b { display: inline-flex; align-items: center; gap: 5px; font-family: var(--display); font-weight: 400; font-size: 1.0625rem; color: var(--text); }
.pts-next__bar { display: block; height: 6px; border-radius: 99px; background: var(--card-2); overflow: hidden; }
.pts-next__bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.pts-menu__list { list-style: none; margin: 0; padding: 0; }
.pts-menu__item {
  display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; height: auto;
  padding: 10px 12px; border: 0; border-radius: var(--r-s); background: transparent; box-shadow: none;
  color: var(--text-2); font-size: 0.875rem; font-weight: 500; text-align: left; white-space: normal; cursor: pointer;
}
.pts-menu__item:hover { background: var(--card-2); color: var(--text); }
.pts-menu__item .icon { width: 18px; height: 18px; color: var(--muted); }
.pts-menu__meta { margin-left: auto; color: var(--muted); font-size: 0.8125rem; font-variant-numeric: tabular-nums; }
.pts-menu__sep { height: 1px; margin: 6px 4px; background: var(--border); }
.pts-menu__mob { display: none; }
.pts-menu__mob[hidden] { display: none !important; }

.pts-toast {
  position: fixed; right: 20px; bottom: 20px; z-index: 280; width: 320px; max-width: calc(100vw - 24px);
  padding: 14px 16px; border-radius: var(--r-m); background: var(--surface);
  border: 1px solid var(--accent-line); box-shadow: 0 18px 44px rgba(0,0,0,.45);
  animation: pts-in .3s ease-out; transition: opacity .3s, transform .3s;
}
.pts-toast.is-out { opacity: 0; transform: translateY(10px); }
@keyframes pts-in { from { opacity: 0; transform: translateY(10px); } }
.pts-toast__hd { margin: 0 24px 8px 0; font-family: var(--display); font-size: 0.8125rem; letter-spacing: .06em; text-transform: uppercase; color: var(--accent-text); }
.pts-toast ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pts-toast li { display: flex; align-items: center; gap: 10px; font-size: 0.875rem; color: var(--text); }
.pts-toast li .icon { width: 18px; height: 18px; color: var(--accent); }
.pts-toast li b { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font-family: var(--display); font-weight: 400; white-space: nowrap; }
.pts-toast li b .pts-zap { width: 14px; height: 14px; }
.pts-toast__more a { color: var(--muted); font-size: 0.8125rem; text-decoration: underline; }
.pts-toast__close {
  position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; padding: 0;
  background: transparent; border: 0; color: var(--muted); font-size: 1.25rem; line-height: 1;
}
.pts-toast__close:hover { background: var(--card-2); color: var(--text); }

.comment-author + .pts-rank { margin-left: -2px; }

/* Таблица лидеров на /kvesty.html (#leaders) */
.qp-leaders { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; }
.qp-leader {
  display: flex; align-items: center; gap: 12px; padding: 8px 12px; min-width: 0;
  border-radius: var(--r-s); background: var(--card); border: 1px solid var(--border);
}
.qp-leader--me { border-color: var(--accent-line); background: var(--accent-soft); }
.qp-leader__pos { width: 22px; font-family: var(--display); color: var(--muted); text-align: center; flex-shrink: 0; }
.qp-leader:nth-child(-n+3) .qp-leader__pos { color: var(--accent-text); }
.qp-leader__ava { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: var(--card-2); }
.qp-leader__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--text); }
.qp-leader__pts { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-family: var(--display); white-space: nowrap; font-variant-numeric: tabular-nums; }
.qp-leader__pts .pts-zap { width: 14px; height: 14px; }

@media (max-width: 900px) { .qp-leaders { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) {
  .topbar .history-menu-item, .topbar .add-button { display: none !important; }
  .pts-menu__mob { display: list-item; }
  .pts-pill__pts { padding: 0 9px 0 11px; font-size: 0.875rem; gap: 5px; }
  .pts-pill__user { width: 36px; }
  .pts-toast { left: 12px; right: 12px; bottom: 12px; width: auto; }
}
@media (max-width: 380px) {
  .topbar .favorite-menu-item { display: none; } /* избранное есть в меню плашки */
}
/* Телефон: в плашке только молния и значок профиля/аватар, без числа (число — в меню и в подписи для экранных чтецов) */
@media (max-width: 700px) {
  .pts-pill__num { display: none; }
  .pts-pill__pts { padding: 0 10px 0 12px; }
}
#leaders { scroll-margin-top: 150px; }
.pts-menu { z-index: 285; } /* выше всплывашки достижений */

/* ════════════════════════════════════════════════════════════════════
   Задания недели (engine/mods/quests/weekly.php): главная (вместо блока квестов) и /kvesty.html#week
   ════════════════════════════════════════════════════════════════════ */
.wk-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px;
  margin: -6px 0 16px; font-size: 0.8125rem; color: var(--muted);
}
.wk-bonus { display: inline-flex; align-items: center; gap: 5px; color: var(--text-2); }
.wk-bonus.is-done { color: var(--online); }
.wk-bonus .pts-zap, .wk-reward .pts-zap { width: 14px; height: 14px; }
.wk-count { margin-left: auto; font-family: var(--display); font-size: 0.9375rem; color: var(--text); }
.wk-card .quest-hd { align-items: flex-start; }
.wk-card__txt { flex: 1; min-width: 0; }
.wk-card.quest--done { opacity: .7; }
.wk-card.quest--done .quest-bar-track i { background: var(--online); }
.wk-tier {
  flex-shrink: 0; margin-left: auto; padding: 2px 7px; border: 1px solid currentColor; border-radius: 4px;
  font-family: var(--display); font-size: 0.6875rem; letter-spacing: .06em; text-transform: uppercase; line-height: 1.4;
}
.wk-reward { display: inline-flex; align-items: center; gap: 5px; font-family: var(--display); color: var(--text); }
.wk-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 14px; padding: 14px 16px; border-radius: var(--r-m);
  background: var(--accent-soft); border: 1px solid var(--accent-line);
}
.wk-cta p { margin: 0; max-width: 560px; font-size: 0.875rem; color: var(--text); }
.wk-cta__btns { display: flex; gap: 8px; }
.qp-cat-title .icon { width: 20px; height: 20px; color: var(--accent); }
#week { scroll-margin-top: 150px; }
@media (max-width: 700px) {
  .wk-count { margin-left: 0; }
  .wk-cta__btns { width: 100%; }
  .wk-cta__btns > * { flex: 1; justify-content: center; }
}

/* Подсказка под плеером (engine/mods/quests/game_hint.php): что засчитает эта игра */
.game-hint {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px;
  margin-top: -12px; padding: 10px 16px; border-radius: var(--r-m);
  background: var(--card); border: 1px solid var(--accent-line);
  font-size: 0.8125rem; line-height: 1.4; color: var(--text-2);
}
.game-hint > .pts-zap { width: 16px; height: 16px; }
.game-hint__lbl { font-weight: 600; color: var(--text); }
.game-hint__list { display: flex; flex-wrap: wrap; gap: 4px 18px; list-style: none; margin: 0; padding: 0; flex: 1 1 320px; }
.game-hint b { display: inline-flex; align-items: center; gap: 3px; font-family: var(--display); font-weight: 400; color: var(--text); white-space: nowrap; }
.game-hint b .pts-zap { width: 12px; height: 12px; }
.game-hint__more { margin-left: auto; color: var(--muted); text-decoration: underline; white-space: nowrap; }
.game-hint__more:hover { color: var(--text); }
.game-hint__txt { margin: 0; flex: 1 1 260px; color: var(--text); }
.game-hint__btn { height: 34px; padding: 0 16px; margin-left: auto; font-size: 0.8125rem; }
@media (max-width: 700px) {
  .game-hint { padding: 10px 12px; }
  .game-hint__list { flex-direction: column; flex-basis: 100%; }
  .game-hint--guest .game-hint__btn { width: 100%; justify-content: center; margin-left: 0; }
}

/* ════════════════════════════════════════════════════════════════════
   Журнал достижений (/kvesty.html) и профиль игрока (userinfo.tpl) — 25.09.2026.
   Разметка: engine/mods/quests/journal.php, page.php, profile_inject.php.
   Вместо сетки одинаковых карточек: ближайшие цели с крупным остатком,
   разделы строками с полоской ступеней, выполненное свёрнуто.
   ════════════════════════════════════════════════════════════════════ */
.ach, .pf { grid-column: 1 / -1; min-width: 0; }
#dle-content > form { grid-column: 1 / -1; min-width: 0; }

.ach__hd { margin-bottom: 20px; }
.ach__title { font-size: 2.5rem; line-height: 1.05; letter-spacing: -.01em; color: var(--text); }
.ach__lead { margin-top: 8px; max-width: 62ch; font-size: 0.9375rem; color: var(--text-2); }
.ach__lead .pts-zap { width: 14px; height: 14px; vertical-align: -2px; }

/* Полоса ранга: название, очки, лестница из 10 рангов */
.rk {
  margin-bottom: 36px; padding: 22px 24px 18px;
  background: var(--card); border: 1px solid var(--border); border-radius: var(--r-l);
}
.rk__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; }
.rk__name { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 0; }
.rk__rank { font-family: var(--display); font-size: 1.75rem; line-height: 1; color: var(--rk, var(--accent)); }
.rk__of { font-size: 0.8125rem; color: var(--muted); }
.rk__pts {
  display: inline-flex; align-items: center; gap: 8px; margin: 0;
  font-family: var(--display); font-size: 3.5rem; line-height: .9; color: var(--text);
  font-variant-numeric: tabular-nums; letter-spacing: .01em;
}
.rk__zap { width: 34px; height: 34px; }
.rk-track {
  display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 4px;
  list-style: none; margin: 18px 0 12px; padding: 0;
}
.rk-seg { min-width: 0; }
.rk-seg__bar { display: block; height: 8px; border-radius: 99px; background: var(--card-2); overflow: hidden; }
.rk-seg__bar i { display: block; height: 100%; border-radius: inherit; background: var(--rk, var(--accent)); }
.rk-seg.is-past .rk-seg__bar i { background: color-mix(in srgb, var(--rk, var(--accent)) 45%, var(--card-2)); }
.rk-seg__name {
  display: block; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 0.6875rem; color: var(--muted);
}
.rk-seg.is-now .rk-seg__name { color: var(--text); font-weight: 700; }
.rk__next { display: flex; align-items: center; gap: 6px 16px; flex-wrap: wrap; margin: 0; font-size: 0.9375rem; color: var(--text-2); }
.rk__next b { display: inline-flex; align-items: center; gap: 4px; font-family: var(--display); font-weight: 400; color: var(--text); }
.rk__next b .pts-zap { width: 15px; height: 15px; }
.rk__done { margin-left: auto; font-size: 0.8125rem; color: var(--muted); font-variant-numeric: tabular-nums; }
/* Лестница рангов заливается один раз при открытии страницы */
@media (prefers-reduced-motion: no-preference) {
  .rk-seg.is-past .rk-seg__bar i, .rk-seg.is-now .rk-seg__bar i {
    transform-origin: left; animation: rk-fill .7s cubic-bezier(.16, 1, .3, 1) backwards;
  }
  .rk-seg:nth-child(2) .rk-seg__bar i { animation-delay: .05s; } .rk-seg:nth-child(3) .rk-seg__bar i { animation-delay: .1s; }
  .rk-seg:nth-child(4) .rk-seg__bar i { animation-delay: .15s; } .rk-seg:nth-child(5) .rk-seg__bar i { animation-delay: .2s; }
  .rk-seg:nth-child(6) .rk-seg__bar i { animation-delay: .25s; } .rk-seg:nth-child(7) .rk-seg__bar i { animation-delay: .3s; }
  .rk-seg:nth-child(8) .rk-seg__bar i { animation-delay: .35s; } .rk-seg:nth-child(9) .rk-seg__bar i { animation-delay: .4s; }
  .rk-seg:nth-child(10) .rk-seg__bar i { animation-delay: .45s; }
}
@keyframes rk-fill { from { transform: scaleX(.02); } }

.rk--guest { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
.rk__msg { margin: 0; max-width: 60ch; font-size: 1.0625rem; line-height: 1.5; color: var(--text); }
.rk__msg b { display: inline-flex; align-items: center; gap: 4px; font-family: var(--display); font-weight: 400; color: var(--accent-text); }
.rk__msg .pts-zap { width: 16px; height: 16px; }
.rk__btns { display: flex; gap: 8px; }

/* Разделы: навигация слева, журнал справа */
.ach__body { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: start; }
.rail { position: sticky; top: 88px; }
.rail__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.rail__link {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 12px; border-radius: var(--r-s);
  font-size: 0.875rem; color: var(--text-2); transition: background .15s, color .15s;
}
.rail__link:hover { background: var(--card); color: var(--text); }
.rail__link[aria-current] { background: var(--accent-soft); color: var(--text); }
.rail__n { font-family: var(--display); font-size: 0.75rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.rail__link[aria-current] .rail__n { color: var(--accent-text); }

.sec { margin-bottom: 44px; scroll-margin-top: 96px; }
.sec__hd {
  display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap;
  padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid var(--border);
}
.sec__title { font-size: 1.375rem; line-height: 1.15; color: var(--text); }
.sec__count { font-family: var(--display); font-size: 1.125rem; color: var(--text); font-variant-numeric: tabular-nums; }
.sec__count span { font-size: 0.8125rem; color: var(--muted); }
.sec__note { font-size: 0.8125rem; color: var(--muted); }
.sec__more { margin-left: auto; font-size: 0.8125rem; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.sec__more:hover { color: var(--text); }
.sec__all { margin: 12px 0 0; font-size: 0.875rem; color: var(--muted); }
.sec--near .sec__hd { border-bottom: 0; margin-bottom: 8px; padding-bottom: 0; }

/* Полоска ступеней раздела */
.steps { display: flex; align-items: center; gap: 5px; margin: 0 0 0 auto; padding: 0; list-style: none; flex-wrap: wrap; max-width: 60%; justify-content: flex-end; }
.steps__dot { width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid var(--border-2); flex-shrink: 0; }
.steps__dot.is-done { background: var(--accent); border-color: var(--accent); }
.steps__dot.is-next { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }

/* Полоса прогресса */
.bar { display: block; height: 6px; border-radius: 99px; background: var(--card-2); overflow: hidden; }
.bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }

/* «Почти готово»: крупный остаток справа */
.near { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.near__row {
  display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 20px; align-items: center;
  padding: 18px 22px; border-radius: var(--r-m); background: var(--card); border: 1px solid var(--border);
}
.near__ico {
  width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center;
  background: var(--accent-soft); color: var(--accent);
}
.near__ico .icon { width: 26px; height: 26px; }
.near__main { min-width: 0; display: grid; gap: 4px; }
.near__title { font-size: 1.0625rem; font-weight: 700; color: var(--text); }
.near__desc { font-size: 0.8125rem; color: var(--muted); }
.near__pts { display: inline-flex; align-items: center; gap: 3px; font-family: var(--display); color: var(--text-2); }
.near__pts .pts-zap { width: 12px; height: 12px; }
.near__main .bar { margin-top: 6px; max-width: 420px; }
.near__left { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.near__num {
  font-family: var(--display); font-size: 3.25rem; line-height: .9; color: var(--accent-text);
  font-variant-numeric: tabular-nums;
}
.near__unit { margin-top: 4px; max-width: 10em; font-size: 0.75rem; line-height: 1.3; color: var(--muted); }

/* Строки журнала */
.rows { list-style: none; margin: 0; padding: 0; }
.row {
  display: grid; grid-template-columns: 38px minmax(0, 1fr) minmax(120px, 190px) 88px; gap: 16px; align-items: center;
  padding: 12px 4px; border-bottom: 1px solid var(--border);
}
.row:last-child { border-bottom: 0; }
.row__ico {
  width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center;
  background: var(--card-2); color: var(--text-2);
}
.row__ico .icon { width: 19px; height: 19px; }
.row__main { min-width: 0; display: grid; gap: 2px; }
.row__title { font-size: 0.9375rem; font-weight: 600; color: var(--text); }
.row__legend { margin-left: 8px; font-size: 0.75rem; font-weight: 700; color: var(--accent-text); }
.row__desc { font-size: 0.8125rem; color: var(--muted); }
.row__prog { display: grid; gap: 6px; justify-items: end; }
.row__prog .bar { width: 100%; }
.row__nums { font-family: var(--display); font-size: 0.8125rem; color: var(--text-2); font-variant-numeric: tabular-nums; }
.row__pts {
  justify-self: end; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap;
  font-family: var(--display); font-size: 0.9375rem; color: var(--text);
}
.row__pts .pts-zap { width: 13px; height: 13px; }
.row.is-done { grid-template-columns: 38px minmax(0, 1fr) auto 88px; }
.row.is-done .row__ico { background: var(--accent-soft); color: var(--accent); }
.row.is-done .row__title { color: var(--text-2); }
.row.is-done .row__pts { color: var(--muted); }
.row__date { font-size: 0.75rem; color: var(--muted); font-variant-numeric: tabular-nums; }

details.done { margin-top: 6px; }
.done__sum {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 4px; list-style: none; cursor: pointer;
  font-size: 0.8125rem; font-weight: 600; color: var(--muted); border-radius: var(--r-s);
}
.done__sum::-webkit-details-marker { display: none; }
.done__sum::before {
  content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg); transition: transform .2s;
}
.done[open] > .done__sum::before { transform: rotate(45deg); }
.done__sum:hover { color: var(--text); }
.done__sum:focus-visible, .rail__link:focus-visible, .lead__name:focus-visible, .coll__name:focus-visible, .sec__more:focus-visible {
  outline: 2px solid var(--accent); outline-offset: 2px;
}

/* Задания недели строками: крупный таймер */
.wk2__timer { margin: 0 0 0 auto; font-size: 0.8125rem; color: var(--muted); }
.wk2__timer b { font-family: var(--display); font-weight: 400; font-size: 1.5rem; line-height: 1; color: var(--accent-text); font-variant-numeric: tabular-nums; }
.wk2__bonus { display: flex; align-items: center; gap: 5px; margin: 10px 4px 0; font-size: 0.8125rem; color: var(--text-2); }
.wk2__bonus .pts-zap { width: 13px; height: 13px; }
.wk2__bonus.is-done { color: var(--online); }

/* Таблица лидеров */
.lead { list-style: none; margin: 0; padding: 0; }
.lead__row {
  display: grid; grid-template-columns: 28px 36px minmax(0, 1fr) auto auto; gap: 14px; align-items: center;
  padding: 10px 8px; border-bottom: 1px solid var(--border); border-radius: var(--r-s);
}
.lead__row.is-me { background: var(--accent-soft); }
.lead__pos { font-family: var(--display); color: var(--muted); text-align: center; font-variant-numeric: tabular-nums; }
.lead__row:nth-child(-n+3) .lead__pos { color: var(--accent-text); }
.lead__ava { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: var(--card-2); }
.lead__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--text); }
.lead__name:hover { text-decoration: underline; text-underline-offset: 3px; }
.lead__pts { display: inline-flex; align-items: center; gap: 4px; font-family: var(--display); color: var(--text); white-space: nowrap; font-variant-numeric: tabular-nums; }
.lead__pts .pts-zap { width: 13px; height: 13px; }

/* ── Профиль игрока ── */
.pf { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 40px; align-items: start; }
.pf-card {
  position: sticky; top: 88px; padding: 28px 24px 22px; text-align: center;
  background: var(--card); border: 1px solid var(--border); border-radius: var(--r-l);
}
.pf-card__ava img {
  width: 104px; height: 104px; border-radius: 50%; object-fit: cover; background: var(--card-2);
  box-shadow: 0 0 0 4px var(--card), 0 0 0 6px var(--accent-line);
}
.pf-card__name { margin-top: 18px; font-size: 1.75rem; line-height: 1.1; overflow-wrap: anywhere; color: var(--text); }
.pf-card__group { margin: 8px 0 0; font-size: 0.8125rem; color: var(--muted); }
.pf-card__state { display: inline-flex; align-items: center; gap: 7px; margin: 10px 0 0; font-size: 0.8125rem; color: var(--muted); }
.pf-card__state::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--border-2); }
.pf-card__state.is-on { color: var(--text-2); }
.pf-card__state.is-on::before { background: var(--online); box-shadow: 0 0 0 3px color-mix(in srgb, var(--online) 22%, transparent); }
.pf-card__acts { display: grid; gap: 8px; margin-top: 22px; }
.pf-act a, a.pf-act {
  display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 14px;
  border-radius: var(--r-s); border: 1px solid var(--border-2); background: transparent;
  font-size: 0.875rem; font-weight: 600; color: var(--text); transition: background .15s, border-color .15s;
}
.pf-act--pm a { background: var(--accent); border-color: var(--accent); color: var(--text-on-accent); }
.pf-act--pm a:hover { background: var(--accent-darker); border-color: var(--accent-darker); color: var(--text-on-accent); }
.pf-act--mail a:hover, a.pf-act--edit:hover { background: var(--card-2); color: var(--text); }
a.pf-act--edit { border-style: dashed; color: var(--text-2); }
.pf-card__meta { margin: 22px 0 0; padding: 0; text-align: left; border-top: 1px solid var(--border); }
.pf-card__meta > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 0.8125rem; }
.pf-card__meta dt { color: var(--muted); }
.pf-card__meta dd { margin: 0; color: var(--text); text-align: right; font-variant-numeric: tabular-nums; min-width: 0; overflow-wrap: anywhere; }
.pf-card__meta dd a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.pf-card__about { margin-top: 16px; text-align: left; font-size: 0.875rem; line-height: 1.55; color: var(--text-2); overflow-wrap: anywhere; }
.pf-main { min-width: 0; }
.pf-ach .rk { margin-bottom: 32px; }

/* Коллекция по разделам в профиле */
.coll { list-style: none; margin: 0; padding: 0; }
.coll__row {
  display: grid; grid-template-columns: 180px minmax(0, 1fr) 64px; gap: 16px; align-items: center;
  padding: 11px 4px; border-bottom: 1px solid var(--border);
}
.coll__row:last-child { border-bottom: 0; }
.coll__name { font-size: 0.9375rem; font-weight: 600; color: var(--text); }
.coll__name:hover { color: var(--accent-text); }
.coll__row .steps { margin: 0; max-width: none; justify-content: flex-start; }
.coll__n { justify-self: end; font-family: var(--display); color: var(--text); font-variant-numeric: tabular-nums; }
.coll__n span { font-size: 0.75rem; color: var(--muted); }

@media (max-width: 1100px) {
  .pf { grid-template-columns: 260px minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 900px) {
  .ach__body { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .rail {
    position: sticky; top: 64px; z-index: 5; margin: 0 calc(var(--indent) * -1); padding: 8px var(--indent);
    background: color-mix(in srgb, var(--bg) 94%, transparent); overflow-x: auto; scrollbar-width: none;
  }
  .rail::-webkit-scrollbar { display: none; }
  .rail__list { display: flex; gap: 6px; }
  .rail__link { white-space: nowrap; padding: 6px 12px; border: 1px solid var(--border); border-radius: 99px; }
  .sec { scroll-margin-top: 124px; }
  .pf { grid-template-columns: minmax(0, 1fr); }
  .pf-card { position: static; }
}
@media (max-width: 700px) {
  .ach__title { font-size: 1.875rem; }
  .rk { padding: 18px 16px 14px; }
  .rk__pts { font-size: 2.5rem; }
  .rk__zap { width: 26px; height: 26px; }
  .rk-seg__name { display: none; }
  .rk-seg.is-now .rk-seg__name { display: block; overflow: visible; }
  .rk__done { margin-left: 0; }
  .near__row { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 14px; padding: 14px; }
  .near__ico { width: 40px; height: 40px; border-radius: 11px; }
  .near__ico .icon { width: 21px; height: 21px; }
  .near__num { font-size: 2.25rem; }
  .row, .row.is-done {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    grid-template-areas: "ico main pts" "ico prog prog"; row-gap: 8px; column-gap: 12px;
  }
  .row.is-done { grid-template-areas: "ico main pts" "ico date date"; }
  .row__ico { grid-area: ico; width: 34px; height: 34px; align-self: start; }
  .row__main { grid-area: main; }
  .row__pts { grid-area: pts; align-self: start; }
  .row__prog { grid-area: prog; justify-items: stretch; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; }
  .row__prog .row__nums { order: 2; }
  .row__date { grid-area: date; }
  .steps { max-width: none; width: 100%; margin: 4px 0 0; justify-content: flex-start; }
  .wk2__timer { margin-left: 0; width: 100%; }
  .coll__row { grid-template-columns: minmax(0, 1fr) auto; row-gap: 8px; }
  .coll__row .steps { grid-column: 1 / -1; grid-row: 2; }
  .lead__row { grid-template-columns: 24px 32px minmax(0, 1fr) auto; }
  .lead__row .pts-rank { display: none; }
}
.pf-card__letter {
  width: 104px; height: 104px; margin: 0 auto; border-radius: 50%; display: grid; place-items: center;
  background: var(--accent-soft); color: var(--accent-text);
  font-family: var(--display); font-size: 3rem; line-height: 1;
  box-shadow: 0 0 0 4px var(--card), 0 0 0 6px var(--accent-line);
}
/* Журнал: правки после финального ревью */
.near__row { grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-rows: auto auto; row-gap: 12px; }
.near__ico { grid-row: 1; }
.near__main { grid-row: 1; }
.near__left { grid-row: 1; }
.near__bar { grid-column: 2 / -1; grid-row: 2; }
.near__main .bar { display: none; }
.near__pts { white-space: nowrap; margin-left: 6px; }
.act {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; width: fit-content;
  font-size: 0.8125rem; font-weight: 700; color: var(--accent-text);
}
.act .icon { width: 14px; height: 14px; transition: transform .2s cubic-bezier(.16, 1, .3, 1); }
.act:hover { color: var(--accent-text); text-decoration: underline; text-underline-offset: 3px; }
.act:hover .icon { transform: translateX(3px); }
.act:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
.row__main .act { margin-top: 4px; }
.sec__full {
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 99px;
  font-size: 0.75rem; font-weight: 700; color: var(--text-on-accent); background: var(--accent);
}
.earned { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px 16px; }
.earned__item { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 0.8125rem; font-weight: 600; color: var(--text-2); }
.earned__item .icon {
  width: 30px; height: 30px; padding: 7px; flex-shrink: 0; border-radius: 9px;
  background: var(--accent-soft); color: var(--accent);
}
.earned__item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead__row:nth-child(-n+3) .lead__pos { color: var(--text); }
@media (max-width: 700px) {
  .near__row { grid-template-columns: 40px minmax(0, 1fr) auto; }
  .row__prog { grid-template-columns: minmax(0, 1fr) auto; }
  .row__prog .row__nums { order: 2; }
  .row__prog .bar { order: 1; }
  .earned { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.act { flex-wrap: wrap; column-gap: 0; }
.act__end { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
@media (max-width: 700px) {
  .earned__item span { white-space: normal; overflow: visible; line-height: 1.25; }
  .act { display: inline; }
  .act__end .icon { vertical-align: -2px; }
}
@media (max-width: 360px) { .earned { grid-template-columns: minmax(0, 1fr); } }
.act { flex-wrap: wrap; column-gap: 0; }
.act__end { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
@media (max-width: 700px) {
  .earned__item span { white-space: normal; overflow: visible; line-height: 1.25; }
  .act { display: inline; }
  .act__end .icon { vertical-align: -2px; }
}
@media (max-width: 360px) { .earned { grid-template-columns: minmax(0, 1fr); } }

/* Большие мониторы: колонка плеера не шире ~980px, а высота росла с экраном до 1000px → плеер почти квадратный.
   Высоту ограничиваем пропорцией ширины колонки: игровое поле не выше ~16:10 (+ шапка и ряд кнопок ~150px). */
@media (min-width: 769px) {
  .game-layout { container-type: inline-size; }
  .game-layout > .section-game {
    height: min(clamp(480px, calc(100svh - 180px), 1000px), calc(100cqi * .6 + 150px));
  }
}
@media (min-width: 1200px) {
  .game-layout > .section-game {
    height: min(clamp(480px, calc(100svh - 180px), 1000px), calc((100cqi - 344px) * .6 + 150px));
  }
}

/* Поля ввода: без оранжевой рамки фокуса (фокус видно по подсветке самого поля); кнопки и ссылки — с рамкой для клавиатуры */
:where(input, textarea, select):focus-visible { outline: none !important; }
.lgn__input:focus { border-color: var(--border-2); background: var(--card-2); }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { box-shadow: inset 0 0 0 1px var(--border-2); }

/* «На весь экран»: без подложки, крупная оранжевая иконка */
.action-btn--fs, .action-btn--fs:hover { background: transparent; border-color: transparent; color: var(--accent); }
.action-btn--fs:hover { color: var(--accent-darker); background: var(--card-2); }
.action-btn--fs .icon { width: 26px; height: 26px; stroke-width: 2.2; }

/* Телефон: поиск — лупа в шапке, поле раскрывается под шапкой */
.msearch-btn, .msearch { display: none; }
@media (max-width: 700px) {
  .topbar .search-wrap { display: none; }
  .msearch-btn { display: flex; }
  .msearch-btn[aria-expanded="true"] { background: var(--card); color: var(--text); }
  .msearch:not([hidden]) {
    display: flex; gap: 8px; padding: 10px var(--indent);
    background: var(--bg); border-bottom: 1px solid var(--border);
  }
  .msearch input[type="search"] {
    flex: 1; min-width: 0; height: 44px; padding: 0 14px; font-size: 16px;
    background: var(--card); color: var(--text); border: 1px solid var(--border-2); border-radius: var(--r-s);
    -webkit-appearance: none; appearance: none;
  }
  .msearch input[type="search"]:focus { border-color: var(--accent-line); }
  .msearch__go { height: 44px; padding: 0 16px; border-radius: var(--r-s); font-size: 0.9375rem; font-weight: 700; }
}
.act { display: inline-block; } /* inline-flex съедал пробел между словами */
.act__end { vertical-align: middle; }
.act__end { display: inline; vertical-align: baseline; }
.act__end .icon { margin-left: 6px; vertical-align: -2px; }

/* Страница игры: служебные подписи блоков — не заголовки (для SEO H2 остаются только у описания), вид тот же */
.aside-similar__hd .hd {
  display: flex; align-items: center; gap: 8px; margin: 0; min-width: 0;
  font-family: var(--display); font-weight: 400; font-size: 1.0625rem;
  line-height: 1.1; letter-spacing: -.01em; color: var(--text); text-wrap: balance;
}
.aside-similar__hd .hd .icon { width: 20px; height: 20px; color: var(--accent); }
.tags-cloud .hd { font-family: var(--display); font-size: 1rem; font-weight: 400; line-height: 1.1; letter-spacing: -.01em; color: var(--text); margin: 0 0 14px; }
.comments-hd .hd { font-family: var(--display); font-size: 1.25rem; font-weight: 400; line-height: 1.1; letter-spacing: -.015em; color: var(--text); margin: 0; }
p.top-players__title { margin: 0; }
.cta-end .hd { font-family: var(--display); font-size: 1.375rem; font-weight: 400; line-height: 1.1; letter-spacing: -.02em; color: var(--text); margin: 0 0 8px; }

/* Windows: у Black Ops One и Russo One одно начертание (400). При font-weight 600–800 браузер рисует
   «поддельный» жирный — на Windows буквы расплываются и слипаются. Запрещаем подделку, у заголовков
   убираем сжатие букв. Manrope (текст) имеет настоящие 600/700 — его это не касается. */
html { font-synthesis: none; }
h1, h2, h3, h4, h5, h6, .hd, .sec-title, .header-game__title { letter-spacing: 0; }
html body :is(h1, h2, h3, h4, h5, h6, .hd, .sec-title) { letter-spacing: 0; } /* без сжатия у шрифтов с одним начертанием */
.header-game__title { font-size: 1.5rem; }
@media (max-width: 700px) { .header-game__title { font-size: 1.375rem; } }
.header-game__title { text-wrap: wrap; } /* balance делил название на две строки, даже когда оно влезает в одну */

/* Светлая тема: «мандарин» на белом слишком светлый для значков (2.68:1) — берём тон на ступень глубже */
:root[data-theme="light"] { --accent: #EA580C; --accent-darker: #C2410C; --accent-hover: #F97316; --yellow: #EA580C; }

/* Метки поверх картинок: цвета не зависят от темы */.gbadge,[data-label]::after{background:rgba(28,30,33,.9);color:#F2F3F5;border-color:rgba(255,255,255,.16);}.gcard-rating-badge{background:rgba(28,30,33,.78);color:#F2F3F5;border-color:rgba(255,255,255,.14);}.desk-only{color:#CDD0D5;border-color:rgba(255,255,255,.14);}
/* Верхнее меню с иконками + обрезка третьего ряда иконок категорий */.navtabs-inner{align-items:stretch}.ntab{padding:13px 11px;font-size:0.875rem;gap:8px}.ntab svg{display:inline-block}.ntab .icon{width:18px;height:18px;color:var(--muted);transition:color .15s}.ntab:hover .icon{color:var(--text)}.ntab.on .icon,.ntab.active .icon{color:var(--accent-text)}.ntab-sep{flex:none;align-self:center;width:1px;height:20px;margin:0 10px;background:var(--border-2)}.navtabs .ntab.ntab--all{margin-left:auto;padding:7px 12px 7px 12px;border:1px solid var(--border-2);border-radius:100px;background:var(--card);color:var(--text);font-size:0.875rem}.navtabs .ntab.ntab--all .icon{color:var(--text-2)}.navtabs .ntab.ntab--all .ntab__chev{width:14px;height:14px;margin-left:-2px;transition:transform .15s}.navtabs .ntab.ntab--all[aria-expanded="true"] .ntab__chev{transform:rotate(180deg)}.navtabs .ntab.ntab--all:hover,.navtabs .ntab.ntab--all[aria-expanded="true"]{background:var(--card-2);border-color:var(--muted);color:var(--text)}:root[data-theme="light"] .navtabs .ntab.ntab--all.ntab--all{color:var(--text)}.navmore{position:fixed;z-index:270;width:400px;max-width:calc(100vw - 16px);max-height:calc(100vh - 140px);overflow-y:auto;padding:8px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-m);box-shadow:0 18px 44px rgba(0,0,0,.4)}.navmore[hidden]{display:none}:root[data-theme="light"] .navmore{box-shadow:0 18px 44px rgba(20,20,26,.16)}.navmore__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.navmore__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-s);color:var(--text-2);font-size:0.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.navmore__item .icon{color:var(--muted);transition:color .15s}.navmore__item:hover{background:var(--card-2);color:var(--text)}.navmore__item:hover .icon{color:var(--text)}.navmore__item[class*="--p"]{display:none}.navmore__all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:12px;border-top:1px solid var(--border);color:var(--accent-text);font-size:0.875rem;font-weight:600;text-decoration:none}.navmore__all .icon{width:16px;height:16px}.navmore__all:hover{color:var(--text)}@media (max-width:700px){.ntab{padding:12px 11px}.navtabs .ntab.ntab--all{margin-left:8px}.navtabs .ntab.ntab--all .ntab__chev{display:none}}@media (min-width:701px) and (max-width:1279px){.ntab--p3{display:none}.navmore__item.navmore__item--p3{display:flex}}@media (min-width:701px) and (max-width:1185px){.ntab--p4{display:none}.navmore__item.navmore__item--p4{display:flex}}@media (min-width:701px) and (max-width:1092px){.ntab--p5{display:none}.navmore__item.navmore__item--p5{display:flex}}@media (min-width:701px) and (max-width:1005px){.ntab--p6{display:none}.navmore__item.navmore__item--p6{display:flex}}@media (min-width:701px) and (max-width:865px){.ntab--p7{display:none}.navmore__item.navmore__item--p7{display:flex}}@media (min-width:701px){.home-v2 .sect-categories__boxes-item.visible{clip-path:inset(0 0 12px 0)}}
/* Иконки категорий на главной: плоские кружки, ячейка «+N», вкладки в одну строку */.home-v2 .sect-categories__tabs{gap:6px;margin-bottom:12px}.home-v2 .sect-categories__boxes{min-height:258px}.home-v2 .sect-categories__boxes-item.visible{padding-top:10px}.home-v2 .sect-categories__boxes-item.visible.is-fit{clip-path:none}.home-v2 .sect-categories__boxes-item.visible.is-open{grid-auto-rows:auto}.home-v2 .sect-categories__boxes-item.visible.loading{display:flex;align-items:center;justify-content:center;min-height:258px;padding:0}.home-v2 .bubble-item.is-over{display:none}.home-v2 .bubble-item img{box-shadow:0 0 0 1px var(--border);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s}.home-v2 .bubble-name{font-weight:500;transition:color .15s}@media (hover:hover){.home-v2 .bubble-item:hover img{transform:translateY(-3px);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}}.home-v2 .bubble-more{background:none;border:0;border-radius:0;box-shadow:none;height:auto;padding:0 0 14px;color:inherit;font:inherit;white-space:normal;cursor:pointer}.home-v2 .bubble-more:hover{background:none;color:inherit}.home-v2 .bubble-more__mark{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--card-2);box-shadow:0 0 0 1px var(--border-2);font-family:var(--display);font-size:1.125rem;font-variant-numeric:tabular-nums;color:var(--text);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s,background .2s}.home-v2 .bubble-more__mark .icon{width:22px;height:22px;stroke-width:2}.home-v2 .bubble-more .bubble-name{color:var(--text)}@media (hover:hover){.home-v2 .bubble-more:hover .bubble-more__mark{transform:translateY(-3px);background:var(--accent-soft);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}}.home-v2 .cat-err{margin:auto;padding:24px 0;font-size:0.875rem;color:var(--muted);text-align:center}.home-v2 .cat-err__btn{height:auto;padding:0;margin-left:6px;background:none;border:0;box-shadow:none;color:var(--accent-text);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.home-v2 .cat-err__btn:hover{background:none;color:var(--text)}@media (prefers-reduced-motion:no-preference){.home-v2 .sect-categories__boxes-item.visible.is-in{animation:cat-in .22s cubic-bezier(.2,0,0,1)}}@keyframes cat-in{from{opacity:0;transform:translateY(4px)}}@media (max-width:1160px){.home-v2 .sect-categories__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--indent));padding-inline:var(--indent)}.home-v2 .sect-categories__tabs::-webkit-scrollbar{display:none}.home-v2 .sect-categories__tabs-item{flex:none}}@media (max-width:700px){.home-v2 .sect-categories__boxes{min-height:222px}.home-v2 .sect-categories__boxes-item.visible.loading{min-height:222px}}
.sec-lead{display:flex;align-items:center;flex-wrap:wrap;gap:2px 0;min-width:0}.sec-lead .sec-meta{padding-top:3px}.sec-hd:has(> .sec-lead){align-items:center}@media (max-width:700px){.sec-lead .sec-meta{margin-left:28px;padding-top:0}}
:root[data-theme="light"] .tptab.tptab.tptab.is-active{color:var(--text-on-accent)}
/* «Мои игры» на главной: плитка и обложки в один ряд */#continue-section{margin-bottom:24px}#continue-section .continue-strip{gap:10px;padding:4px 0}#continue-section .cs-item{flex:0 0 76px;width:76px;height:76px;border-radius:var(--r-m)}#continue-section .cs-overlay svg{width:24px;height:19px}#continue-section .cs-my{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:10px;background:var(--card-2);border:1px solid var(--border-2);box-shadow:none;color:var(--text);font-family:var(--display);font-size:0.8125rem;font-weight:400;line-height:1.15;text-align:left;white-space:normal;cursor:pointer;transition:background .15s,border-color .15s,transform .18s cubic-bezier(.2,0,0,1)}#continue-section .cs-my .icon{width:16px;height:16px;stroke-width:2;color:var(--accent-text);align-self:flex-end}#continue-section .cs-my:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text)}@media (max-width:700px){#continue-section{margin-bottom:20px}#continue-section .continue-strip{gap:8px;margin-inline:calc(-1 * var(--indent));padding-inline:var(--indent)}#continue-section .cs-item{flex-basis:64px;width:64px;height:64px}#continue-section .cs-my{padding:8px;font-size:0.75rem}}
/* Цвета оформления за очки: data-accent на html */:root[data-accent="violet"]{--accent:#9488FF;--accent-darker:#7F71F5;--accent-hover:#AEA5FF;--accent-soft:rgba(148,136,255,.14);--accent-line:rgba(148,136,255,.40);--accent-text:#9488FF;--yellow:#9488FF;--ui-bg-accent:rgba(148,136,255,.14);--text-on-accent:#0B0B0E;--text-color-on-accent:#0B0B0E;--ui-text-color-on-accent:#0B0B0E}:root[data-accent="violet"][data-theme="light"]{--accent:#5B48E8;--accent-darker:#4A38D4;--accent-hover:#6B58FF;--accent-soft:rgba(91,72,232,.09);--accent-line:rgba(91,72,232,.34);--accent-text:#5B48E8;--yellow:#5B48E8;--ui-bg-accent:rgba(91,72,232,.09);--text-on-accent:#FFFFFF;--text-color-on-accent:#FFFFFF;--ui-text-color-on-accent:#FFFFFF}:root[data-accent="amber"]{--accent:#FFA24A;--accent-darker:#F08A2C;--accent-hover:#FFB870;--accent-soft:rgba(255,162,74,.12);--accent-line:rgba(255,162,74,.36);--accent-text:#FFA24A;--yellow:#FFA24A;--ui-bg-accent:rgba(255,162,74,.12);--text-on-accent:#0B0B0E;--text-color-on-accent:#0B0B0E;--ui-text-color-on-accent:#0B0B0E}:root[data-accent="amber"][data-theme="light"]{--accent:#D9730D;--accent-darker:#C0650A;--accent-hover:#E67E17;--accent-soft:rgba(217,115,13,.10);--accent-line:rgba(217,115,13,.38);--accent-text:#A8500B;--yellow:#D9730D;--ui-bg-accent:rgba(217,115,13,.10)}:root[data-accent] [fill="#F97316"]{fill:var(--accent)}:root[data-accent][data-theme="light"] :is(.promo-cta:hover,.ss-more:hover){color:var(--accent-darker)}.pts-colors{padding:10px 12px 12px;margin-bottom:6px;border-radius:var(--r-s);background:var(--card);border:1px solid var(--border)}.pts-colors__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.pts-colors__hd{font-size:0.75rem;font-weight:600;color:var(--muted)}.pts-colors__bal{display:inline-flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--muted);white-space:nowrap}.pts-colors__bal b{font-family:var(--display);font-weight:400;font-size:0.8125rem;color:var(--text);font-variant-numeric:tabular-nums}.pts-colors__bal .pts-zap,.pts-color small .pts-zap,.pts-buy .pts-zap{width:11px;height:11px}.pts-colors__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pts-color{display:flex;flex-direction:column;align-items:center;gap:5px;height:auto;min-width:0;padding:8px 4px;border:1px solid transparent;border-radius:var(--r-s);background:transparent;box-shadow:none;color:var(--text-2);font:inherit;font-size:0.75rem;font-weight:500;line-height:1.2;text-align:center;white-space:normal;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pts-color:hover{background:var(--card-2);color:var(--text)}.pts-color i{display:block;flex:none;width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--border-2)}.pts-color.is-on,.pts-color.is-try{border-color:var(--border-2);background:var(--card-2);color:var(--text)}.pts-color.is-on i,.pts-color.is-try i{box-shadow:0 0 0 2px var(--card-2),0 0 0 4px var(--sw)}.pts-color small{display:inline-flex;align-items:center;gap:2px;font-family:var(--display);font-size:0.6875rem;color:var(--muted);font-variant-numeric:tabular-nums}.pts-buy{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.pts-buy[hidden]{display:none}.pts-buy p{margin:0 0 8px;font-size:0.8125rem;line-height:1.4;color:var(--text-2)}.pts-buy p b{display:inline-flex;align-items:center;gap:2px;font-family:var(--display);font-weight:400;color:var(--text);white-space:nowrap}.pts-buy > div{display:flex;gap:8px}.pts-buy__go,.pts-buy__no{flex:1;display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:0;padding:0 12px;border-radius:var(--r-s);font:inherit;font-size:0.8125rem;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:none}.pts-buy__go{background:var(--accent);color:var(--text-on-accent);border:0}.pts-buy__go:hover{background:var(--accent-darker);color:var(--text-on-accent)}.pts-buy__go:disabled{opacity:.6;cursor:default}.pts-buy__no{flex:0 0 auto;background:transparent;color:var(--text-2);border:1px solid var(--border-2)}.pts-buy__no:hover{background:var(--card-2);color:var(--text)}.pts-next__all{display:block;margin-top:8px;font-size:0.75rem;color:var(--muted)}.ach .pts-colors{margin:0 0 36px;padding:16px 20px 18px;border-radius:var(--r-m)}.ach .pts-colors__top{margin-bottom:12px}.ach .pts-colors__hd{font-family:var(--display);font-size:1rem;font-weight:400;color:var(--text)}.ach .pts-colors__bal{font-size:0.8125rem}.ach .pts-colors__row{grid-template-columns:repeat(3,minmax(0,220px));gap:10px}.ach .pts-color{flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 12px;font-size:0.875rem;text-align:left;border-color:var(--border)}.ach .pts-color span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach .pts-color small{flex:none;margin-left:auto;font-size:0.75rem}.ach .pts-buy{max-width:590px}.ach .pts-buy__go{flex:0 0 auto;min-width:140px}@media (max-width:720px){.ach .pts-colors__row{grid-template-columns:1fr}.ach .pts-buy__go{flex:1}}

/* Оценка игры: лайк/дизлайк с мгновенным откликом (fullstory.tpl), оценка на карточках «Рекомендуем» (02.10.2026) */
.stat-pill[hidden], .agame__score[hidden] { display: none; }
.agame__score-val { font-weight: 700; }
.react-num { min-width: 1ch; font-variant-numeric: tabular-nums; }
.vote-toast {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 400;
  max-width: calc(100vw - 32px); padding: 11px 18px; border-radius: var(--r-s);
  background: var(--surface); border: 1px solid var(--border-2); box-shadow: 0 8px 32px rgba(0,0,0,.4);
  color: var(--text); font-size: 0.875rem; font-weight: 500; text-align: center;
}
.vote-toast[hidden] { display: none; }
#react-like.is-on{background:var(--accent);color:var(--text-on-accent)}#react-dislike.is-on{background:color-mix(in srgb,var(--info) 24%,transparent);color:var(--info)}

/* ══ Страница игры на телефонах и планшетах + подвал (02.10.2026) ══
   Обложки на сервере 150×150, поэтому колонок столько, чтобы картинка не растягивалась заметно больше ~170px. */
@media (max-width: 1199px) {
  .game-layout > .aside-similar { align-self: stretch; width: auto; }   /* блок был уже соседних: родитель — flex-колонка */
  .aside-similar__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .more-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .aside-similar__grid { gap: 14px 10px; }
  .aside-similar .agame__views { display: none; }   /* в узкой карточке остаётся название и оценка */
  .more-grid { gap: 12px 10px; }
}
@media (max-width: 700px) {
  .aside-similar__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 10px; }
  .more-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; }
  .more-grid.cv-lazy { contain-intrinsic-size: auto 350px; }
  .more-grid .gcard-name { font-size: 0.75rem; }
}
@media (max-width: 430px) {
  .aside-similar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aside-similar .agame__views { display: inline-flex; }
}

/* Постер в описании: не крупнее исходника */
.descr-article__head { grid-template-columns: 150px minmax(0, 1fr); }
.descr-article__poster { width: 150px; height: 150px; border-radius: var(--r-m); }
@media (max-width: 700px) {
  /* постер и факты рядом, текст описания — ниже на всю ширину */
  .descr-article__head { grid-template-columns: 112px minmax(0, 1fr); gap: 14px 16px; align-items: center; }
  .descr-article__poster { width: 112px; height: 112px; max-width: none; margin: 0; grid-column: 1; grid-row: 1; }
  .descr-article__intro { display: contents; }
  .descr-article__intro > [itemprop="description"] { grid-column: 1 / -1; grid-row: 2; }
  .descr-article__intro > .descr-facts { grid-column: 2; grid-row: 1; gap: 6px; }
  .descr-article__intro > .descr-facts li { font-size: 0.8125rem; gap: 8px; }
}

/* Подвал: слева логотип и описание, справа «Информация»; колонка «Категории» убрана */
footer, .footer { padding: 32px 0 22px; }
.footer-grid { grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: start; margin-bottom: 24px; }
.footer-col { min-width: 150px; }
@media (max-width: 480px) {
  .footer-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .footer-col__title { margin-bottom: 6px; }
  .footer-col .footer-links { display: flex; flex-wrap: wrap; gap: 0 20px; }
}
/* «Советуем поиграть» в узких колонках: название в две строки вместо обрезки на первой */
@media (max-width: 1199px) {
  .more-grid .gcard-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; line-height: 1.3; }
  .more-grid.cv-lazy { contain-intrinsic-size: auto 240px; }
}
@media (max-width: 700px) { .more-grid.cv-lazy { contain-intrinsic-size: auto 380px; } }

/* Тексты категорий и главной: ссылки должны быть видны как ссылки, подзаголовкам — воздух сверху (02.10.2026) */
.descr__text a { color: var(--accent-text); text-decoration: underline; text-decoration-color: var(--accent-line); text-underline-offset: 3px; }
.descr__text a:hover { text-decoration-color: currentColor; }
.descr__text h3 { margin-top: 20px; }
.descr__text h2 + h3 { margin-top: 10px; }

/* «Похожие разделы» на странице категории (engine/mods/relcats, 02.10.2026) */
.relcats { margin: 0 0 32px; }
.relcats__hd { margin: 0 0 12px; font-family: var(--display); font-size: 1.0625rem; color: var(--text); }
.relcats__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.relcat {
  display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 99px;
  background: var(--card); border: 1px solid var(--border-2); color: var(--text-2);
  font-size: 0.875rem; font-weight: 500; text-decoration: none; white-space: nowrap;
  transition: background .15s, border-color .15s, color .15s;
}
.relcat:hover { background: var(--accent-soft); border-color: var(--accent-line); color: var(--text); }
.relcats__list li:first-child .relcat { background: var(--card-2); color: var(--text); font-weight: 600; }
@media (max-width: 700px) {
  .relcats__list { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--indent)); padding-inline: var(--indent); }
  .relcats__list::-webkit-scrollbar { display: none; }
}

/* ── Аватары и рамки за очки (Quests::face / cosmPicker) ── */
.qface { position: relative; display: inline-block; width: var(--qs); height: var(--qs); flex: none; vertical-align: middle; }
.qface__ava { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: var(--card-2); }
/* рамка вдвое шире аватара, отверстие строго по центру (см. shop/prepare.py) */
.qface__fr { position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; max-width: none; transform: translate(-50%, -50%); pointer-events: none; z-index: 1; }
.lead__ava.qface { background: none; }
.pf-card__ava.has-face .qface__ava { box-shadow: none; }
.pf-card__ava .qface__fr { width: 200%; height: 200%; border-radius: 0; background: none; box-shadow: none; }
.pf-card__ava .qface.has-frame { margin: 34px 0 30px; }
.pts-cosm .pts-colors__hd { margin: 0; }
.pts-cosm__body { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 20px; align-items: start; }
.pts-cosm__preview { display: flex; align-items: center; justify-content: center; height: 200px; border-radius: var(--r-s); background: var(--card-2); overflow: hidden; }
.pts-cosm__tabs { display: flex; gap: 6px; margin-bottom: 12px; }
.pts-cosm__tab {
  height: 32px; min-height: 0; padding: 0 14px; border-radius: 99px; border: 1px solid var(--border); background: transparent; box-shadow: none;
  color: var(--text-2); font: inherit; font-size: 0.8125rem; font-weight: 600; cursor: pointer;
}
.pts-cosm__tab:hover { color: var(--text); background: var(--card-2); }
.pts-cosm__tab[aria-selected="true"] { background: var(--accent); border-color: var(--accent); color: var(--text-on-accent); }
.pts-cosm__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.pts-cosm__grid[hidden] { display: none; }
.pts-item {
  display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; height: auto;
  padding: 8px 4px 7px; border: 1px solid var(--border); border-radius: var(--r-s); background: transparent; box-shadow: none;
  color: var(--text-2); font: inherit; font-size: 0.75rem; font-weight: 500; line-height: 1.2; text-align: center; cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.pts-item:hover { background: var(--card-2); color: var(--text); }
.pts-item img { width: 56px; height: 56px; flex: none; border-radius: 50%; background: var(--card-2); object-fit: cover; }
.pts-item[data-kind="frame"] img { border-radius: 0; background: none; object-fit: contain; }
.pts-item--none i { display: block; width: 56px; height: 56px; flex: none; border-radius: 50%; border: 2px dashed var(--border-2); }
.pts-item span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pts-item small { display: inline-flex; align-items: center; gap: 2px; font-family: var(--display); font-size: 0.6875rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.pts-item small .pts-zap { width: 11px; height: 11px; }
.pts-item.is-on, .pts-item.is-try { border-color: var(--accent); background: var(--accent-soft); color: var(--text); }
.pts-cosm .pts-buy { margin-top: 12px; }
@media (max-width: 720px) {
  .pts-cosm__body { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .pts-cosm__preview { height: 170px; }
  .pts-cosm__grid { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); }
}

/* ── Таблица лидеров: кубок на главной и в таблице (Quests::leadersLink, journal leaders) ── */
:root { --cup-gold: #F5B83D; --cup-silver: #C3CAD4; --cup-bronze: #D08A55; }
:root[data-theme="light"] { --cup-gold: #C98A0B; --cup-silver: #8A94A3; --cup-bronze: #A8642F; }
.lead-link {
  display: inline-flex; align-items: center; gap: 8px; flex: none; min-block-size: 2.75rem;
  padding: 6px 8px 6px 12px; border-radius: 99px; text-decoration: none; white-space: nowrap;
  background: color-mix(in srgb, var(--cup-gold) 12%, transparent); border: 1px solid color-mix(in srgb, var(--cup-gold) 45%, transparent);
  color: var(--text); font-size: 0.875rem; font-weight: 600; transition: background .15s, border-color .15s;
}
.lead-link:hover { background: color-mix(in srgb, var(--cup-gold) 20%, transparent); border-color: var(--cup-gold); color: var(--text); }
.lead-link__cup { width: 20px; height: 20px; flex: none; fill: none; stroke: var(--cup-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lead-link__short { display: none; }
.lead-link__faces { display: inline-flex; padding-left: 2px; }
.lead-link__faces img { width: 26px; height: 26px; flex: none; border-radius: 50%; object-fit: cover; background: var(--card-2); border: 2px solid var(--bg); }
.lead-link__faces img + img { margin-left: -9px; }
@media (max-width: 560px) {
  .lead-link__txt { display: none; }
  .lead-link__short { display: inline; }
  .lead-link__faces img { width: 22px; height: 22px; }
}
.sec__title--cup { display: flex; align-items: center; gap: 10px; }
.lead-cup { width: 22px; height: 22px; flex: none; fill: none; stroke: var(--cup-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lead__pos--cup { display: inline-flex; justify-content: center; }
.lead-cup--1 { stroke: var(--cup-gold); fill: color-mix(in srgb, var(--cup-gold) 30%, transparent); }
.lead-cup--2 { stroke: var(--cup-silver); fill: color-mix(in srgb, var(--cup-silver) 25%, transparent); }
.lead-cup--3 { stroke: var(--cup-bronze); fill: color-mix(in srgb, var(--cup-bronze) 25%, transparent); }
.lead__row:nth-child(-n+3) .lead__name { color: var(--text); }
.lead__row:first-child { background: color-mix(in srgb, var(--cup-gold) 8%, transparent); }
.lead__row:first-child.is-me { background: var(--accent-soft); }

/* Ранг: число «заработано всего» — было 3.5rem и спорило с рангом; подпись отличает его от «на счету» */
.rk__pts { flex-direction: column; align-items: flex-end; gap: 4px; font-size: 2.5rem; }
.rk__lbl { font-family: var(--body); font-size: 0.75rem; line-height: 1; letter-spacing: 0; color: var(--muted); }
.rk__num { display: inline-flex; align-items: center; gap: 6px; }
.rk__zap { width: 26px; height: 26px; }
@media (max-width: 700px) {
  .rk__pts { font-size: 2rem; align-items: flex-start; }
  .rk__zap { width: 22px; height: 22px; }
}

/* Меню: «Лавка наград» с витриной из трёх аватаров */
.pts-menu__faces { display: inline-flex; }
.pts-menu__faces img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; background: var(--card-2); border: 2px solid var(--card); }
.pts-menu__faces img + img { margin-left: -7px; }

.lead-link__faces b { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none; border-radius: 50%; border: 2px solid var(--bg); font-family: var(--display); font-size: 0.75rem; font-weight: 400; line-height: 1; }
.lead-link__faces > * + * { margin-left: -9px; }
@media (max-width: 560px) { .lead-link__faces b { width: 22px; height: 22px; font-size: 0.6875rem; } }

.qface__l { display: flex; align-items: center; justify-content: center; font-family: var(--display); font-weight: 400; font-size: calc(var(--qs) * .42); line-height: 1; }

/* ── Вызов другу (challenge.php, кнопка в fullstory, окно из header.php) ── */
.page__ch-btn { width: auto; gap: 6px; padding: 0 12px; color: var(--cup-gold); border-color: color-mix(in srgb, var(--cup-gold) 40%, transparent); }
.page__ch-btn:hover { color: var(--cup-gold); border-color: var(--cup-gold); }
.game-button__txt { font-size: 0.8125rem; font-weight: 600; color: var(--text); }
@media (max-width: 420px) { .page__ch-btn { width: 42px; padding: 0; } .page__ch-btn .game-button__txt { display: none; } }
.game-hint--ch { border-color: color-mix(in srgb, var(--cup-gold) 45%, transparent); background: color-mix(in srgb, var(--cup-gold) 8%, var(--card)); }
.game-hint--ch .lead-cup { width: 20px; height: 20px; }
.game-hint--ch .game-hint__txt b { color: var(--text); }
.ch-bar { display: block; height: 6px; margin-top: 8px; border-radius: 99px; background: var(--card-2); overflow: hidden; }
.ch-bar i { display: block; height: 100%; border-radius: inherit; background: var(--cup-gold); }
.ch-dlg { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0,0,0,.55); }
.ch-dlg__box { position: relative; width: min(460px, 100%); padding: 22px 22px 18px; border-radius: var(--r-l); background: var(--card); border: 1px solid var(--border); box-shadow: 0 24px 60px rgba(0,0,0,.45); }
.ch-dlg__x { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; min-height: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: var(--muted); font-size: 1.5rem; line-height: 1; cursor: pointer; }
.ch-dlg__x:hover { background: var(--card-2); color: var(--text); }
.ch-dlg__hd { margin: 0 0 10px; font-family: var(--display); font-size: 1.25rem; font-weight: 400; color: var(--text); }
.ch-dlg__msg { margin: 0 0 14px; font-size: 0.9375rem; line-height: 1.5; color: var(--text); }
.ch-dlg__msg .pts-zap, .ch-dlg__note .pts-zap { width: 13px; height: 13px; vertical-align: -1px; }
.ch-dlg__share { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; margin-bottom: 10px; }
.ch-dlg__s {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; min-height: 0; padding: 0 12px;
  border-radius: var(--r-s); border: 1px solid var(--border-2); background: var(--card-2); box-shadow: none;
  color: var(--text); font: inherit; font-size: 0.875rem; font-weight: 600; text-decoration: none; cursor: pointer;
}
.ch-dlg__s:hover { border-color: var(--accent); color: var(--text); }
.ch-dlg__s--tg { border-color: #2AABEE; } .ch-dlg__s--wa { border-color: #25D366; } .ch-dlg__s--vk { border-color: #0077FF; }
.ch-dlg__copy { display: flex; gap: 8px; margin-bottom: 12px; }
.ch-dlg__copy input { flex: 1; min-width: 0; height: 40px; padding: 0 10px; border-radius: var(--r-s); border: 1px solid var(--border); background: var(--bg); color: var(--text-2); font-size: 0.8125rem; }
.ch-dlg__copy .tbtn { flex: none; height: 40px; }
.ch-dlg__note { margin: 0; font-size: 0.8125rem; line-height: 1.45; color: var(--muted); }
.ch-dlg__btns { display: flex; gap: 8px; margin-top: 12px; }
.ch-how { margin: 0 0 14px; padding-left: 20px; color: var(--text-2); line-height: 1.55; }
.ch-how li + li { margin-top: 4px; }
.ch-how .pts-zap, .ch-sum .pts-zap { width: 13px; height: 13px; vertical-align: -1px; }
.ch-sum { margin: 0 0 12px; color: var(--text-2); }
.ch-sum b { color: var(--text); }
.ch-list { list-style: none; margin: 0; padding: 0; }
.ch-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 14px; align-items: center; padding: 10px 8px; border-bottom: 1px solid var(--border); font-size: 0.875rem; color: var(--muted); }
.ch-row a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--text); }
.ch-note { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0; color: var(--muted); }
@media (max-width: 700px) { .ch-row { grid-template-columns: minmax(0, 1fr) auto; } .ch-row span:nth-child(2) { display: none; } }

/* Логотип: корона с кнопками геймпада (вырезы показывают цвет плитки — подстраивается под цвет оформления) */
.logo-mark .icon-crownpad { width: 100%; height: 100%; fill: var(--text-on-accent); flex: none; }   /* 16a: рисунок на всю плитку, поля вокруг короны как на исходной картинке */

/* ── Страница «Топ-100 игр недели» (/top-100.html: static top100.tpl + topitem100.tpl, модуль Views-Top) ── */
.t100 { padding-bottom: 40px; }
.t100__hd { margin-bottom: 24px; }
.t100__title { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; font-size: 2rem; line-height: 1.1; color: var(--text); }
.t100__cup { width: 30px; height: 30px; flex: none; fill: none; stroke: var(--cup-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.t100__lead { margin: 0; max-width: 62ch; color: var(--text-2); line-height: 1.55; }
.t100__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; counter-reset: t100; }
.t100-item { grid-column: span 3; counter-increment: t100; min-width: 0; }
.t100-item__link {
  display: flex; align-items: center; gap: 16px; height: 100%; padding: 12px 16px 12px 12px;
  border: 1px solid var(--border); border-radius: var(--r-m); background: var(--card); color: var(--text); text-decoration: none;
  transition: background .15s, border-color .15s;
}
.t100-item__link:hover { background: var(--card-2); border-color: var(--border-2); color: var(--text); }
.t100-item__pos { flex: none; width: 44px; text-align: center; font-family: var(--display); font-size: 1.375rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.t100-item__pos::before { content: counter(t100); }
.t100-item__thumb { flex: none; width: 56px; height: 56px; border-radius: 12px; overflow: hidden; background: var(--card-2); }
.t100-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.t100-item__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.t100-item__name { font-weight: 600; font-size: 1rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t100-item__meta { font-size: 0.8125rem; color: var(--muted); }
.t100-item__play {
  flex: none; padding: 7px 14px; border-radius: 99px; font-size: 0.8125rem; font-weight: 600;
  background: var(--accent-soft); color: var(--accent-text); opacity: 0; transition: opacity .15s;
}
.t100-item__link:hover .t100-item__play, .t100-item__link:focus-visible .t100-item__play { opacity: 1; }
/* первая тройка — пьедестал: крупные карточки с медалью */
.t100-item:nth-child(-n+3) { grid-column: span 2; }
.t100-item:nth-child(-n+3) .t100-item__link { flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 22px 16px 18px; position: relative; }
.t100-item:nth-child(-n+3) .t100-item__thumb { width: 112px; height: 112px; border-radius: 22px; box-shadow: 0 10px 24px rgba(0,0,0,.28); }
.t100-item:nth-child(-n+3) .t100-item__body { align-items: center; width: 100%; }
.t100-item:nth-child(-n+3) .t100-item__name { font-size: 1.0625rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.t100-item:nth-child(-n+3) .t100-item__pos {
  position: absolute; top: 12px; left: 12px; width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-size: 1.125rem; color: #1E2023;
}
.t100-item:nth-child(1) .t100-item__pos { background: linear-gradient(145deg, #FFE08A, var(--cup-gold)); }
.t100-item:nth-child(2) .t100-item__pos { background: linear-gradient(145deg, #F1F3F6, var(--cup-silver)); }
.t100-item:nth-child(3) .t100-item__pos { background: linear-gradient(145deg, #F2C29B, var(--cup-bronze)); }
.t100-item:nth-child(1) .t100-item__link { border-color: color-mix(in srgb, var(--cup-gold) 55%, transparent); background: color-mix(in srgb, var(--cup-gold) 8%, var(--card)); }
.t100-item:nth-child(2) .t100-item__link { border-color: color-mix(in srgb, var(--cup-silver) 45%, transparent); }
.t100-item:nth-child(3) .t100-item__link { border-color: color-mix(in srgb, var(--cup-bronze) 50%, transparent); }
.t100-item:nth-child(-n+3) .t100-item__play { opacity: 1; }
.t100-item:nth-child(-n+10) .t100-item__pos { color: var(--accent-text); }
.t100-item:nth-child(-n+3) .t100-item__pos { color: #1E2023; }
.t100__about { margin-top: 36px; max-width: 72ch; color: var(--text-2); line-height: 1.6; }
.t100__about h2 { margin: 0 0 8px; font-size: 1.25rem; color: var(--text); }
.t100__about p { margin: 0 0 10px; }
@media (max-width: 900px) {
  .t100__list { grid-template-columns: minmax(0, 1fr); }
  .t100-item, .t100-item:nth-child(-n+3) { grid-column: auto; }
  .t100-item:nth-child(-n+3) .t100-item__link { flex-direction: row; text-align: left; padding: 14px 16px 14px 12px; gap: 14px; }
  .t100-item:nth-child(-n+3) .t100-item__thumb { width: 72px; height: 72px; border-radius: 16px; }
  .t100-item:nth-child(-n+3) .t100-item__body { align-items: flex-start; }
  .t100-item:nth-child(-n+3) .t100-item__pos { position: static; flex: none; }
  .t100-item__play { display: none; }
}
@media (max-width: 560px) {
  .t100__title { font-size: 1.5rem; }
  .t100__cup { width: 24px; height: 24px; }
  .t100-item__link { gap: 12px; padding: 10px 12px 10px 8px; }
  .t100-item__pos { width: 32px; font-size: 1.125rem; }
  .t100-item:nth-child(-n+3) .t100-item__pos { width: 32px; height: 32px; font-size: 1rem; }
}

/* ── Верхнее меню: чёрточка между всеми пунктами (как была между «Новинки» и «На двоих»), без краёв ── */
.navtabs-inner > a.ntab:not(.ntab--all) + a.ntab:not(.ntab--all) { position: relative; }
.navtabs-inner > a.ntab:not(.ntab--all) + a.ntab:not(.ntab--all)::before {
  content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 20px; margin-top: -10px; background: var(--border-2);
}
.ntab-sep { margin: 0; }   /* прежний разделитель — такой же, как остальные, без лишних полей */

/* ── Задания недели на главной: панель-журнал вместо трёх карточек (weekly.php renderHome, 03.10.2026) ──
   Дорожка недели (3 шага + сундук с бонусом) и отсчёт сверху; три задания колонками через тонкие линии;
   сложность — точками (позицией), а не цветными плашками; главное — крупная оранжевая цифра «ещё N». */
.wkx__panel { background: var(--card); border: 1px solid var(--border); border-radius: var(--r-l); overflow: hidden; }
.wkx__top { display: flex; align-items: center; justify-content: space-between; gap: 12px 28px; flex-wrap: wrap; padding: 16px 24px; border-bottom: 1px solid var(--border); }
.wkx__track { display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; min-width: 0; }
.wkx__steps { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 6px; }
.wkx__step { width: 44px; height: 8px; border-radius: 99px; background: var(--card-2); }
.wkx__step.is-done { background: var(--accent); }
.wkx__chest {
  display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; height: 30px; padding: 0 11px 0 9px;
  border-radius: 99px; border: 1px dashed var(--border-2); color: var(--text-2); font-family: var(--display); font-size: 0.8125rem;
}
.wkx__chest .icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.wkx__chest .pts-zap { width: 12px; height: 12px; }
.wkx__chest.is-done { border-style: solid; border-color: color-mix(in srgb, var(--online) 55%, transparent); background: color-mix(in srgb, var(--online) 12%, transparent); color: var(--online); }
.wkx__track-txt { margin: 0; font-size: 0.875rem; color: var(--text-2); }
.wkx__track-txt b { font-family: var(--display); font-weight: 400; color: var(--text); font-variant-numeric: tabular-nums; }
.wkx__timer { margin: 0; font-size: 0.8125rem; color: var(--muted); white-space: nowrap; }
.wkx__timer b { font-family: var(--display); font-weight: 400; font-size: 1.0625rem; color: var(--accent-text); font-variant-numeric: tabular-nums; }
.wkx__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wkx__task { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 20px 24px 22px; }
.wkx__task + .wkx__task { border-left: 1px solid var(--border); }
.wkx__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wkx__ico { width: 40px; height: 40px; flex: none; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; background: var(--accent-soft); color: var(--accent-text); }
.wkx__ico .icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
/* сложность — три растущих столбика, как уровень сигнала (точки в ряд читались как кнопка «ещё ⋯») */
.wkx__lvl { display: inline-flex; align-items: flex-end; gap: 3px; height: 14px; }
.wkx__lvl i { width: 5px; border-radius: 2px; background: var(--card-2); }
.wkx__lvl i:nth-child(2) { height: 6px; } .wkx__lvl i:nth-child(3) { height: 10px; } .wkx__lvl i:nth-child(4) { height: 14px; }
.wkx__lvl i.on { background: var(--text-2); }
.wkx__title { margin: 2px 0 0; font-family: var(--body); font-size: 1rem; font-weight: 600; line-height: 1.35; color: var(--text); min-height: 2.7em; text-wrap: balance; }
.wkx__left { display: flex; align-items: baseline; gap: 8px; margin: 0; }
.wkx__left b { font-family: var(--display); font-weight: 400; font-size: 1.875rem; line-height: 1; color: var(--accent-text); font-variant-numeric: tabular-nums; }
.wkx__more, .wkx__unit { font-size: 0.8125rem; color: var(--muted); }
.wkx__left.is-done b { font-size: 1.5rem; }
.wkx__left.is-guest b { color: var(--text); }
.wkx__bar { height: 6px; border-radius: 99px; background: var(--card-2); overflow: hidden; }
.wkx__bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.wkx__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wkx__count { font-family: var(--display); font-size: 0.875rem; color: var(--text); font-variant-numeric: tabular-nums; }
.wkx__count span { color: var(--muted); }
.wkx__count--tier { font-family: var(--body); font-size: 0.8125rem; color: var(--muted); }
.wkx__pts {
  display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 99px;
  background: var(--accent-soft); font-family: var(--display); font-size: 0.875rem; color: var(--text); white-space: nowrap; font-variant-numeric: tabular-nums;
}
.wkx__pts .pts-zap { width: 13px; height: 13px; }
.wkx__pts.is-done { background: transparent; padding-right: 0; font-family: var(--body); font-weight: 600; font-size: 0.8125rem; color: var(--accent-text); }
.wkx__act { margin-top: auto; padding-top: 2px; }
.wkx__task.is-done .wkx__ico { background: var(--accent); color: var(--text-on-accent); }
.wkx__task.is-done .wkx__ico .icon { stroke-width: 2.4; }
.wkx__task.is-done .wkx__title { color: var(--text-2); }
.wkx .wk-cta { margin-top: 12px; }
@media (prefers-reduced-motion: no-preference) {
  .wkx__bar i { animation: wkx-fill .9s cubic-bezier(.16,1,.3,1) both; }
  .wkx__task:nth-child(2) .wkx__bar i { animation-delay: .08s; }
  .wkx__task:nth-child(3) .wkx__bar i { animation-delay: .16s; }
  @keyframes wkx-fill { from { width: 0; } }
}
@media (max-width: 900px) {
  .wkx__top { padding: 14px 16px; }
  .wkx__step { width: 32px; }
  .wkx__list { grid-template-columns: minmax(0, 1fr); }
  .wkx__task + .wkx__task { border-left: 0; border-top: 1px solid var(--border); }
  .wkx__task {
    display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: 14px; row-gap: 8px; padding: 16px;
    grid-template-areas: "head title left" "head bar bar" "head foot foot" "head act act";
  }
  .wkx__head { grid-area: head; flex-direction: column; align-self: start; gap: 8px; }
  .wkx__top { gap: 8px 16px; }
  .wkx__title { grid-area: title; min-height: 0; margin: 0; font-size: 0.9375rem; align-self: center; }
  .wkx__left { grid-area: left; flex-direction: column; align-items: flex-end; gap: 2px; align-self: start; }
  .wkx__left b { font-size: 1.5rem; }
  .wkx__left.is-done b { font-size: 1.125rem; }
  .wkx__more { display: none; }
  .wkx__bar { grid-area: bar; }
  .wkx__foot { grid-area: foot; }
  .wkx__act { grid-area: act; }
}

/* ── Цитаты (комментарии и тексты): цвета темы вместо светлых из engine.css ──
   engine.css идёт в бандле после styles.css, поэтому селекторы с body — чтобы перебить. Значок кавычек был из Font Awesome,
   а шрифт на сайте не подключён — вместо него рисовался пустой квадрат; теперь цитату отмечает полоска акцента слева. */
body .title_quote { background: var(--card-2); color: var(--muted); padding: 6px 14px; font-size: 0.8125rem; line-height: 1.4; border-left: 3px solid var(--accent); border-radius: var(--r-s) var(--r-s) 0 0; }
body .quote { margin: 0 0 12px; padding: 10px 14px; background: var(--surface); color: var(--text-2); border-left: 3px solid var(--accent); border-radius: var(--r-s); }
body .title_quote + .quote { border-radius: 0 0 var(--r-s) var(--r-s); }
body .quote::before { content: none; }
body .comment-body .quote { padding: 8px 12px; font-size: 0.875rem; }

/* ── Внешняя игра, сайт которой запрещает встраивание: открывается на сайте создателей (fullstory.tpl, список сайтов — NOFRAME там же) ── */
.stage-out { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px; text-align: center; background: radial-gradient(ellipse at 50% 40%, var(--stage-glow) 0%, var(--surface) 75%); color: var(--text); }
.stage-out__title { font-size: 1.125rem; font-weight: 700; }
.stage-out__sub { max-width: 36ch; color: var(--muted); font-size: 0.875rem; line-height: 1.45; }
.stage-out__btn { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 10px 20px; border-radius: 99px; background: var(--accent); color: var(--text-on-accent); font-weight: 700; }
.stage-out__btn:hover { background: var(--accent-hover); }

/* ── Кнопка «На рабочий стол» без прыжка шапки: если браузер уже предлагал установку (класс pwa-ok из <head>, скрипт в main.tpl),
   кнопка занимает место с первого кадра, а не появляется через долю секунды. На телефоне она по-прежнему скрыта. ── */
@media (min-width: 701px) { .pwa-ok .topbar .add-button { display: flex !important; } }

/* Системные сообщения DLE (info.tpl: «Внимание! Обнаружена ошибка», «Ничего не найдено» и т. п.) в цветах темы.
   engine.css подключается позже и задаёт кремовый фон с толстой оранжевой полосой, поэтому селектор усилен через body (06.10.2026). */
body .message-info{position:relative;margin:0 0 20px;padding:16px 20px 16px 58px;background:var(--card);color:var(--text-2);border:1px solid var(--border);border-left-width:1px;border-radius:var(--r-m);box-shadow:none;font-size:.9375rem;line-height:1.55;grid-column:1/-1}
body .message-info::before{content:"!";margin:0;font-family:inherit;text-align:center;display:flex;align-items:center;justify-content:center;position:absolute;left:20px;top:16px;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.875rem;line-height:1}
body .message-info__title{color:var(--text);font-weight:700;margin-bottom:2px}
body .message-info a{color:var(--accent-text,var(--accent));text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}
body .message-info a:hover{text-decoration-color:currentColor}

/* Карточка: широкое превью CrazyGames при наведении (вариант Е1, 08.10.2026) — разметку строит скрипт в main.tpl */
.gcard-wide{position:absolute;inset:0;z-index:2;pointer-events:none;background:#1E2023;--vh:72%;}
.gcard-wide__v{position:absolute;left:0;top:0;width:100%;height:var(--vh);object-fit:cover;-webkit-box-reflect:below 0;}
.gcard-wide__haze{position:absolute;left:0;right:0;bottom:0;top:calc(var(--vh) - 18px);-webkit-backdrop-filter:blur(12px) brightness(.72) saturate(1.15);backdrop-filter:blur(12px) brightness(.72) saturate(1.15);-webkit-mask-image:linear-gradient(transparent,#000 18px);mask-image:linear-gradient(transparent,#000 18px);}
.gcard-wide__cap{position:absolute;left:0;right:0;bottom:0;top:var(--vh);display:flex;align-items:center;gap:8px;padding:0 10px;color:#fff;font-size:.8125rem;line-height:1;}
.gcard-wide__stars{flex:none;display:flex;align-items:center;gap:4px;font-weight:700;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.45);}
.gcard-wide__stars svg{width:15px;height:15px;fill:#FBBF24;}
.gcard-wide__cat{min-width:0;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.38);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@supports not (-webkit-box-reflect:below 0){.gcard-wide__haze{display:none;}}

/* «Как играть» памяткой (airewrite 1.4) */
.howto h3{font-family:var(--body);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;line-height:1.3;}.howto ul,.howto ol{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;}.howto li{position:relative;padding-left:22px;color:var(--text-2);font-size:.9375rem;line-height:1.6;}.howto ul>li::before{content:"";position:absolute;left:6px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent);}.howto ol{counter-reset:step;}.howto ol>li{counter-increment:step;padding-left:34px;}.howto ol>li::before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.8125rem;font-weight:700;display:grid;place-items:center;line-height:1;}.howto kbd{display:inline-block;min-width:1.75em;padding:0 6px;margin:0 1px;font:600 .75rem/1.45 var(--body);vertical-align:1px;height:auto;min-height:0;text-align:center;color:var(--text);background:var(--card-2);border:1px solid var(--border-2);border-bottom-width:2px;border-radius:6px;white-space:nowrap;}.howto b{color:var(--text);font-weight:600;}.howto>p:first-child:has(+h3){color:var(--text);}.howto>:last-child{margin-bottom:0;}
.message-info{color:#5c5c5c;line-height:1.5;margin-bottom:20px;background-color:#FFF3E0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:1px solid #FF9800;position:relative;padding:15px 20px;border-left-width:44px}.message-info__title{font-weight:500}.message-info a{color:#000;text-decoration:underline}.message-info::before{content:"\f071";font-family:'Font Awesome 5 Pro';font-weight:300;font-size:22px;color:#fff;margin-top:-18px;position:absolute;left:-44px;top:50%;width:44px;text-align:center}.sect__content--vote{padding-left:50%;position:relative}.voter__title{font-size:21px;font-weight:300;margin-bottom:20px}.vote{margin-bottom:13px;line-height:1.6;margin-left:0px}.vote input{display:none}.vote label{position:relative;padding-left:26px}.vote label::before{content:"";cursor:pointer;width:16px;height:16px;border-radius:50%;border:2px solid var(--tt-2);display:block;box-sizing:border-box;position:absolute;left:0;top:1px}.vote input:checked+label::before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px #fff}.vote label:hover{cursor:pointer;color:var(--accent)}.voter__bottom{padding-top:20px}.voter__submit{border:1px solid #ccc;border-radius:20px;height:40px;margin-right:20px;color:var(--tt);background-color:transparent;padding:0 40px}.voter__count,.voter__caption{color:#999;font-size:0.9em}.voter__caption{line-height:1.6;margin-bottom:20px;margin-top:-15px;max-width:240px}.voter__btn{background:none !important;padding:0;color:#999 !important;font-size:0.9em}.col-side .voter__title{font-size:17px}.col-side .voter__submit{padding:0 20px}.voteprogress,.pollprogress{overflow:hidden;height:15px;margin-bottom:5px;background:linear-gradient(to bottom,#f5f5f5,#f9f9f9);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.voteprogress span,.pollprogress span{color:#ffffff;text-align:center;text-indent:-2000em;height:15px;display:block;overflow:hidden;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background:#0e90d2;background:linear-gradient(to bottom,#149bdf,#0480be)}.voteprogress .vote2,span.poll1{background-color:#dd514c;background:linear-gradient(to bottom,#ee5f5b,#c43c35)}.voteprogress .vote3,span.poll2{background-color:#5eb95e;background:linear-gradient(to bottom,#62c462,#57a957)}.voteprogress .vote4,span.poll3{background-color:#4bb1cf;background:linear-gradient(to bottom,#5bc0de,#339bb9)}.voteprogress .vote5,span.poll4{background-color:#faa732;background:linear-gradient(to bottom,#fbb450,#f89406)}.ui-icon,.close{display:block;overflow:hidden;text-indent:-9999px;white-space:nowrap}#pollbox{border-bottom:1px dashed #E3E3E3;padding-bottom:22px}#dle-poll-list,#searchtable,.pm-status{padding:0 0 20px 0;border-radius:6px}.bbcodes_poll{width:100px}.fbutton{margin-right:10px}fieldset{border:1px solid #bfced6;padding:5px;text-align:left}.form__header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.form__title{font-size:24px;flex:1 1 0;max-width:100%;min-width:50px}.form__row{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:20px}.form__row:last-child{margin-bottom:0}.form__caption{width:200px;padding-right:20px}.form__content{flex:1 1 0;position:relative;max-width:100%;min-width:50px}.form__label--important::after{content:"*";margin:0 0 0 5px;color:#e85319}.form__caption--above{width:100%;padding:15px 20px;background-color:#2f343a;color:#fff}.form__btn--secondary{margin-left:20px}.form__btn--find-related{position:absolute;right:0;top:0;margin:0;padding:0 10px;font-size:13px !important}.form__content--admintag{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-right:-20px}.form__content--admintag .checkbox{width:33.33%;margin-bottom:20px;padding-right:20px}.checkbox,.comments_subscribe{position:relative;padding-left:50px}.checkbox input,.comments_subscribe input{appearance:none;-webkit-appearance:none;display:inline-block;transition:all .2s linear;height:20px;width:40px;border-radius:10px;background-color:var(--ui-bg-darkest);cursor:pointer;box-shadow:inset 0 2px 5px rgba(0,0,0,0.1);position:absolute;left:0;top:50%;margin-top:-10px}.checkbox input::before,.comments_subscribe input::before{content:'';width:18px;height:18px;border-radius:10px;position:absolute;left:1px;top:1px;background-color:var(--ui-bg);transition:all .2s linear}.checkbox input:checked,.comments_subscribe input:checked{background-color:#6ab04c}.checkbox input:checked::before,.comments_subscribe input:checked::before{left:21px}.findrelated{margin-top:10px;padding:8px 10px;background-color:#f6e58d;font-size:13px}.form__table{width:100%}.form__table td{padding-bottom:20px}.form__table .addnews{width:200px}.xfields textarea,.xprofile textarea,.form__textarea-inside textarea,#comments_ifr{height:100px !important}.xfields input,.xprofile input{max-width:width 100%}.xfields_table td{vertical-align:top}.xfields .bb-editor,.xfields .wseditor{margin-top:10px}.form__content--sec-code input{display:inline-block;max-width:210px;vertical-align:middle;margin-right:10px;height:80px;line-height:80px;font-size:24px}.form__content--sec-code>a{display:inline-block;vertical-align:middle}#result-registration>span{display:inline-block;margin-top:10px}.form__content select,#category{width:100% !important}.form__content--usertag .checkbox{width:50%}.stats__list{width:33.33%;margin-bottom:20px}.stats__list li{padding:0 15px 10px 1px}.stats h2{font-size:18px;margin-top:20px}.stats__latest li{margin-bottom:10px}.table-responsive{overflow-y:hidden;overflow-x:auto}.dle-table,.pm{width:100%;border:1px solid var(--ui-bdc)}.dle-table td,.pm td{padding:10px;font-size:13px;border:1px solid var(--ui-bdc)}.dle-table thead tr:nth-child(1),.pm tr:nth-child(1){background-color:var(--ui-bg-darkest)}.dle-table tr:nth-child(2n+2),.pm tr:nth-child(2n+2){background-color:var(--ui-bg-darker)}.pm tr td:first-child{width:37px}.pm__links a,a.pm_list+a{margin-right:20px}.pm__status,#blind-animation{margin-bottom:40px}.pm_progress_bar{border-radius:4px;margin:10px 0;overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,0.1);background-color:var(--ui-bg-darkest)}.pm_progress_bar span{background:#6ab04c;font-size:0;text-indent:-2000em;height:20px;display:block;overflow:hidden}.pm select{width:100%;margin-bottom:10px}.pm-item__img{width:60px;height:60px;border-radius:50%;margin-right:20px}.pm-item__text{margin:6px 0 10px 0}.pm-item__meta>span{margin-right:20px;font-size:13px}.usp{border:1px solid var(--ui-bdc);background-color:var(--ui-bg)}.usp__columns{background:var(--ui-bg-accent) url(/templates/igroutka_new/dleimages/usp-bg.jpg) center center / cover no-repeat;padding:20px;color:var(--ui-text-color-on-accent);position:relative}.usp__left,.usp__middle,.usp__right{position:relative;z-index:5}.usp__columns::before{content:'';background-color:var(--ui-bg-accent);opacity:0.6;position:absolute;left:0;top:0;width:100%;height:100%}.usp__meta{background-color:var(--ui-bg-darker);padding:20px}.usp__list{padding:20px;padding-bottom:10px}.usp__list+.usp__list{padding-top:0}.usp__left{width:100px;margin-right:20px;text-align:center}.usp__right{width:180px;margin-left:20px}.usp__img{width:80px;height:80px;border-radius:50%;margin:0 auto;box-shadow:0 0 0 5px rgba(0,0,0,0.2)}.usp__status{padding:6px 0;border-radius:4px;color:#fff;margin:0 10px;width:80px;text-align:center;white-space:nowrap;font-size:13px}.usp__status--online{background-color:#6ab04c}.usp__status--offline{background-color:#eb4d4b}.usp__btn a{width:100%}.usp__btn+.usp__btn{margin-top:10px}.usp__name{font-size:18px;font-weight:400;color:var(--text-color-on-accent)}.usp__group{font-size:13px;margin-top:10px}.usp__group>b{display:inline-block;vertical-align:middle;border-radius:3px;background-color:var(--ui-bg);padding:3px 6px;margin-left:3px}.usp__activity>div{margin-left:20px;font-size:13px}.usp__activity>div>div{font-size:18px;margin-top:3px}.usp__list li{position:relative;padding-left:140px;margin-bottom:10px;font-size:13px;width:48%}.usp__list li>span:first-child{color:#999;display:inline-block;position:absolute;left:0;top:0}.usp__list li.no-label{padding-left:0}.usp-popup__left{width:80px;margin-right:30px;text-align:center}.usp-popup__img{border-radius:10px;width:80px;height:80px;margin:0 auto}.usp-popup__left .usp__status{width:80px;margin:15px 0 0 0;display:inline-block}.usp-popup__list li{margin-bottom:6px;font-size:13px}.usp-popup__list li>span:first-child{opacity:0.6}.search-page__title{font-size:18px;margin-bottom:20px}.search-page .search>div{display:flex;justify-content:space-between;margin:0 !important;padding:20px;background-color:var(--ui-bg-darker);border-radius:6px;padding-bottom:10px}.search-page .search br{display:none}.search-page .search #searchinput{flex:1 1 0;margin-right:20px;min-width:100px}.searchstyle{width:480px}.search{padding:0}#searchtable,#searchtable td{vertical-align:top;text-align:left}#searchtable fieldset{font-size:11px;border:1px solid #d7d7d7;padding:10px;text-align:left;margin:0 4px 4px 0 !important;border-radius:6px}fieldset legend{font-size:11px;font-weight:bold;color:#696969}#searchtable table,#searchtable form{margin:0;width:100%}#searchuser,#searchinput{width:90% !important}.search>div{margin-bottom:10px}.search input[type="text"],.search select{display:block;width:100% !important;margin-bottom:10px}.search input[type="checkbox"],.search input[type="radio"]{margin-right:5px}#searchinput+br,#searchinput+br+br{display:none}#loading-layer{display:flex !important;z-index:9999 !important;background-color:var(--ui-bg);position:fixed;top:20px !important;left:auto !important;right:20px;bottom:auto;height:80px;flex-direction:column;justify-content:center;width:340px;max-width:calc(100% - 40px);padding:0 20px;border-left:80px solid var(--ui-bg-accent);box-shadow:0 0 30px rgba(0,0,0,0.2);line-height:1.4}#loading-layer::after{border-radius:50%;content:'';position:absolute;top:50%;left:0%}#loading-layer::after{width:30px;height:30px;margin:-25px 0 0 -65px;border:10px solid rgba(255,255,255,0.2);border-left-color:var(--ui-text-color-on-accent);animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.scriptcode,.title_spoiler,.text_spoiler{padding:3px 5px;background:#f0f0f0;border:1px solid #e3e3e3}.title_quote{background-color:#deeaf3;color:#958971;padding:5px 15px;font-size:12px}.quote{margin:0 0 25px 0;padding:20px 20px 20px 80px;position:relative;background-color:#eff3f7;color:#5a4f3e}.quote::before{content:"\f10e";font-family:'Font Awesome 5 Pro';font-weight:300;position:absolute;left:30px;top:12px;color:var(--accent);font-size:24px}.comment-item__main .quote{margin:0 0 10px 0;font-size:12px;padding:10px 15px 10px 40px}.comment-item__main .quote::before{left:12px;top:6px;font-size:16px}.title_spoiler{margin-top:2px}.text_spoiler{margin-bottom:2px}.title_spoiler img{vertical-align:middle !important;margin:0 5px 0 0;border:0}.scriptcode{color:#4c6d0f;text-align:left;font-family:"Courier New"}.title_spoiler{font-weight:normal}.text_spoiler{border-top:0;text-align:justify}.hide{background-color:#f0f0f0;padding:5px;color:#000;margin:0 0 1em 0}.hide a{text-decoration:underline}.hide a:hover{text-decoration:none}.inhide{border:1px solid #d1e3ef;padding:5px;background-color:#fff;margin-bottom:5px}.unit-rating{display:flex;position:relative}.unit-rating li{background:url(/templates/igroutka_new/dleimages/rating.svg) no-repeat;position:relative;z-index:5}.unit-rating li a{display:block;width:17px;height:17px;text-indent:-100px;overflow:hidden}.unit-rating:hover li{background-position:0 -17px;z-index:10}.unit-rating li:hover~li{background-position:0 0;z-index:5}.unit-rating li.current-rating{background-position:0 -34px;background-repeat:repeat-x;pointer-events:none;position:absolute;left:0;top:0;height:100%;text-indent:-200px;overflow:hidden;z-index:6}.bb-pane{border:1px solid var(--ui-bdc);background:var(--ui-bg);padding:5px 1px 5px 10px;border-radius:3px 3px 0 0;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;z-index:10;background:linear-gradient(to top,var(--ui-bg-darkest) 0%,var(--ui-bg) 80%,var(--ui-bg) 100%)}.bb-btn{display:inline-block;height:30px;line-height:30px;width:30px;margin-right:5px;color:#444;cursor:pointer;font-size:12px;border-radius:3px;text-align:center;transition:all .3s}.bb-btn:hover{color:var(--ui-text-color-on-accent);background-color:var(--ui-bg-accent)}@font-face{font-family:'bb-editor-font';src:url(/templates/igroutka_new/webfonts/bb-editor.woff) format('woff');font-weight:normal;font-style:normal}[class^="bb-btn"],[class*=" bb-btn"]{font-family:'bb-editor-font';font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bb-sel{padding:2px 2px 0 2px}.bb-sel select{font-size:11px}.bb-sep{display:inline-block;width:1px;padding:2px}.bb-btn{cursor:pointer;outline:0}#b_font select{padding:0px}#b_size select{padding:0px}#b_b:before{content:"\f032"}#b_i:before{content:"\f033"}#b_u:before{content:"\f0cd"}#b_s:before{content:"\f0cc"}#b_img:before{content:"\f03e"}#b_up:before{content:"\e930"}#b_emo:before{content:"\f118"}#b_url:before{content:"\f0c1"}#b_leech:before{content:"\e98d"}#b_mail:before{content:"\f003"}#b_video:before{content:"\e913"}#b_audio:before{content:"\e911"}#b_hide:before{content:"\e9d1"}#b_quote:before{content:"\e977"}#b_code:before{content:"\f121"}#b_left:before{content:"\f036"}#b_center:before{content:"\f037"}#b_right:before{content:"\f038"}#b_color:before{content:"\e601"}#b_spoiler:before{content:"\e600"}#b_fla:before{content:"\ea8d"}#b_yt:before{content:"\f166"}#b_tf:before{content:"\ea61"}#b_list:before{content:"\f0ca"}#b_ol:before{content:"\f0cb"}#b_tnl:before{content:"\ea61"}#b_br:before{content:"\ea68"}#b_pl:before{content:"\ea72"}#b_size:before{content:"\f034"}#b_font:before{content:"\f031"}#b_header:before{content:"\f1dc"}#b_sub:before{content:"\f12c"}#b_sup:before{content:"\f12b"}#b_justify:before{content:"\f039"}.bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px}.bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px}.bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px}.bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px}.bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px}.bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px}.bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;background:white;box-shadow:0 1px 2px #dadada}.bb-pane-dropdown>li>a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:#333333;white-space:nowrap}.bb-pane-dropdown>li>a:hover,.bb-pane-dropdown>li>a:focus{text-decoration:none;color:#262626;background-color:whitesmoke}.bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer}.bb-pane-dropdown .color-palette{padding:0px 5px}.bb-editor textarea{margin-top:-1px}.editorcomm .bb-editor{width:565px}.editorcomm .bb-editor textarea{height:200px}.quick-edit-text{padding:.4em;width:350px}.quick-edit-textarea{height:250px;padding:2px;border:1px solid #d7d7d7;width:100%;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}#dropmenudiv{font:13px Arial;padding:10px;display:none;background:var(--ui-bg);border-radius:8px;box-shadow:0 0 50px 0 rgba(0,0,0,0.22);z-index:200 !important}#dropmenudiv a{display:block;text-decoration:none;padding:5px 8px;width:154px}.highslide-container{z-index:1099 !important}.highslide-wrapper,.highslide-outline{background:#fff;color:#000}.highslide-image{border:2px solid #fff}.highslide-active-anchor{visibility:hidden}.highslide-active-anchor img{visibility:hidden}.highslide-dimming{background-color:black}.highslide-html{background-color:white}.highslide-loading{display:block;color:white;font-size:9px;font-weight:bold;text-decoration:none;padding:3px;border:1px solid white;background-color:black}a.highslide-full-expand{background:url("/templates/igroutka_new/dleimages/fullexpand.gif") no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px}.highslide-display-block{display:block}.highslide-display-none{display:none}.highslide-caption{display:none;padding:5px;background:white}.highslide-controls{width:195px;height:40px;background:url("/engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px;margin-right:15px;margin-bottom:10px;margin-top:10px}.highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url("/engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px}.highslide-controls li{float:left;padding:5px 0}.highslide-controls a{background:url("/engine/classes/highslide/graphics/controlbar-black-border.gif");display:block;float:left;height:30px;width:30px;outline:none}.highslide-controls a.disabled{cursor:default}.highslide-controls a span{display:none}.highslide-controls .highslide-previous a{background-position:0 0}.highslide-controls .highslide-previous a:hover{background-position:0 -30px}.highslide-controls .highslide-previous a.disabled{background-position:0 -60px !important}.highslide-controls .highslide-play a{background-position:-30px 0}.highslide-controls .highslide-play a:hover{background-position:-30px -30px}.highslide-controls .highslide-play a.disabled{background-position:-30px -60px !important}.highslide-controls .highslide-pause a{background-position:-60px 0}.highslide-controls .highslide-pause a:hover{background-position:-60px -30px}.highslide-controls .highslide-next a{background-position:-90px 0}.highslide-controls .highslide-next a:hover{background-position:-90px -30px}.highslide-controls .highslide-next a.disabled{background-position:-90px -60px !important}.highslide-controls .highslide-move a{background-position:-120px 0}.highslide-controls .highslide-move a:hover{background-position:-120px -30px}.highslide-controls .highslide-full-expand a{background-position:-150px 0}.highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px}.highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px !important}.highslide-controls .highslide-close a{background-position:-180px 0}.highslide-controls .highslide-close a:hover{background-position:-180px -30px}.clouds_xsmall,.clouds_small,.clouds_medium,.clouds_large,.clouds_xlarge{display:inline-block;border-radius:6px;margin:0 3px 6px 0}.clouds_xsmall{font-size:1em}.clouds_small{font-size:1.1em;font-weight:bold}.clouds_medium{font-size:1.2em;font-weight:bold}.clouds_large{font-size:1.3em}.clouds_xlarge{font-size:1.4em}.cloud-tags span a{display:block;padding:5px 7px;border:1px solid var(--ui-bdc)}.cloud-tags span a:hover{background-color:var(--ui-bg-accent);box-shadow:0 0 10px 0 rgba(0,0,0,0.2);color:var(--ui-text-color-on-accent)}.tags_more{margin-top:10px}.ui-widget-overlay{background:#000;opacity:0.5;left:0;top:0;right:0;bottom:0;position:fixed}.ui-dialog{background-color:var(--ui-bg);position:absolute;width:500px;box-shadow:0 20px 60px rgba(0,0,0,0.3);border-radius:10px;overflow:hidden}.ui-dialog-titlebar{background-color:var(--ui-bg-accent);color:var(--ui-text-color-on-accent)}.ui-dialog-title{display:block;font-size:18px;padding:15px 60px 15px 30px}.ui-dialog-content{padding:30px;overflow:auto;position:relative}.ui-dialog-buttonpane{padding:15px 25px;text-align:center;background-color:var(--ui-bg-darker)}.ui-icon-closethick{cursor:pointer;position:absolute;right:7px;top:7px;width:40px;height:40px}.ui-icon-closethick:before{content:"X";font-family:'Font Awesome 5 Pro';font-weight:300;width:40px;height:40px;line-height:40px;text-align:center;color:var(--ui-text-color-on-accent);position:absolute;right:0;top:0px;text-indent:0;font-size:18px;display:block}.ui-dialog-buttonpane button{height:30px;margin:0 5px;padding:0 15px;font-size:13px}.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-state-error{background:#fef1ec 50% 50% repeat-x !important;border:1px solid #cd0a0a;color:#cd0a0a}.ui-autocomplete{position:absolute;cursor:default}.ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left;background:#fff 50% bottom repeat-x;border:1px solid #dedede;color:#222}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px;border:1px solid #a7a7a7;color:#4e4e4e;font-weight:bold}.comments-tree-list{display:block;margin:0;padding:0;list-style:none}.comments-tree-list .comments-tree-list{padding-left:50px;position:relative}.comments-tree-item{display:block;margin:0;padding:0}#dlefastreplycomments{padding:10px;background:#f7f6e5;margin:10px 0 5px 30px}.commentsreplyname{padding:2px;border:1px solid #bcc0c2;width:200px;background:#fff}#dlereplypopup form>div{margin-bottom:5px}#dlereplypopup form input[type="text"]{height:30px;line-height:30px}#dlereplypopup form textarea{height:80px}.pollallvotes{text-align:center;margin-top:10px}.emoji{border:none;vertical-align:middle;width:22px;height:22px}.xfieldsrow{padding-top:5px;clear:both}.xfieldscolleft{float:left;width:30%}.xfieldscolright{float:left;width:70%}.file-box{width:95%;max-width:437px;border:1px solid #B3B3B3;border-radius:3px;background-color:#F5F5F5;padding:10px;margin-top:10px}.qq-uploader{position:relative;width:100%}.qq-upload-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;max-width:437px;background:#FF9797;text-align:center}.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.qq-upload-drop-area-active{background:#FF7171}.uploadedfile{width:115px;height:130px;margin:10px 5px 5px 5px;border:1px solid #B3B3B3;box-shadow:0px 1px 4px rgba(0,0,0,0.3);text-align:center;background:#ffffff}.uploadedfile .uploadimage{margin-top:5px;width:115px;height:90px;display:flex;align-items:center;justify-content:center;cursor:move}.sortable-ghost{opacity:0.4}.uploadedfile .info{text-align:left;white-space:nowrap;margin:0px 5px 0px 5px;overflow:hidden}.progress{overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px;border-radius:8px;background:#eee;box-shadow:0 1px 0 white,0 0px 0 1px rgba(0,0,0,0.1) inset,0 1px 4px rgba(0,0,0,0.2) inset}.progress .progress-bar{float:left;width:0%;font-size:13px;line-height:20px;color:white;text-align:center;background-color:#428bca;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);transition:width 0.6s ease;border-radius:8px;box-shadow:none;height:8px}.progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.progress-blue{background-image:linear-gradient(to bottom,#9bcff5 0%,#6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee}.xfieldimagegallery{margin:20px -5px;list-style:none;clear:both}.xfieldimagegallery:after{content:"";display:table;clear:both}.xfieldimagegallery li{list-style:none;margin:0}.xfieldimagegallery li img{float:left;margin:5px;border:5px solid #fff;width:150px;height:100px}.xfieldimagegallery li img:hover{box-shadow:0px 0px 7px rgba(0,0,0,0.4)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:0.65}.dle-captcha{position:relative}.dle-captcha:after{clear:both;display:block;content:""}.dle-captcha>a{float:left;margin-right:5px}.dle-captcha img{position:relative;display:block;width:130px;height:46px;transition:all ease .2s}.dle-captcha>input{float:left;width:130px}.xfieldsnote{color:#838383;font-size:.9em}.instagram-media,.twitter-tweet{display:inline-block !important}.ui-front{z-index:1000}.ui-button-icon-only{overflow:hidden;text-indent:-9999px}button.ui-dialog-titlebar-close{background:none;position:absolute;right:0;top:0}.emoji_box{width:100%;max-width:390px}.emoji_category{padding:7px;clear:both}.emoji_list{margin-top:5px;margin-bottom:5px;width:100%;font-family:'Apple Color Emoji','Segoe UI Emoji','NotoColorEmoji','Segoe UI Symbol','Android Emoji','EmojiSymbols';font-size:2em}.emoji_symbol{float:left;margin-bottom:10px;width:12.5%;text-align:center}.emoji_symbol a,.emoji_symbol a:hover{cursor:pointer;text-decoration:none}.native-emoji{font-size:1.3em;font-family:'Apple Color Emoji','Segoe UI Emoji','NotoColorEmoji','Segoe UI Symbol','Android Emoji','EmojiSymbols'}@media screen and (max-width:760px){.form__caption:not(.form__caption--above),.form__table .addnews{width:100%;padding:0 0 10px 0}.form__content--admintag .checkbox{width:100%}.usp{margin-left:-20px;margin-right:-20px}.usp__list li{width:100%}.comments-tree-list .comments-tree-list{padding-left:0}}@media screen and (max-width:590px){.form__title{font-size:18px}.form__header .form__btn .far{display:none}.form__btn--find-related{position:static;width:100%;margin-top:10px}.qq-upload-button,.pm__links li,.stats__list{width:100% !important}.form__row--without-label>.form__btn,.pm__links li a{width:100%;margin:10px 0 0 0}.form__content--sec-code input{max-width:100%;width:100%;margin:0 0 10px 0;height:40px;line-height:40px;font-size:16px}.usp__right,.usp__meta .usp__btn{width:100%;margin-top:20px;margin-left:0}.usp__left{width:60px;margin-right:10px}.usp__img{width:60px;height:60px}.usp__status{width:auto;margin:0;padding-left:10px;padding-right:10px}.usp__activity{justify-content:flex-end;text-align:right}.ui-dialog{width:100% !important}.usp-popup__left{margin:0 auto 15px auto;width:100%}.ui-dialog .ui-dialog-buttonpane button{margin:0 0 5px 0;width:100%}#dofullsearch,#searchsuggestions span.seperator{display:none !important}.dcont button{font-size:13px;padding:0 15px !important}.comments-tree-list .comments-tree-list{padding-left:0px !important}.comments-tree-list .comments-tree-list:before{display:none}.mass_comments_action{display:none}}