:root{ --nw-нить:var(--seam); --nw-нить-ярко:var(--seam-2); --nw-свет-нить:var(--lamp); --nw-свет-тихо:color-mix(in oklab, var(--lamp) 22%, var(--stone)); --nw-трубка-свет:var(--nw-cyan); --nw-блик:transparent; --nw-кожа:linear-gradient(var(--stone), var(--stone)); --nw-стекло:linear-gradient(var(--stone), var(--stone)); --nw-лоск:linear-gradient(transparent, transparent); --nw-кромка:linear-gradient(var(--seam-2), var(--seam-2)); --nw-кромка-свет:linear-gradient(var(--seam-2), var(--seam-2)); --nw-кромка-тихо:linear-gradient(var(--seam), var(--seam)); --nw-заклёпка:linear-gradient(transparent, transparent); --nw-заклёпки:linear-gradient(transparent, transparent); --nw-зерно:linear-gradient(transparent, transparent); --nw-штрихи:none; --nw-фаска:0 2px 0 var(--stone-deep); --nw-хром:0 0 0 0 transparent; --nw-строчка:0 solid transparent; --nw-медь:var(--tier0); --nw-бронза:var(--tier1); --nw-серебро:var(--tier2); --nw-золото:var(--tier3); --nw-платина:var(--tier4); --nw-cta-off:var(--stone-deep); --nw-cta-off-ink:var(--sand-dim); --nw-field-line:var(--field); --nw-on-sale:var(--on-rust); --nw-sale-fill:var(--nw-sale); --pp-touch:drop-shadow(0 3px 2px rgba(0,0,0,.4)); } .app, body.shell, html.desk #desk, .nf-page{color-scheme:dark} .app, .регионы, .вопрос, .накрыльцо, .пасхалка{--r-card:18px; --r-in:12px; --r-pill:999px} .app, body.shell{font-weight:500} :root body.shell, :root body.shell .sh-air, :root.desk #desk .d-air{background:var(--deep)} :root body.shell .sh-air::after, :root.desk #desk .d-air::after{display:none} :root.desk #desk .h-rain, :root.desk #desk .h-fog, :root.desk #desk .king-fog, :root body.shell .sh-gh-scene .f1, :root body.shell .sh-gh-scene .f2, .app .motes{display:none} :root body.shell *, :root.desk #desk *, .app *{text-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important} :root body.shell .sh-card, :root body.shell .sh-king, :root body.shell .sh-wide, :root body.shell .sh-tile, :root body.shell .sh-promo, :root body.shell .sh-cat-t, :root body.shell .sh-pts, :root body.shell .sh-ref, :root body.shell .sh-stat, :root body.shell .подр, :root body.shell .ore:not(.item), :root body.shell .ore.item, :root body.shell .sh-n2, :root body.shell .sh-giftban, :root body.shell .shm .nc-wrap, :root body.shell .shm-note, :root.desk #desk .king, :root.desk #desk .t3, :root.desk #desk .ct-t, :root.desk #desk .n2, :root.desk #desk .tl, :root.desk #desk .ga-card, :root.desk #desk .d-gc, :root.desk #desk .holo-in, :root.desk #desk .sty-card, :root.desk #desk .lu-card, :root.desk #desk .me-gst, :root.desk #desk .rf-hero.rf-card, :root.desk #desk .o-plate, :root.desk #desk .o-game, :root.desk #desk .kg-card, :root.desk #desk .st, :root.desk #desk .me-low > section, :root.desk #desk .me-low > .nc-wrap, :root.desk #desk .me-low > .rf-wrap{box-shadow:var(--nw-фаска)} :root body.shell .sh-glass, :root body.shell .sh-find, :root body.shell .sh-holo, :root body.shell .sh-holo.guest, :root body.shell .sh-back-all, :root body.shell .sh-cc, :root body.shell .sh-igra, :root body.shell .вход-лист, :root body.shell .наэкран-лист, :root.desk #desk .d-glass, :root.desk #desk .v3-search, :root.desk #desk .lg-card, :root.desk #desk .d-note, :root.desk #desk .kw, :root.desk #desk .kw-c, :root.desk #desk .d-mc, :root.desk #desk .g-back, :root.desk #desk .ct-back, :root.desk #desk .rf-field, :root.desk #desk .rf-num, :root.desk #desk .ee-note, :root.desk #desk .mega, :root.desk #desk .o-stage{box-shadow:inset 0 0 0 1px var(--seam)} :root.desk #desk .king::after, :root.desk #desk .t3::after, :root.desk #desk .ct-t::after, :root.desk #desk .n2::before, :root.desk #desk .tl::before{box-shadow:none} :root body.shell .sh-tabs, :root body.shell.sh-dock .sh-tabs, :root body.shell.sh-pay .sh-tabs{background:var(--rock); border-top:1px solid var(--seam); box-shadow:none} :root body.shell .dock, :root body.shell .sh-payplate{background:var(--rock); border-color:var(--seam); box-shadow:none} :root body.shell .sh-drawer{background:var(--rock); border-right:1px solid var(--seam); box-shadow:none} :root body.shell .sh-shade{background:color-mix(in oklab, var(--deep) 78%, transparent)} :root.desk #desk .ord-dock, :root.desk #desk .ct-bar::before, :root.desk .d-app, :root.desk .d-poisk{box-shadow:inset 0 1px 0 var(--seam)} :root body.shell .sh-king-obj img, :root body.shell .sh-wide-obj img, :root body.shell .sh-tile-obj img, :root body.shell .sh-gh-obj img, :root body.shell .подр-арт img, :root body.shell .ore .pile img, :root body.shell .ore .пачка-вид, :root body.shell .sh-n2-obj img, :root body.shell .sh-ord-obj img, :root body.shell .sh-ti img, :root body.shell .sh-stage img, :root body.shell .sh-empty-obj img, :root.desk #desk .king-obj img, :root.desk #desk .t3-obj img, :root.desk #desk .t3.q.tall .t3-obj img, :root.desk #desk .t3.xl .t3-obj img, :root.desk #desk .gh-obj img, :root.desk #desk .n-img img, :root.desk #desk .rg-b img, :root.desk #desk .tl-art img, :root.desk #desk .ct-pic.obj img, :root.desk #desk .t3-fan-c.obj img, :root.desk #desk .o-item img, :root.desk #desk .mega-i img, :root.desk #desk .d-mc-pic img{filter:var(--pp-touch)} :root body.shell .sh-tile.soon .sh-tile-obj img, :root body.shell .sh-wide.soon .sh-wide-obj img, :root.desk #desk .t3.soon .t3-obj img, :root.desk #desk .king.soon .king-obj img{filter:grayscale(1) brightness(.75)} :root body.shell .sh-logo, :root.desk #desk .v3-logo{filter:none} .app .пачка-ореол, .app .пачка-искры, :root.desk #desk .пачка-ореол, :root.desk #desk .пачка-искры{display:none} :root body.shell .ore .mark{color:var(--stone-deep)!important; background:var(--zhar)!important; border-radius:8px} :root body.shell .sh-card, :root body.shell .sh-promo, :root body.shell .sh-tile, :root body.shell .sh-stat, :root body.shell .sh-cat-t, :root body.shell [data-screen="orders"] .ord, :root body.shell [data-screen="orders"] .пусто-плита, :root body.shell .sh-pts, :root body.shell .sh-giftban, :root body.shell .ore:not(.item), :root body.shell .ore.item, :root body.shell .sh-n2, :root body.shell .подр{border-radius:18px} :root body.shell .sh-wide, :root body.shell .sh-holo{border-radius:22px} :root body.shell .sh-king{border-radius:28px} :root body.shell .sh-grid-c .sh-tile{border-radius:16px} :root body.shell .sh-find, :root body.shell .sh-search{border-radius:999px; background:var(--stone-deep); border-color:var(--seam-2)} :root body.shell .sh-glass{background:var(--stone); border-color:var(--seam-2)} :root body.shell .sh-corner{border-radius:16px} :root body.shell .sh-buy button{border-radius:14px; background:var(--stone-deep); border-color:var(--seam-2)} :root body.shell .sh-go{background:var(--stone-2); border-color:var(--seam-2)} :root body.shell .sh-ti, :root body.shell .sh-road.full .sh-step, :root body.shell .sh-list-links, :root body.shell .sh-inset, :root body.shell .sh-home-add{border-radius:16px} :root body.shell .sh-inset, :root body.shell .sh-home-add{background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam)} :root body.shell [data-screen="order"] .cart-lines, :root body.shell [data-screen="order"] .game-box, :root body.shell [data-screen="order"] .panel{border-radius:18px} :root body.shell .sh-holo{background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .sh-giftban, :root body.shell .sh-cat-t.sh-cat-gift{border-color:transparent; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam), var(--nw-фаска)} :root body.shell .sh-holo-foil{display:none} :root.desk #desk .t3, :root.desk #desk .t3.q.tall, :root.desk #desk .n2, :root.desk #desk .ct-t, :root.desk #desk .rg, :root.desk #desk .gm-lock{border-radius:20px} :root.desk #desk .king, :root.desk #desk .ord{border-radius:24px} :root.desk #desk .rg-b, :root.desk #desk .rg-pick, :root.desk #desk .king-buy button, :root.desk #desk .d-btn{border-radius:14px} :root.desk #desk .d-glass{background:var(--stone)} :root.desk #desk .v3-search{border-radius:999px; border-color:var(--seam-2); background:var(--stone-deep)} :root.desk #desk .v3-search:focus-within{border-color:var(--lamp)} :root.desk #desk .v3-search::after{display:none} :root.desk #desk .v3-sale, :root.desk #desk .v3-vip{border-radius:20px; background:var(--stone); border-color:var(--seam-2)} :root body.shell{--sh-sale:var(--nw-sale)} :root body.shell .sh-tag-sale, :root body.shell .sh-promo-sale > b, :root body.shell .sh-pill-sale, :root body.shell .sh-n2 .акция-цена b, :root body.shell .ore .акция-цена b, :root.desk #desk .t-sale, :root.desk #desk .v3-sale > b{color:var(--nw-on-sale); background:var(--nw-sale); box-shadow:none} :root body.shell .sh-tag{color:var(--on-ore); background:var(--nw-skidka)} :root.desk #desk .d-beta, :root body.shell .d-beta{color:var(--stone-deep); background:var(--nw-beta)} :root.desk #desk .ord-line.mine{color:var(--zhar)} :root body.shell .sh-king-name, :root body.shell .sh-gh-title{font:900 36px/.98 var(--font-display); letter-spacing:-.005em; overflow-wrap:break-word; word-break:normal; hyphens:none} :root body.shell .sh-gh-title{font-size:clamp(26px, 8.2vw, 36px)} :root body.shell .sh-cat-title, :root body.shell .sh-empty h2, :root body.shell [data-screen="orders"] .пусто-плита b{font-family:var(--font-display); font-weight:900; letter-spacing:0; overflow-wrap:normal; hyphens:none} :root body.shell .sh-wide-txt b, :root body.shell .sh-tile-txt b{font-family:var(--font-display); font-weight:800; overflow-wrap:normal; hyphens:none} :root body.shell .sh-holo-tier b{font:900 30px/1 var(--font-display); letter-spacing:0} :root body.shell .sh-holo.guest .sh-holo-tier b{font-size:26px} :root body.shell .dock-sum b, :root body.shell .sh-wide-txt u, :root body.shell .sh-stat b, :root body.shell .sh-pts-sum b, :root body.shell .sh-road.full .sh-step-p{font-family:var(--font-display); font-weight:800; font-variant-numeric:tabular-nums} :root body.shell .sh-title{font:800 17px/1.2 var(--font-display); letter-spacing:0; text-transform:none} :root body.shell .sh-h, :root body.shell .sh-h-big{font:700 12px/1 var(--font); letter-spacing:.12em} :root body.shell .sh-h-big{font-size:13px} :root.desk #desk .king-name{font:900 56px/.95 var(--font-display); letter-spacing:-.005em} :root.desk #desk .ct-title, :root body.shell .sh-cat-title{font-weight:900; letter-spacing:0} :root.desk #desk .t3-txt b{font-family:var(--font-display); font-weight:800; letter-spacing:0} :root.desk #desk .t3-price, :root.desk #desk .king-buy b{font-family:var(--font-display); font-weight:800; font-variant-numeric:tabular-nums} .app .screen h1, .app .screen h2{font-family:var(--font-display)} :root body.shell .sh-buy b{font:700 14px/1.12 var(--font); white-space:normal; overflow-wrap:normal; text-wrap:balance; text-align:left} :root body.shell [data-screen="order"] .cart-line > b{white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:normal; hyphens:none; font:800 16px/1.15 var(--font-display); text-wrap:balance} :root body.shell .sh-lamp, :root body.shell .наэкран-да, :root body.shell .app .act:not(.ghost), :root body.shell [data-screen="orders"] .пусто-плита .act, :root.desk #desk .d-lamp, .app .act:not(.ghost), .накрыльцо .act:not(.ghost){ position:relative; isolation:isolate; overflow:visible; border:0; border-radius:999px; color:var(--nw-cta-ink); background:transparent; box-shadow:none; transition:transform 220ms var(--ease-toy), opacity 180ms ease} :root body.shell .sh-lamp::before, :root body.shell .наэкран-да::before, :root body.shell .app .act:not(.ghost)::before, :root body.shell [data-screen="orders"] .пусто-плита .act::before, :root.desk #desk .d-lamp::before, .app .act:not(.ghost)::before, .накрыльцо .act:not(.ghost)::before{ content:""; position:absolute; inset:4px 0 -4px; z-index:-2; border-radius:inherit; pointer-events:none; background:var(--nw-cta-lip); transition:transform 220ms var(--ease-toy)} :root body.shell .sh-lamp::after, :root body.shell .наэкран-да::after, :root body.shell .app .act:not(.ghost)::after, :root body.shell [data-screen="orders"] .пусто-плита .act::after, :root.desk #desk .d-lamp::after, .app .act:not(.ghost)::after, .накрыльцо .act:not(.ghost)::after{ content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; opacity:1; background:var(--nw-cta); transition:none} :root body.shell .sh-lamp:active, :root body.shell .наэкран-да:active, :root body.shell .app .act:not(.ghost):active, :root body.shell [data-screen="orders"] .пусто-плита .act:active, :root.desk #desk .d-lamp:active, .app .act:not(.ghost):active, .накрыльцо .act:not(.ghost):active{ transform:translateY(4px); scale:none; background:transparent; transition:transform 130ms var(--ease-out)} :root body.shell .sh-lamp:active::before, :root body.shell .наэкран-да:active::before, :root body.shell .app .act:not(.ghost):active::before, :root body.shell [data-screen="orders"] .пусто-плита .act:active::before, :root.desk #desk .d-lamp:active::before, .app .act:not(.ghost):active::before, .накрыльцо .act:not(.ghost):active::before{ transform:translateY(-4px); transition:transform 130ms var(--ease-out)} :root body.shell .sh-lamp:active::after, :root.desk #desk .d-lamp:active::after, :root.desk #desk .d-lamp:hover::after{opacity:1; background:var(--nw-cta)} :root body.shell .sh-lamp:disabled, :root body.shell .app .act:disabled:not(.busy), :root.desk #desk .d-lamp:disabled{opacity:.5} :root body.shell .sh-lamp, :root body.shell .наэкран-да, :root body.shell .app .act:not(.ghost), :root body.shell .dock .act, :root body.shell [data-screen="orders"] .пусто-плита .act{font:900 16px/1 var(--font-display); letter-spacing:.005em; text-transform:none} :root.desk #desk .d-lamp{font:900 15px/1 var(--font-display); letter-spacing:.005em; text-transform:none} .app .act:not(.ghost){font-family:var(--font-display); font-weight:900} :root body.shell .app #payFallback{border-radius:999px; box-shadow:none} :root body.shell .dock .act{border-radius:999px; min-height:48px} :root.desk #desk .ord-go, :root.desk #desk .od-go{border-radius:999px; font:900 16px/1 var(--font-display); letter-spacing:.005em; text-transform:none; transition:transform 220ms var(--ease-toy)} :root.desk #desk .ord-go.ready:not(.under), :root.desk #desk .od-go.ready{color:var(--nw-cta-ink); box-shadow:0 4px 0 var(--nw-cta-lip)} :root.desk #desk .ord-go.ready:not(.under)::before, :root.desk #desk .od-go.ready::before{background:var(--nw-cta)} :root.desk #desk .ord-go.ready:not(.under):active, :root.desk #desk .od-go.ready:active{transform:translateY(4px); box-shadow:0 0 0 var(--nw-cta-lip); transition:transform 130ms var(--ease-out)} :root.desk #desk .ord-go.ready:active::before, :root.desk #desk .od-go.ready:active::before{background:var(--nw-cta)} :root.desk #desk .ord-glint, :root.desk #desk .v3-logo-glint{display:none} :root body.shell .sh-btn{border-radius:999px; font:700 14px/1 var(--font); letter-spacing:0; text-transform:none; background:var(--stone-2); border-color:var(--seam-2)} :root body.shell [data-screen="track"]:has(#trackPay:not(.hidden)) .sh-more-buy .sh-lamp{color:var(--cream)} :root body.shell [data-screen="track"]:has(#trackPay:not(.hidden)) .sh-more-buy .sh-lamp::before{background:var(--stone-deep)} :root body.shell [data-screen="track"]:has(#trackPay:not(.hidden)) .sh-more-buy .sh-lamp::after{background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .sh-tag-sale, :root body.shell .sh-tag, :root body.shell .sh-pill-sale, :root.desk #desk .t-sale{font:800 12px/1 var(--font-display); border-radius:8px; animation:pp-pop 260ms var(--ease-toy) both} @keyframes pp-pop{0%{transform:scale(.85); opacity:0} 70%{transform:scale(1.04); opacity:1} 100%{transform:scale(1)}} :root body.shell .sh-chip{border-radius:999px; background:var(--stone); border-color:var(--seam-2); color:var(--sand); font:700 14px/1 var(--font); box-shadow:none} :root body.shell .sh-chip.on{color:var(--on-lamp); background:var(--metal); border-color:transparent} :root body.shell .sh-chip.on small{color:var(--on-lamp)} :root body.shell .sh-chip.on::after{display:none} :root body.shell .sh-sort{border-radius:999px; background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--seam)} :root body.shell .sh-sort button{border-radius:999px} :root body.shell .sh-sort button.on{background:var(--metal); color:var(--on-lamp); box-shadow:none} :root body.shell .app [data-screen="catalog"] .tab{border-radius:999px} :root body.shell .sh-top::before{background:var(--deep); border-bottom-color:var(--seam)} :root body.shell .sh-top::after{display:none} :root body.shell .sh-tab{color:var(--sand)} :root body.shell .sh-tab.on{color:var(--cream)} :root body.shell .sh-tab.on .sh-tab-ic{color:var(--lamp-hi)} :root body.shell .sh-tab .sh-ic .f{fill-opacity:0} :root body.shell .sh-tab.on .sh-ic .f{fill-opacity:.2} :root body.shell .sh-tab-lamp::before{width:26px; height:3px; margin-left:-13px; border-radius:0 0 3px 3px; background:var(--lamp); box-shadow:none} :root body.shell .sh-tab-lamp i{background:transparent!important; box-shadow:none!important} :root body.shell .sh-count, :root.desk #desk .d-count{color:var(--on-lamp); background:var(--metal); box-shadow:0 0 0 2px var(--rock)} :root body.shell .sh-mi{color:var(--cream); background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .sh-coin{color:var(--stone-deep); background:var(--c); box-shadow:none} :root body.shell .sh-step.now .sh-coin{box-shadow:0 0 0 2px var(--deep), 0 0 0 4px var(--c)} :root body.shell .sh-step:not(.now):not(.done) .sh-coin{filter:none; background:color-mix(in oklab, var(--c) 45%, var(--stone))} :root body.shell .sh-road::before{opacity:.4} :root body.shell .sh-road:not(.full) .sh-step b{font:700 clamp(9px, 2.4vw, 12px)/1.1 var(--font); letter-spacing:-.02em; white-space:nowrap; overflow-wrap:normal; max-width:none} :root body.shell .sh-bars i, :root.desk #desk .d-bars i{box-shadow:none} :root body.shell .sh-pts-coin{background:var(--zhar); box-shadow:none} :root body.shell .sh-step b{font:800 12px/1.1 var(--font-display); letter-spacing:.01em} :root body.shell .sh-sign{position:relative; display:flex; align-items:center; justify-content:center; width:132px; height:36px; color:var(--cream)} :root body.shell .sh-sign-svg{display:block; width:100%; height:100%} :root body.shell .sh-holo-top .sh-sign{width:104px; height:24px; justify-content:flex-start} :root body.shell .sh-drawer-head .sh-sign{justify-content:flex-start} :root.desk #desk .v3-sign{display:flex; align-items:center; color:var(--cream)} :root.desk #desk .v3-sign-svg{display:block; height:100%; width:auto; max-width:100%} :root body.shell .sh-sign-t, :root.desk #desk .v3-sign-t, .nf-page .nf-sign > b{display:block; font:italic 900 24px/1 var(--font-display); letter-spacing:.01em; color:var(--cream); white-space:nowrap} :root.desk #desk .v3-sign-t{font-size:34px} :root body.shell .sh-holo-top .sh-sign-t{font-size:17px} :root.desk #desk .v3-logo{--egg-x:.97; --egg-y:.12} :root body.shell .sh-king-scene, :root.desk #desk .king-scene{background:var(--stone)} :root body.shell .sh-king-scene::before, :root.desk #desk .king-scene::before, :root body.shell .sh-cat-top::before, :root.desk #desk .ct-head::before{ content:""; position:absolute; z-index:0; left:-40%; right:-40%; bottom:-6%; height:52%; pointer-events:none; mix-blend-mode:normal; opacity:1; transform:perspective(240px) rotateX(64deg); transform-origin:50% 100%; background:linear-gradient(var(--seam-2) 1px, transparent 1px) 0 0 / 100% 26px, linear-gradient(90deg, var(--seam-2) 1px, transparent 1px) 0 0 / 30px 100%; -webkit-mask:linear-gradient(transparent, #000 85%); mask:linear-gradient(transparent, #000 85%)} :root body.shell .sh-king-scene video, :root body.shell .sh-king-scene img, :root.desk #desk .king-scene video{z-index:1} :root body.shell .sh-king-scene::after, :root.desk #desk .king-scene::after{z-index:3} :root body.shell .sh-king-scene:not(:has(video, img))::after, :root.desk #desk .king-scene:not(:has(video))::after{display:none} :root body.shell .sh-king-obj, :root.desk #desk .king-obj{z-index:1} :root body.shell .sh-king::after, :root.desk #desk .king::after{display:none} :root body.shell .sh-cat-top, :root.desk #desk .ct-head{position:relative; isolation:isolate} :root body.shell .sh-cat-top::before, :root.desk #desk .ct-head::before{z-index:-1; left:30%; right:-24%; bottom:-14px; height:150%; transform:perspective(200px) rotateX(62deg); -webkit-mask:linear-gradient(90deg, transparent 0%, #000 60%), linear-gradient(transparent, #000 85%); -webkit-mask-composite:source-in; mask:linear-gradient(90deg, transparent 0%, #000 60%), linear-gradient(transparent, #000 85%); mask-composite:intersect} :root.desk #desk .ct-head::before{left:46%; right:0; bottom:0; height:130px; transform:perspective(220px) rotateX(58deg)} :root.desk #desk{--steel:linear-gradient(var(--zhar-lo), var(--zhar-lo)); --steel-lit:linear-gradient(var(--zhar), var(--zhar))} :root body.shell{--sh-steel-lit:linear-gradient(var(--zhar), var(--zhar))} :root.desk #desk .king::before{opacity:.6; background:var(--steel-lit)} :root body.shell .sh-king::before{opacity:.6} :root:not([data-own~="ramka"]).desk #desk .t3::before, :root:not([data-own~="ramka"]).desk #desk .king::before, :root:not([data-own~="ramka"]).desk #desk .ct-t::before, :root:not([data-own~="ramka"]) body.shell .sh-king::before, :root:not([data-own~="ramka"]) body.shell .sh-tile::before, :root:not([data-own~="ramka"]) body.shell .sh-wide::before{content:none} :root:not([data-own~="ramka"]).desk #desk .nc-back, :root:not([data-own~="ramka"]) body.shell .shm .nc-back{background:var(--stone-2)} :root body.shell .sh-empty-obj.sh-empty-blank{display:none} :root body.shell .sh-empty{padding-top:56px; gap:12px} :root body.shell .sh-empty h2{font-size:24px; text-transform:none; letter-spacing:0} :root body.shell .sh-empty p{max-width:30ch} :root body.shell [data-screen="orders"] .пусто-плита{padding:28px 20px 24px; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} :root body.shell [data-screen="orders"] .пусто-плита b{font-size:22px} :root body.shell [data-screen="order"] .line.cut:not(.hidden){display:flex; justify-content:space-between; align-items:baseline; padding:10px 0; border-top:1px solid var(--seam)} :root body.shell [data-screen="order"] .line.cut dt, :root body.shell [data-screen="order"] .line.cut dd{color:var(--nw-skidka)} :root body.shell [data-screen="order"] .line.cut dt{font:600 14.5px/1.3 var(--font)} :root body.shell [data-screen="order"] .line.cut dd{font:800 16px/1 var(--font-display); font-variant-numeric:tabular-nums} :root body.shell .app .screen[data-screen="order"] .line.pts{background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam-2)!important} :root body.shell .app .screen[data-screen="order"] .line.pts::before{color:var(--stone-deep); background:var(--zhar); box-shadow:none} :root body.shell .app .screen[data-screen="order"] .line.pts dt{color:var(--cream)} :root body.shell .shm-author-line dt, :root body.shell .shm-author-line dd{color:var(--nw-skidka)} :root body.shell .shm-author-hint .sh-link{min-height:0; padding:0; font:600 14px/1.4 var(--font); color:var(--lamp-hi); text-decoration:underline; text-underline-offset:3px; text-decoration-color:color-mix(in oklab, var(--lamp-hi) 40%, transparent)} :root body.shell .dock{border-radius:22px 22px 0 0} :root body.shell .dock-sum b{font-size:22px; color:var(--cream)} :root body.shell .sh-dock-save{color:var(--nw-skidka)} :root body.shell [data-screen="order"] .способ.on{border-color:var(--lamp); box-shadow:none} :root body.shell [data-screen="order"] .field input{border-color:var(--field); background:var(--stone-deep)} :root.desk #desk .ord-line{font-size:14px} :root.desk #desk .ord-line.good{color:var(--nw-skidka); font-weight:600} :root.desk #desk .ord-line.good span:last-child{font-family:var(--font-display); font-weight:800} :root.desk #desk .ord-total b{font:900 34px/1.1 var(--font-display); color:var(--cream)} :root.desk #desk .ord-author-hint .d-link{padding:0; border:0; background:none; cursor:pointer; font:600 14px/1.4 var(--font); color:var(--lamp-hi); text-decoration:underline; text-underline-offset:3px; text-decoration-color:color-mix(in oklab, var(--lamp-hi) 40%, transparent)} :root.desk #desk .ord-author{color:var(--nw-skidka)} :root.desk #desk .au-strip, :root body.shell .au-strip{display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:16px; width:100%; border:0; text-align:left; color:var(--cream); background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска); cursor:pointer} :root.desk #desk .au-strip{margin-top:16px; padding:16px 18px 16px 16px; border-radius:20px} :root body.shell .au-strip{margin-top:12px; padding:12px 14px 12px 12px; border-radius:18px; gap:12px} :root.desk #desk .au-strip-ic, :root body.shell .au-strip-ic{display:grid; place-items:center; width:48px; height:48px; border-radius:14px; color:var(--nw-cta-ink); background:var(--nw-cta); box-shadow:0 3px 0 var(--nw-cta-lip)} :root body.shell .au-strip-ic{width:44px; height:44px; border-radius:13px} :root.desk #desk .au-strip-ic svg, :root body.shell .au-strip-ic svg{width:26px; height:26px} :root.desk #desk .au-strip-t, :root body.shell .au-strip-t{display:flex; flex-direction:column; gap:4px; min-width:0} :root.desk #desk .au-strip-t b, :root body.shell .au-strip-t b{font:900 19px/1.15 var(--font-display); letter-spacing:0} :root body.shell .au-strip-t b{font-size:17px} :root.desk #desk .au-strip-t small, :root body.shell .au-strip-t small{font:500 14px/1.35 var(--font); color:var(--sand)} :root body.shell .au-strip-t small{font-size:13px} :root.desk #desk .au-strip-t small b, :root body.shell .au-strip-t small b{font:700 inherit/inherit var(--font); color:var(--cream); font-size:inherit} :root.desk #desk .au-strip-go, :root body.shell .au-strip-go{display:inline-flex; align-items:center; gap:10px} :root.desk #desk .au-strip-pct, :root body.shell .au-strip-pct{display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border-radius:999px; font:800 16px/1 var(--font-display); font-variant-numeric:tabular-nums; color:var(--on-ore); background:var(--nw-skidka)} :root body.shell .au-strip-pct{min-height:28px; padding:0 10px; font-size:14px} :root.desk #desk .au-strip-btn{display:inline-flex; align-items:center; height:44px; padding:0 18px; border-radius:999px; font:800 14px/1 var(--font-display); color:var(--cream); background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .au-strip-go .sh-ic{width:18px; height:18px; color:var(--sand)} :root.desk #desk .au-strip.on .au-strip-t small, :root body.shell .au-strip.on .au-strip-t small{color:var(--nw-skidka)} :root.desk #desk .au-strip:hover{box-shadow:inset 0 0 0 1px var(--lamp), var(--nw-фаска)} :root.desk #desk .au-strip:active, :root body.shell .au-strip:active{transform:translateY(1px)} :root.desk #desk .au-strip:focus-visible, :root body.shell .au-strip:focus-visible{outline:2px solid var(--lamp); outline-offset:2px} :root.desk #desk .g-author, :root body.shell .sh-au-pill{display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border:0; border-radius:999px; cursor:pointer; font:700 13px/1 var(--font); color:var(--nw-skidka); background:var(--stone); box-shadow:inset 0 0 0 1px var(--nw-skidka)} :root.desk #desk .g-author.on, :root body.shell .sh-au-pill.on{color:var(--on-ore); background:var(--nw-skidka); box-shadow:none} :root.desk #desk .g-author{margin-left:2px; cursor:default} :root body.shell .sh-gh-au{margin:8px 0 0} :root.desk #desk .g-giftable{box-shadow:inset 0 0 0 1px var(--seam-2); background:var(--stone)} :root body.shell .au-card, :root.desk #desk .au-card{position:relative; padding:16px; border-radius:20px; border:0; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска)} :root body.shell .au-top, :root.desk #desk .au-top{display:grid; grid-template-columns:48px minmax(0, 1fr) auto; align-items:center; gap:12px} :root body.shell .au-top::before, :root.desk #desk .au-top::before{content:""; width:48px; height:48px; border-radius:14px; background:var(--nw-cta); box-shadow:0 3px 0 var(--nw-cta-lip)} :root body.shell .au-h, :root.desk #desk .au-h{margin:0; font:900 18px/1.15 var(--font-display); letter-spacing:0; text-transform:none; color:var(--cream)} :root body.shell .au-sub, :root.desk #desk .au-sub{display:block; margin-top:3px; font:500 13.5px/1.35 var(--font); letter-spacing:0; text-transform:none; color:var(--sand)} :root body.shell .au-pct, :root.desk #desk .au-pct{display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:999px; font:800 14px/1 var(--font-display); color:var(--on-ore); background:var(--nw-skidka); box-shadow:none} :root body.shell .au-pct b, :root.desk #desk .au-pct b{font:inherit; color:inherit; background:none; -webkit-text-fill-color:currentColor} :root body.shell .au-steps, :root.desk #desk .au-steps{margin:14px 0 0; padding-left:20px; font:500 14px/1.5 var(--font); color:var(--sand)} :root body.shell .au-steps li + li, :root.desk #desk .au-steps li + li{margin-top:4px} :root body.shell .au-state, :root.desk #desk .au-state{margin:12px 0 0; font:600 14px/1.4 var(--font)} :root body.shell .au-on, :root.desk #desk .au-on{color:var(--nw-skidka)} :root body.shell .au-off, :root.desk #desk .au-off{color:var(--sand)} :root body.shell .au-nick, :root.desk #desk .au-nick{margin:4px 0 0; font:500 13px/1.4 var(--font); color:var(--sand-dim)} :root body.shell .au-row, :root.desk #desk .au-row{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px} :root body.shell .au-row .sh-lamp, :root.desk #desk .au-row .d-lamp{min-height:48px; padding:0 22px; font-size:15px} :root body.shell .au-up, :root.desk #desk .au-up{cursor:pointer} :root body.shell .au-note, :root.desk #desk .au-note{margin:10px 0 0; font:500 12.5px/1.4 var(--font); color:var(--sand-dim)} :root body.shell .au-msg:empty, :root.desk #desk .au-msg:empty{display:none} :root body.shell .au-msg, :root.desk #desk .au-msg{margin:10px 0 0; font:600 14px/1.4 var(--font); color:var(--lamp-hi)} :root body.shell .au-msg.au-bad, :root.desk #desk .au-msg.au-bad{color:var(--rust)} :root body.shell .au-busy .au-up, :root.desk #desk .au-busy .au-up{opacity:.6; pointer-events:none} .rtg{--rtg-plate:var(--stone); --rtg-block:var(--stone-2); --rtg-ava:var(--seam-2); --rtg-gold-hi:#E4CB8A; --rtg-gold:var(--zhar); --rtg-gold-lo:var(--zhar-lo); --rtg-you:var(--nw-cyan); --rtg-hot:var(--nw-orange)} :root:not([data-own~="rating"]) .rtg-art{display:none} :root.desk #desk .bn-top .bn-cup, :root.desk #desk .bn-top .bn-halo, :root body.shell .bn-top .bn-cup, :root body.shell .bn-top .bn-halo{display:none} .rtg .rtg-h1{font-weight:900; letter-spacing:0} .rtg .rtg-stage{border-radius:22px; box-shadow:inset 0 0 0 1px var(--seam-2)} .rtg .rtg-plinth{border-radius:14px 14px 0 0; background:var(--rtg-m); box-shadow:none} .rtg .rtg-step.free .rtg-plinth{background:var(--stone-2); box-shadow:inset 0 3px 0 var(--rtg-m); color:var(--cream)} .rtg .rtg-list, .rtg .rtg-seg{border-radius:16px} :is(:root.desk #desk, :root body.shell) .rtg .rtg-seg button[aria-pressed="true"]{color:var(--stone-deep); background:var(--zhar); box-shadow:none} .rtg .rtg-ava{box-shadow:none} :is(:root.desk #desk, :root body.shell) .rtg .rtg-btn{border-radius:999px; font:900 15px/1 var(--font-display); letter-spacing:.005em; text-transform:none; transition:transform 220ms var(--ease-toy)} :is(:root.desk #desk, :root body.shell) .rtg .rtg-btn-main{color:var(--nw-cta-ink); background:var(--nw-cta); box-shadow:0 4px 0 var(--nw-cta-lip)} :is(:root.desk #desk, :root body.shell) .rtg .rtg-btn-main:active{transform:translateY(4px); box-shadow:0 0 0 var(--nw-cta-lip); transition:transform 130ms var(--ease-out)} .app svg.наэкран-значок, :root body.shell svg.наэкран-значок{padding:9px; border-radius:12px; color:var(--lamp); background:var(--rock); box-shadow:inset 0 0 0 1px var(--seam-2)} :root.desk #desk svg.d-app-mark{padding:10px; border-radius:14px; color:var(--lamp); background:var(--rock); box-shadow:inset 0 0 0 1px var(--seam-2)} .nf-page{position:relative; isolation:isolate; overflow-x:hidden} .nf-page::before{content:""; position:fixed; z-index:-1; left:-30%; right:-30%; bottom:-4%; height:40%; pointer-events:none; transform:perspective(260px) rotateX(64deg); transform-origin:50% 100%; background:linear-gradient(var(--seam-2) 1px, transparent 1px) 0 0 / 100% 30px, linear-gradient(90deg, var(--seam-2) 1px, transparent 1px) 0 0 / 34px 100%; -webkit-mask:linear-gradient(transparent, #000 85%); mask:linear-gradient(transparent, #000 85%)} .nf-page .nf-mark{box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска)} .nf-page .nf-go{color:var(--nw-cta-ink); background:var(--nw-cta); box-shadow:0 4px 0 var(--nw-cta-lip); transition:transform 220ms var(--ease-toy)} .nf-page .nf-go:active{transform:translateY(4px); box-shadow:0 0 0 var(--nw-cta-lip); transition:transform 130ms var(--ease-out)} @media (prefers-reduced-motion:reduce){ :root body.shell .sh-tag-sale, :root body.shell .sh-tag, :root body.shell .sh-pill-sale, :root.desk #desk .t-sale{animation:none} :root body.shell .sh-lamp, :root body.shell .sh-lamp::before, :root body.shell .наэкран-да, :root body.shell .наэкран-да::before, :root body.shell .app .act, :root body.shell .app .act::before, :root.desk #desk .d-lamp, :root.desk #desk .d-lamp::before, :root.desk #desk .ord-go, :root.desk #desk .od-go, .app .act, .app .act::before, .nf-page .nf-go{transition:none} } body.shell .sh-empty-obj img{filter:none} body.shell .sh-empty-obj i{display:none} :root body.shell .app .screen[data-screen="order"] .cart-line{display:grid; grid-template-columns:minmax(0, 1fr) auto; grid-template-areas:"name sum" "name step"; align-items:center; column-gap:14px; row-gap:8px; min-height:0; margin:0; padding:14px 2px; border:0; border-radius:0; background:transparent; box-shadow:none} :root body.shell .app .screen[data-screen="order"] #cartLines .cart-line + .cart-line{border-top:1px solid var(--seam)} :root body.shell .app .screen[data-screen="order"] .cart-line > b{grid-area:name; align-self:center; min-width:0; overflow:visible; white-space:normal; overflow-wrap:normal; hyphens:none; text-wrap:balance; font:800 17px/1.15 var(--font-display); color:var(--cream)} :root body.shell .app .screen[data-screen="order"] .cart-line > b .line-game{display:block; margin-top:4px; font:600 13px/1.2 var(--font); color:var(--sand)} :root body.shell .app .screen[data-screen="order"] .cart-line .sum{grid-area:sum; justify-self:end; align-self:end; font:800 17px/1 var(--font-display); font-variant-numeric:tabular-nums; color:var(--cream)} :root body.shell .app .screen[data-screen="order"] .cart-line .stepper{grid-area:step; justify-self:end; align-self:start} :root body.shell .app .screen[data-screen="order"] .stepper{gap:4px; padding:3px; border:0; border-radius:14px; background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--seam)} :root body.shell .app .screen[data-screen="order"] .stepper button{min-width:40px; width:40px; height:40px; border-radius:11px; font:700 22px/1 var(--font); color:var(--cream); background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .app .screen[data-screen="order"] .stepper button[data-do="minus"]{color:var(--cream); background:transparent; box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .app .screen[data-screen="order"] .stepper .n{min-width:28px; font:800 17px/1 var(--font-display); color:var(--cream)} :root body.shell .app .screen[data-screen="order"] .способ-сумма{font:600 13px/1.2 var(--font); color:var(--sand)} :root body.shell .app .screen[data-screen="order"] .способ.on{background:var(--stone-2); border-color:var(--lamp); box-shadow:none} @media (max-width:1023px){ :root body.shell.sh-total [data-screen="order"] .panel{order:1} :root body.shell.sh-total [data-screen="order"] .обещание{order:1} :root body.shell.sh-total [data-screen="order"] #входСовет{order:2} :root body.shell.sh-total [data-screen="order"] .согласие-оплаты{order:3} :root body.shell.sh-total [data-screen="order"] #err{order:4} :root body.shell.sh-total [data-screen="order"] #payFallback{order:5} } :root body.shell.sh-total .app .screen[data-screen="order"] .panel{margin:18px 0 0; padding:6px 16px 4px; border:0; border-radius:18px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска)} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line:not(.hidden){display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0; padding:9px 0; border:0; background:none} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line dt{margin:0; font:600 14.5px/1.3 var(--font); letter-spacing:0; text-transform:none} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line dd{margin:0; font:800 16px/1 var(--font-display); font-variant-numeric:tabular-nums; white-space:nowrap} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .sh-sum-base dt{color:var(--sand)} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .sh-sum-base dd{color:var(--sand); font-weight:700} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .sh-sum-base s{text-decoration-thickness:1.5px; text-decoration-color:var(--sand)} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line.cut dt, :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line.cut dd{color:var(--nw-skidka)} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .shm-author-hint dt{color:var(--sand)} :root body.shell.sh-total .shm-author-hint .sh-link{display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:0; border:0; background:none; font:600 14.5px/1.3 var(--font); color:var(--sand); text-decoration:none} :root body.shell.sh-total .shm-author-hint .sh-link::after{content:"›"; font:700 18px/1 var(--font); color:var(--sand)} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line.pay{display:flex!important; align-items:center; margin-top:6px; padding:14px 0 12px; border-top:1px solid var(--seam)} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line.pay:first-child{margin-top:0; border-top:0} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line.pay dt{font:700 12px/1 var(--font)!important; letter-spacing:.12em; text-transform:uppercase; color:var(--sand)} :root body.shell.sh-total .app .screen[data-screen="order"] .panel .line.pay dd{font:900 28px/1 var(--font-display)!important; letter-spacing:0; color:var(--cream)} :root body.shell.sh-total .app .screen[data-screen="order"] .обещание{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 12px; margin:0!important; padding:10px 4px 0!important; border:0!important; font:500 13px/1.4 var(--font); color:var(--sand)} :root body.shell.sh-total .app .screen[data-screen="order"] .согласие-оплаты{margin-top:14px} :root body.nf-page .nf-go, :root body.shell .app .plita-copy, .app .plita-copy, .app .вход-да, :root body.shell .вход-да, .app .нет-игры-ссылка, :root.desk #desk .lg-go, :root.desk #desk .st-go, .вопрос .вопрос-да, :root body.shell > .sty .sty-share, :root body.shell .sh-ref-acts .sh-metal:first-child{ border:0; color:var(--nw-cta-ink)!important; background:var(--nw-cta)!important; box-shadow:0 3px 0 var(--nw-cta-lip)!important; text-shadow:none; -webkit-text-fill-color:currentColor; transition:transform 220ms var(--ease-toy)} :root body.nf-page .nf-go:active, :root body.shell .app .plita-copy:active, .app .вход-да:active, .app .нет-игры-ссылка:active, :root.desk #desk .lg-go:active, :root.desk #desk .st-go:active, .вопрос .вопрос-да:active, :root body.shell .sh-ref-acts .sh-metal:first-child:active{ transform:translateY(3px); scale:none; box-shadow:0 0 0 var(--nw-cta-lip)!important; transition:transform 130ms var(--ease-out)} :root body.shell .app .plita-copy, .app .plita-copy{border-radius:999px!important; font:900 16px/1 var(--font-display)} :root body.shell [data-screen="track"]:has(.plita-copy) .sh-more-buy .sh-lamp{color:var(--cream)} :root body.shell [data-screen="track"]:has(.plita-copy) .sh-more-buy .sh-lamp::before{background:var(--stone-deep)} :root body.shell [data-screen="track"]:has(.plita-copy) .sh-more-buy .sh-lamp::after{background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .app .plita-copy.ok, .app .plita-copy.ok{color:var(--on-ore)!important; background:var(--nw-skidka)!important; box-shadow:0 3px 0 var(--stone-deep)!important} .app .вход-да, :root body.shell .вход-да{border-radius:999px!important; font:900 16px/1 var(--font-display); display:flex; align-items:center; justify-content:center} :root body.nf-page .nf-go{border-radius:999px} :root.desk #desk .lg-go::after{display:none} :root.desk #desk .lg-plane, :root.desk #desk .d-abt-n{color:var(--lamp-hi); background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--seam-2)} :root.desk #desk .au-up, :root body.shell .au-up, :root.desk #desk .me-rp-cta, :root body.shell .shm .me-rp-cta, :root body.shell .shm .me-rep.lead .me-rep-go, :root body.shell .sh-ref-acts .sh-metal + .sh-metal, :root.desk #desk .rf-copy:not(.au-up){ border:0; color:var(--cream)!important; background:transparent!important; box-shadow:inset 0 0 0 1px var(--seam-2)!important; -webkit-text-fill-color:currentColor} :root.desk #desk .au-up, :root body.shell .au-up{display:inline-flex; align-items:center; min-height:48px; padding:0 20px; border-radius:999px; font:800 15px/1 var(--font-display); letter-spacing:0; text-transform:none; text-decoration:none; cursor:pointer} :root.desk #desk .me-rp-cta, :root body.shell .shm .me-rp-cta{border-radius:999px; font:800 13px/1 var(--font-display); letter-spacing:0; text-transform:none} @media (hover:hover) and (pointer:fine){ :root.desk #desk .au-up:hover, :root.desk #desk .me-rp-cta:hover, :root.desk #desk .rf-copy:not(.au-up):hover{box-shadow:inset 0 0 0 1px var(--lamp)!important} } :root.desk #desk .king-scene video, :root body.shell .sh-king-scene video, :root body.shell .sh-king-scene img{object-position:62% 45%} :root.desk #desk .me-bn.guest .bn-in{height:26px; padding:0 11px; color:var(--sand); background:transparent; box-shadow:inset 0 0 0 1px var(--seam-2); font:700 11px/1 var(--font); letter-spacing:.08em} @media (hover:hover) and (pointer:fine){ :root.desk #desk .me-bn.guest:hover .bn-in{color:var(--cream); box-shadow:inset 0 0 0 1px var(--lamp); transform:none} } :root body.shell .sh-promos .au-half{position:relative; color:var(--cream); background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска); border:0; border-radius:18px} :root body.shell .sh-promos .sh-promo-lvl{background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска); border:0; border-radius:18px} :root body.shell .au-half-ic{flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:var(--nw-cta-ink); background:var(--nw-cta); box-shadow:0 2px 0 var(--nw-cta-lip)} :root body.shell .au-half-ic svg{width:22px; height:22px} :root body.shell .sh-promos .au-half > span:last-child{display:flex; flex-direction:column; gap:3px; min-width:0} :root body.shell .sh-promos .au-half i{font:900 clamp(13px, 3.9vw, 15px)/1.1 var(--font-display); font-style:normal; letter-spacing:0; white-space:nowrap; color:var(--cream)} :root body.shell .sh-promos .au-half small{font:700 13px/1.2 var(--font); white-space:nowrap; color:var(--nw-skidka)} :root body.shell .sh-promos .au-half:active{transform:translateY(1px)} :root body.shell .sh-promos .sh-promo-lvl small{font-size:clamp(12px, 3.5vw, 13px); white-space:nowrap} :root.desk #desk .me-strip.me-low-strip{margin-top:28px} :root body.shell .au-top::before, :root.desk #desk .au-top::before{content:none} :root body.shell .au-ic, :root.desk #desk .au-ic{display:grid; place-items:center; width:48px; height:48px; border-radius:14px; color:var(--nw-cta-ink); background:var(--nw-cta); box-shadow:0 3px 0 var(--nw-cta-lip)} :root body.shell .au-ic svg, :root.desk #desk .au-ic svg{width:28px; height:28px} :root body.shell .au-open, :root.desk #desk .au-open{text-decoration:none!important} .app .вход[data-why="author"] .вход-знак, :root body.shell .вход[data-why="author"] .вход-знак{width:56px; height:56px; padding:13px; box-sizing:border-box; border-radius:16px; color:var(--nw-cta-ink); background:var(--nw-cta); box-shadow:0 3px 0 var(--nw-cta-lip)} :root.desk #desk .ol-empty-art, :root.desk #desk .d-mc-art{display:block; object-fit:contain; pointer-events:none} :root.desk #desk .ol-empty-art{width:200px; height:200px; margin-bottom:4px} :root.desk #desk .ol-empty{border-style:solid; border-color:var(--seam); background:var(--stone)} :root.desk #desk .ol-empty b{font:900 22px/1.2 var(--font-display); letter-spacing:0; text-transform:none} :root.desk #desk .d-mc-empty.d-mc-art-on{display:grid; justify-items:center; gap:8px; padding:8px 8px 4px; text-align:center} :root.desk #desk .d-mc-art{width:120px; height:120px} :root.desk #desk .d-mc-empty.d-mc-art-on b{font:900 18px/1.2 var(--font-display); letter-spacing:0; text-transform:none; color:var(--cream)} :root.desk #desk .d-mc-go{border-radius:999px; font:900 15px/1 var(--font-display); letter-spacing:0; text-transform:none; box-shadow:0 3px 0 var(--nw-cta-lip)} :root.desk #desk .d-mc-empty.d-mc-art-on .d-mc-go{display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin-top:6px; text-decoration:none} :root body.shell .sh-road:not(.full) .sh-step{display:flex; flex-direction:column; align-items:center; overflow:visible} :root body.shell .sh-road:not(.full) .sh-step-p{order:1; margin-top:2px; font:800 13px/1 var(--font-display); color:var(--cream)} :root body.shell .sh-road:not(.full) .sh-step b{order:2; max-width:none; margin-top:6px; font:700 11px/1.15 var(--font); letter-spacing:0; white-space:nowrap; overflow-wrap:normal; color:var(--sand)} :root body.shell .sh-road:not(.full) .sh-step:nth-child(even) b{margin-top:20px} :root body.shell .sh-road:not(.full) .sh-step.now b, :root body.shell .sh-road:not(.full) .sh-step.now .sh-step-p{color:var(--cream)} :root body.shell .sh-road:not(.full) .sh-step:not(.now):not(.done) .sh-step-p{color:var(--sand)} .rtg .rtg-step.free .rtg-art{opacity:1; transform:scale(.86); transform-origin:50% 100%} .rtg .rtg-step.free .rtg-step-nick{color:var(--sand-dim)} :root.desk #desk .d-abt{max-width:none; display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); column-gap:48px; align-items:start} :root.desk #desk .d-abt > h1, :root.desk #desk .d-abt > .d-abt-lead{grid-column:1 / -1} :root.desk #desk .d-abt > h2:nth-of-type(1){grid-column:1; grid-row:3} :root.desk #desk .d-abt > .d-abt-steps{grid-column:1; grid-row:4; grid-template-columns:minmax(0, 1fr)} :root.desk #desk .d-abt > h2:nth-of-type(2){grid-column:2; grid-row:3} :root.desk #desk .d-abt > .d-abt-asks{grid-column:2; grid-row:4} :root.desk #desk .d-abt-steps li{display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:16px; align-items:start; border-radius:18px; border-color:var(--seam); background:var(--stone)} :root.desk #desk .d-abt-steps .d-abt-n{grid-row:1 / 3; margin:0} :root.desk #desk .d-abt-asks details{border-radius:16px; border-color:var(--seam); background:var(--stone)} :root.desk #desk :is(h1, h2):not(.king-name):not(.gh-title):not(.d-vh):not(.au-h){font-family:var(--font-display); font-weight:900; letter-spacing:0; text-transform:none} :root.desk #desk .gh-title, :root.desk #desk .king-name{font-weight:900; letter-spacing:0} :root.desk #desk .ct-title{text-transform:none} :root.desk #desk .d-btn{font:700 14px/1 var(--font); letter-spacing:0; text-transform:none} :root.desk #desk .v3-bar .d-btn{font-size:14px} :root.desk #desk .me-rep-go{letter-spacing:0; text-transform:none; font-size:13px} :root.desk #desk .lg-go{border-radius:999px; font:900 16px/1 var(--font-display); letter-spacing:0; text-transform:none} :root.desk #desk .lg-steam{border-radius:999px; font:800 15px/1 var(--font-display); letter-spacing:0; text-transform:none; color:var(--cream); background:var(--stone-2); border-color:var(--seam-2); box-shadow:none} @media (hover:hover) and (pointer:fine){ :root.desk #desk .lg-steam:hover{background:var(--stone-2); border-color:var(--lamp)} } :root.desk #desk .t3.s .t3-obj{top:4px; max-height:56px; width:56px; height:56px} :root.desk #desk .t3.s .t3-obj img{width:100%; height:100%; object-fit:contain} :root.desk #desk .t3.s.t3-all .t3-fan{top:4px; transform:scale(.78); transform-origin:50% 0} :root.desk #desk{--steel:linear-gradient(var(--zhar), var(--zhar)); --steel-lit:linear-gradient(var(--zhar), var(--zhar))} :root.desk #desk .t3::before, :root.desk #desk .ct-t::before{opacity:.5} @media (prefers-reduced-motion:no-preference){ :root.desk #desk .t3.t3-all .t3-shine::before{left:0; animation-name:pp-t3all-shine} } @keyframes pp-t3all-shine{0%,62%{transform:translateX(-160%) skewX(-18deg)} 100%{transform:translateX(330%) skewX(-18deg)}} :root.desk #desk .lv2-edge, :root.desk #desk .lvr-say, :root.desk #desk .lvr-say b, :root.desk #desk .ol-find-hint, :root.desk #desk .lv2-step small, :root.desk #desk .lv2-act small, :root.desk #desk .gst-rail small, :root.desk #desk .au-note, :root.desk #desk .q-hint{font-size:13px; line-height:1.4} :root body.shell .sh-find-empty{width:140px; height:140px} :root body.shell .sh-find-empty img{width:100%; height:100%; object-fit:contain} @media (prefers-reduced-motion:reduce){ :root body.nf-page .nf-go, :root body.shell .app .plita-copy, .app .вход-да, .app .нет-игры-ссылка, :root.desk #desk .lg-go, :root.desk #desk .st-go, .вопрос .вопрос-да, :root body.shell .sh-ref-acts .sh-metal:first-child{transition:none} } :root body.shell .sh-king-obj, :root.desk #desk .king-obj{z-index:2} :root body.shell .sh-king-scene, :root.desk #desk .king-scene{display:none} :root body.shell .sh-king-obj, :root.desk #desk .king-obj{transform:scale(1.35); transform-origin:85% 40%}