: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 .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-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-n2 .акция-цена b, :root body.shell .ore .акция-цена b, :root.desk #desk .t-sale{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{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{color:var(--nw-cta-ink); box-shadow:0 4px 0 var(--nw-cta-lip)} :root.desk #desk .ord-go.ready::before{background:var(--nw-cta)} :root.desk #desk .ord-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{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.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-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-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.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, .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"] > .sh-gift{order:4} :root body.shell.sh-total [data-screen="order"] .согласие-оплаты{order:5} :root body.shell.sh-total [data-screen="order"] #err{order:6} :root body.shell.sh-total [data-screen="order"] #payFallback{order:7} } :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.pts:not(.hidden){align-items:center; margin:8px 0 4px; padding:12px 14px 12px 52px; border-radius:14px} :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 clamp(12px, 3.5vw, 13px)/1.2 var(--font); white-space:normal; overflow-wrap:anywhere; 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:normal} :root body.shell .sh-promo > span:last-child{min-width:0} :root body.shell .sh-promos .au-half i{white-space:normal} :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:7px; font:700 clamp(9.5px, 2.95vw, 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.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:4} :root.desk #desk .d-abt > .d-abt-steps{grid-column:1; grid-row:5; grid-template-columns:minmax(0, 1fr)} :root.desk #desk .d-abt > h2:nth-of-type(2){grid-column:2; grid-row:4} :root.desk #desk .d-abt > .d-abt-asks{grid-column:2; grid-row:5} :root.desk #desk .d-abt > .d-abt-who{grid-column:1 / -1; grid-row:3} :root.desk #desk .d-abt-who{display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:18px; margin:4px 0 8px; padding:18px 20px; border-radius:18px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска)} :root.desk #desk .d-abt-who-mark{display:grid; place-items:center; width:64px; height:64px; padding:17px 12px; box-sizing:border-box; border-radius:18px; color:var(--logo-green, #70E28A); background:linear-gradient(150deg, var(--au-1), var(--au-3))} :root.desk #desk .d-abt-who-mark svg{width:100%; height:100%} :root.desk #desk .d-abt-who-t{display:flex; flex-direction:column; gap:4px; min-width:0} :root.desk #desk .d-abt-who-t b{font:900 22px/1.1 var(--font-display); letter-spacing:0; color:var(--cream)} :root.desk #desk .d-abt-who-t small{font:700 13px/1.3 var(--font); color:var(--nw-skidka)} :root.desk #desk .d-abt-who-t p{margin:4px 0 0; max-width:64ch; font:500 14px/1.5 var(--font); color:var(--sand)} :root.desk #desk .d-abt-who-links{display:flex; gap:10px} :root.desk #desk .d-abt-who-a{display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 16px 0 12px; border-radius:12px; text-decoration:none; font:800 14px/1 var(--font); color:#fff; background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--seam-2); transition:transform 160ms var(--ease-out)} :root.desk #desk .d-abt-who-a svg{width:20px; height:20px} :root.desk #desk .d-abt-who-a[data-kind="twitch"]{background:var(--twitch, #9146FF); box-shadow:none} :root.desk #desk .d-abt-who-a[data-kind="youtube"]{background:#CC0000; box-shadow:none} :root.desk #desk .d-abt-who-a:active{transform:translateY(1px)} :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%} :root{--au-1:#10704A; --au-2:#0B5738; --au-3:#08432B; --au-ink:#FFFFFF; --au-sand:rgba(255,255,255,.80); --au-well:rgba(3,24,15,.32)} :root.desk #desk .au-king{grid-row:1 / 3; grid-column:1; position:relative; isolation:isolate; overflow:hidden; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:12px; margin:0; padding:22px 26px 24px; border:0; border-radius:16px; cursor:pointer; text-align:left; font:inherit; color:var(--au-ink); background:linear-gradient(150deg, var(--au-1) 0%, var(--au-2) 52%, var(--au-3) 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.14), 0 2px 0 rgba(0,0,0,.4); transition:transform 200ms var(--ease-out)} :root.desk #desk .au-king-mark{position:absolute; z-index:-1; right:46px; top:44px; width:150px; aspect-ratio:401 / 288; pointer-events:none; display:grid; place-items:center; color:var(--logo-green, #70E28A); filter:drop-shadow(5px 5px 0 var(--au-3))} :root.desk #desk .au-king-mark::before{content:""; position:absolute; inset:-26px -26px -30px -28px; z-index:-1; border-radius:28px; background:var(--au-well); box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)} :root.desk #desk .au-king-mark svg{display:block; width:100%; height:100%} :root.desk #desk .au-king-k{margin-bottom:auto; display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border-radius:999px; font:800 12px/1 var(--font); letter-spacing:.12em; text-transform:uppercase; color:var(--au-ink); background:var(--au-well)} :root.desk #desk .au-king-h{font:900 46px/.94 var(--font-display); letter-spacing:0; text-transform:uppercase; color:var(--au-ink); max-width:12ch} :root.desk #desk .au-king.on .au-king-h{font-size:38px; max-width:14ch} :root.desk #desk .au-king-p{max-width:36ch; font:500 15px/1.4 var(--font); color:var(--au-sand)} :root.desk #desk .au-king-steps{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; width:100%} :root.desk #desk .au-king-steps > span{display:flex; align-items:flex-start; gap:8px; min-width:0; padding:10px 10px 10px 9px; border-radius:12px; font:600 13px/1.3 var(--font); color:var(--au-ink); background:var(--au-well)} :root.desk #desk .au-king-steps b{flex:none; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; font:900 12px/1 var(--font-display); color:var(--au-3); background:var(--au-ink)} :root.desk #desk .au-king-steps i{font-style:normal; min-width:0} :root.desk #desk .au-king-steps em{font-style:normal; font-weight:800; letter-spacing:.04em} :root.desk #desk .au-king-btn{display:inline-flex; align-items:center; gap:10px; height:48px; padding:0 20px 0 22px; border-radius:999px; font:900 15px/1 var(--font-display); letter-spacing:.01em; text-transform:uppercase; color:var(--au-3); background:var(--au-ink); box-shadow:0 2px 0 rgba(0,0,0,.35); transition:transform 160ms var(--ease-out)} :root.desk #desk .au-king-btn svg{width:18px; height:18px} :root.desk #desk .au-king.on .au-king-btn{color:var(--au-ink); background:var(--au-well); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)} :root.desk #desk .au-king:focus-visible{outline:2px solid var(--au-ink); outline-offset:3px} :root.desk #desk .au-king:active{transform:scale(.99)} @media (hover:hover) and (pointer:fine){ :root.desk #desk .au-king:hover{transform:translateY(-2px)} :root.desk #desk .au-king:hover .au-king-btn svg{transform:translateX(2px)} } :root.desk #desk .au-king-btn svg{transition:transform 180ms var(--ease-out)} :root.desk #desk.d-intro .v3-wall .au-king{animation:d-rise 460ms var(--ease-out) 360ms backwards} @media (prefers-reduced-motion:reduce){ :root.desk #desk .au-king, :root.desk #desk .au-king-btn svg{transition:none} :root.desk #desk.d-intro .v3-wall .au-king{animation:none} } :root.desk #desk .au-lg-card{width:min(560px, calc(100vw - 48px)); max-height:calc(100vh - 48px); overflow:auto; align-items:stretch; text-align:left; gap:10px; padding:30px 30px 22px} :root.desk #desk .au-lg-mark{display:grid; place-items:center; width:56px; height:56px; padding:14px 11px; box-sizing:border-box; border-radius:16px; color:var(--logo-green, #70E28A); background:linear-gradient(150deg, var(--au-1), var(--au-3)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)} :root.desk #desk .au-lg-mark svg{width:100%; height:100%} :root.desk #desk .au-lg-card h2{margin:6px 0 0; font:900 26px/1.05 var(--font-display); letter-spacing:0; text-transform:uppercase; color:var(--cream)} :root.desk #desk .au-lg-lead{margin:0; font:500 15px/1.45 var(--font); color:var(--sand)} :root.desk #desk .au-lg-slot .au-card{padding:0; background:none; box-shadow:none} :root.desk #desk .au-lg-slot .au-top{display:none} :root.desk #desk .v3-bar .h-nav > a.v3-twitch{flex:none; display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 13px 0 9px; border-radius:11px; font:700 13px/1 var(--font); letter-spacing:0; text-transform:none; color:#fff; background:var(--twitch, #9146FF); box-shadow:0 2px 0 rgba(0,0,0,.35); transition:transform 160ms var(--ease-out), background-color 160ms ease} :root.desk #desk .v3-bar .h-nav > a.v3-twitch::after{content:none} :root.desk #desk .v3-twitch svg{width:20px; height:20px; flex:none} :root.desk #desk .v3-twitch span{display:flex; flex-direction:column; gap:2px} :root.desk #desk .v3-twitch small{font:700 9.5px/1 var(--font); letter-spacing:.12em; text-transform:uppercase; opacity:.78} :root.desk #desk .v3-twitch b{font:800 13px/1 var(--font)} :root.desk #desk .v3-bar .h-nav > a.v3-twitch:active{transform:translateY(1px)} :root.desk #desk .v3-bar .h-nav > a.v3-twitch:focus-visible{outline:2px solid #fff; outline-offset:2px} @media (hover:hover) and (pointer:fine){ :root.desk #desk .v3-bar .h-nav > a.v3-twitch:hover{color:#fff; background:#7C3AED} } @media (max-width:1359px){ :root.desk #desk .v3-bar .h-nav > a.v3-twitch{width:38px; padding:0; justify-content:center} :root.desk #desk .v3-twitch span{display:none} } :root.desk #desk .au-ord{position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-height:128px; margin:0; padding:12px; border:0; border-radius:14px; cursor:pointer; text-align:left; font:inherit; color:var(--au-ink); background:linear-gradient(150deg, var(--au-1) 0%, var(--au-2) 55%, var(--au-3) 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 2px 0 rgba(0,0,0,.35); transition:transform 160ms var(--ease-out)} :root.desk #desk .au-ord-mark{display:grid; place-items:center; width:40px; height:40px; padding:11px 8px; box-sizing:border-box; border-radius:11px; color:var(--logo-green, #70E28A); background:var(--au-well)} :root.desk #desk .au-ord-mark svg{width:100%; height:100%} :root.desk #desk .au-ord-t{display:flex; flex-direction:column; gap:5px; min-width:0} :root.desk #desk .au-ord-t b{font:900 14px/1.08 var(--font-display); letter-spacing:0; text-transform:uppercase} :root.desk #desk .au-ord-t small{font:600 12px/1.35 var(--font); color:var(--au-sand)} :root.desk #desk .au-ord:active{transform:scale(.985)} :root.desk #desk .au-ord:focus-visible{outline:2px solid var(--lamp); outline-offset:3px} @media (hover:hover) and (pointer:fine){ :root.desk #desk .au-ord:hover{transform:translateY(-1px)} } :root.desk #desk .g-author{cursor:pointer; font:800 12.5px/1 var(--font); letter-spacing:.02em} @media (hover:hover) and (pointer:fine){ :root.desk #desk .g-author:not(.on):hover{color:var(--on-ore); background:var(--nw-skidka); box-shadow:none} } :root.desk #desk .gh.gh-tall{grid-template-columns:minmax(0, 1fr) 380px} :root.desk #desk .gh-tall .gh-head{display:flex; align-items:center; gap:18px} :root.desk #desk .gh-tall .gh-obj{flex:none; align-self:center; contain:none; display:block; width:clamp(64px, 6vw, 92px); height:clamp(64px, 6vw, 92px); margin-top:4px} :root.desk #desk .gh-tall .gh-obj img{width:100%; height:100%; max-height:none; filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))} :root.desk #desk .gh-tall .gh-obj.card img{height:100%} :root.desk #desk .gh-tall .gh-cone, :root.desk #desk .gh-tall .gh-floor{display:none} :root.desk #desk .gm.ord-tall .g-layout > .ord{z-index:6; margin-top:calc(-1 * var(--ord-up, 0px))} @media (max-width:1159px){ :root.desk #desk .gh.gh-tall{grid-template-columns:minmax(0, 1fr) 340px; gap:20px} } :root body.shell .sh-autop{--top-r1:88px; --top-r2:64px; --ban-w:clamp(172px, 50vw, 230px); display:grid; grid-auto-flow:column; grid-template-rows:var(--top-r1) var(--top-r2); grid-auto-columns:max-content; gap:10px; margin:10px -16px 0; padding:0 16px 2px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:16px; scrollbar-width:none; -webkit-overflow-scrolling:touch} :root body.shell .sh-autop::-webkit-scrollbar{display:none} :root body.shell .sh-autop .shm-rib, :root body.shell .sh-autop .shm-rib .me-blocks, :root body.shell .sh-autop .shm-rib .me-bns{display:contents} :root body.shell .sh-autop .shm-rib .me-bn{grid-row:1; margin:0} :root body.shell .sh-autop > .sh-autop-lvl{grid-row:2; grid-column:2; justify-self:start; width:max(128px, calc(100vw - 42px - var(--ban-w))); height:auto; min-height:0; padding:8px 10px; scroll-snap-align:start; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска); border:0; border-radius:16px} :root body.shell .sh-autop > .sh-autop-lvl small{font-size:clamp(12px, 3.5vw, 13px); white-space:normal} :root body.shell .sh-autop:not(:has(.me-bn)){grid-template-rows:var(--top-r2); grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); grid-auto-flow:row; overflow:visible; margin-inline:0; padding-inline:0} :root body.shell .sh-autop:not(:has(.me-bn)) > .sh-au-ban{grid-row:1; width:auto} :root body.shell .sh-autop:not(:has(.me-bn)) > .sh-autop-lvl{grid-row:1; grid-column:2} :root body.shell .sh-autop:not(:has(.me-bn)) .sh-au-ban-p, :root body.shell .sh-autop:not(:has(.me-bn)) .sh-au-ban-top{display:none} :root body.shell .sh-autop:not(:has(.me-bn)) .sh-au-ban{justify-content:center; padding:10px 14px} :root body.shell .sh-autop:not(:has(.me-bn)) .sh-au-ban-h{font-size:17px} :root body.shell .sh-au-ban{grid-row:1 / 3; grid-column:1; position:relative; isolation:isolate; overflow:hidden; width:var(--ban-w, 210px); display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:6px; margin:0; padding:12px 14px 14px; border:0; border-radius:18px; scroll-snap-align:start; cursor:pointer; text-align:left; font:inherit; color:var(--au-ink); background:linear-gradient(155deg, var(--au-1) 0%, var(--au-2) 55%, var(--au-3) 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.14), 0 2px 0 rgba(0,0,0,.4); -webkit-tap-highlight-color:transparent; transition:transform 130ms var(--ease-out)} :root body.shell .sh-au-ban:active{transform:scale(.98)} :root body.shell .sh-au-ban:focus-visible{outline:2px solid var(--au-ink); outline-offset:2px} :root body.shell .sh-au-ban-top{display:flex; align-items:center; justify-content:space-between; width:100%} :root body.shell .sh-au-ban-mark{display:grid; place-items:center; width:38px; height:38px; padding:10px 8px; box-sizing:border-box; border-radius:12px; color:var(--logo-green, #70E28A); background:var(--au-well)} :root body.shell .sh-au-ban-mark svg{width:100%; height:100%} :root body.shell .sh-au-ban-go{width:20px; height:20px; color:var(--au-sand)} :root body.shell .sh-au-ban-h{margin-top:auto; font:900 clamp(21px, 6.4vw, 25px)/.98 var(--font-display); letter-spacing:0; text-transform:uppercase; color:var(--au-ink)} :root body.shell .sh-au-ban-p{font:600 12.5px/1.3 var(--font); color:var(--au-sand)} :root body.shell .sh-au-ban.on .sh-au-ban-p{color:var(--au-ink)} :root body.shell .sh-autop:has(.me-bn) ~ .shm .nc-wrap.nc-off .nc-head p{display:none} :root body.shell .sh-autop:has(.me-bn) ~ .shm .nc-head .nc-clock, :root body.shell .sh-autop:has(.me-bn) ~ .shm .nc-head .nc-p1{display:none} :root body.shell .sh-autop:has(.me-bn) ~ .shm .q-wrap .me-h > :is(span:not(.me-ic), b){display:none} :root body.shell .sh-autop:has(.me-bn) ~ .shm .nc-wrap:not(.nc-all):not(.nc-off) .nc-card{width:78px} :root body.shell .sh-autop + .sh-promos{margin-top:10px} @media (min-width:1024px){ :root body.shell [data-screen="sh-home"] > .sh-autop{order:0} } @media (prefers-reduced-motion:reduce){ :root body.shell .sh-au-ban{transition:none} } :root body.shell .sh-gift.sh-gift-duo{border:0; background:none; box-shadow:none; overflow:visible} :root body.shell .sh-duo{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px} :root body.shell .sh-gift-duo .sh-gift-sw{position:relative; flex-direction:column; align-items:flex-start; gap:8px; min-height:132px; padding:12px; border-radius:16px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2), var(--nw-фаска)} :root body.shell .sh-gift-duo.on .sh-gift-sw{background:color-mix(in oklab, var(--zhar) 10%, var(--stone)); box-shadow:inset 0 0 0 1px var(--zhar)} :root body.shell .sh-gift-duo .sh-gift-sw .sh-gbox{width:42px; height:42px} :root body.shell .sh-gift-duo .sh-gift-t b{font:900 15px/1.08 var(--font-display); text-transform:uppercase} :root body.shell .sh-gift-duo .sh-gift-t small{font-size:12px} :root body.shell .sh-gift-duo .sh-sw{position:absolute; right:10px; top:14px; width:42px; height:26px} :root body.shell .sh-gift-duo .sh-sw > i{width:20px; height:20px} :root body.shell .sh-gift-duo.on .sh-sw > i{transform:translateX(16px)} :root body.shell .sh-gift-duo .sh-gift-card{margin-top:10px; border-radius:16px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .sh-au-tile{position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; min-height:132px; margin:0; padding:12px; border:0; border-radius:16px; cursor:pointer; text-align:left; font:inherit; color:var(--au-ink); background:linear-gradient(155deg, var(--au-1) 0%, var(--au-2) 55%, var(--au-3) 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 2px 0 rgba(0,0,0,.4); -webkit-tap-highlight-color:transparent; transition:transform 130ms var(--ease-out)} :root body.shell .sh-au-tile:active{transform:scale(.98)} :root body.shell .sh-au-tile:focus-visible{outline:2px solid var(--au-ink); outline-offset:2px} :root body.shell .sh-au-tile-mark{display:grid; place-items:center; width:42px; height:42px; padding:11px 8px; box-sizing:border-box; border-radius:12px; color:var(--logo-green, #70E28A); background:var(--au-well)} :root body.shell .sh-au-tile-mark svg{width:100%; height:100%} :root body.shell .sh-au-tile-t{display:flex; flex-direction:column; gap:4px; min-width:0} :root body.shell .sh-au-tile-t b{font:900 15px/1.08 var(--font-display); letter-spacing:0; text-transform:uppercase} :root body.shell .sh-au-tile-t small{font:600 12px/1.3 var(--font); color:var(--au-sand)} :root body.shell .sh-au-solo{margin-top:14px} :root body.shell .sh-au-solo .sh-au-tile{width:100%; min-height:0; flex-direction:row; align-items:center; gap:12px} @media (prefers-reduced-motion:reduce){ :root body.shell .sh-au-tile{transition:none} } :root .me-bn.bn-raffle .rz-d{fill:var(--stone-deep); stroke:var(--seam-2); stroke-width:3} :root .me-bn.bn-raffle .rz-r{fill:none; stroke:var(--seam); stroke-width:2} :root .me-bn.bn-raffle .rz-sp{fill:none; stroke:var(--seam); stroke-width:4; stroke-linecap:round} :root .me-bn.bn-raffle .rz-hub{fill:var(--seam-2)} :root .me-bn.bn-raffle .rz-c-s{fill:var(--zhar-lo)} :root .me-bn.bn-raffle .rz-c-t{fill:var(--zhar); stroke:var(--zhar-lo); stroke-width:1} :root .me-bn.bn-raffle .rz-c-e{fill:var(--zhar-lo)} :root .me-bn.bn-raffle .rz-c-f{fill:var(--zhar)} :root .me-bn.bn-raffle .rz-c-g{fill:none; stroke:var(--zhar-lo); stroke-width:3.4; stroke-linecap:round; stroke-linejoin:round} :root .me-bn.bn-raffle .bn-n small.bn-rf-u{display:inline; font:700 12px/1 var(--font); color:var(--zhar)} :root.desk #desk .me-bn.bn-raffle .bn-n small.bn-rf-u{font-size:14px} :root .me-bn.bn-raffle .bn-h{color:var(--zhar)} :root.desk #desk .v3-bar .h-nav:has(> a[data-go="raffle"]) > a[data-go="about"]{display:none} :root .app .стример-ссылка[data-kind="twitch"]{color:#fff; background:var(--twitch, #9146FF); border-color:transparent; box-shadow:none} :root .app .стример-ссылка[data-kind="youtube"]{color:#fff; background:#CC0000; border-color:transparent; box-shadow:none} :root .app .стример-ссылка[data-kind="twitch"] .ic, :root .app .стример-ссылка[data-kind="youtube"] .ic{color:#fff} :root .nw{white-space:nowrap} @media (max-width:399px){ :root body.shell .sh-autop > .sh-autop-lvl .sh-bars{display:none} :root body.shell .sh-autop > .sh-autop-lvl{width:max(112px, calc(100vw - 42px - var(--ban-w))); padding:8px 10px} } html.desk:root body #desk .kg-hubtabs a{color:var(--lamp-top); background:color-mix(in oklab, var(--lamp) 10%, var(--stone-2)); border-color:color-mix(in oklab, var(--lamp) 45%, transparent)} html.desk:root body #desk .kg-hubtabs a svg{color:currentColor} html.desk:root body #desk .kg-hubtabs a[aria-selected="true"]{color:var(--nw-cta-ink); background:var(--nw-cta); border-color:var(--nw-cta-lip)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .kg-hubtabs a:not([aria-selected="true"]):hover{background:color-mix(in oklab, var(--lamp) 18%, var(--stone-2))} } :root body.shell .shk-tabs4 .sh-chip{color:var(--lamp-top); background:color-mix(in oklab, var(--lamp) 10%, var(--stone-2)); border-color:color-mix(in oklab, var(--lamp) 45%, transparent)} :root body.shell .shk-tabs4 .sh-chip.on{color:var(--nw-cta-ink); background:var(--nw-cta); border-color:var(--nw-cta-lip)} :root body.shell .shk-tabs4 .sh-chip svg{color:currentColor} :root.desk #desk .d-air{background:var(--deep) url("img/desk-fon.webp?v=65da3568") center / cover no-repeat} @media (max-width:743px){ :root body.shell [data-screen="catalog"] #grid:not(:has(.подр-сетка)){grid-template-columns:repeat(3, minmax(0, 1fr)); gap:7px} :root body.shell .ore:not(.item){padding:8px 6px 9px} :root body.shell .ore:not(.item) .pile{height:min(52px, calc(var(--k) * 52px)); margin:10px 0 6px} :root body.shell .ore:not(.item) .line1{gap:4px} } :root body.shell .ore .line1 > span{color:var(--zhar)!important} :root.desk #desk .v3-twitch{position:relative} :root.desk #desk .v3-twitch span b{font:800 13px/1 var(--font); letter-spacing:.02em} :root.desk #desk .v3-twitch span small{font:800 9.5px/1 var(--font); letter-spacing:.1em; text-transform:uppercase; opacity:1} :root.desk #desk .v3-bar .h-nav > a.v3-twitch.tw-off{color:#fff; background:#3b2266; border:1px solid #52348a; box-shadow:none} :root.desk #desk .v3-twitch.tw-off small{color:#ff6b6b} :root.desk #desk .v3-bar .h-nav > a.v3-twitch.tw-live{color:#fff; background:#9146FF; border:1px solid #a970ff; box-shadow:0 0 14px rgba(145, 70, 255, .45)} :root.desk #desk .v3-twitch.tw-live small{color:#00f593} :root.desk #desk .v3-twitch .tw-dot{flex:none; width:7px; height:7px; border-radius:50%; background:#ff4f4f} :root.desk #desk .v3-twitch.tw-live .tw-dot{background:#00f593; animation:tw-pulse 1.8s infinite} @keyframes tw-pulse{0%{box-shadow:0 0 0 0 rgba(0, 245, 147, .7)} 70%{box-shadow:0 0 0 5px rgba(0, 245, 147, 0)} 100%{box-shadow:0 0 0 0 rgba(0, 245, 147, 0)}} @media (prefers-reduced-motion:reduce){ :root.desk #desk .v3-twitch.tw-live .tw-dot{animation:none} } @media (max-width:1359px){ :root.desk #desk .v3-twitch .tw-dot{position:absolute; top:5px; right:5px; width:7px; height:7px} } :root{--nn-night:rgba(8,12,34,.92); --nh:296; --nspot:50% 26%; --font-bubble:"Gogono Cocoa Mochi", "Rubik", var(--font-display)} :root.desk, :root:has(> body.shell), :root:has(> body.hp-page), :root:has(> body.nf-page), :root:has(> body.gf-page){background-color:var(--deep, #070D1F); font-synthesis-weight:none; --lamp:#B6F03C; --lamp-hi:#CCFF66; --lamp-lo:#8FC22A; --lamp-top:#D4FF7A; --lamp-mid:#A6E636; --on-lamp:#0B1A05; --nw-cta:linear-gradient(180deg,#D4FF6A 0%,#B6F03C 100%); --nw-cta-hover:linear-gradient(180deg,#DEFF80 0%,#C2F84E 100%); --nw-cta-press:linear-gradient(#A6DD32,#A6DD32); --nw-cta-ink:#0B1A05; --nw-cta-lip:#5E8A0E} :root.desk body, :root body.shell, :root body.hp-page, :root body.nf-page, :root body.gf-page{background-color:transparent!important} :root.desk body::before, :root body.shell::before, :root body.hp-page::before, :root body.nf-page::before, :root body.gf-page::before{display:none!important} :root.desk body::after, :root body.shell::after, :root body.hp-page::after, :root body.nf-page::after, :root body.gf-page::after{opacity:0!important} :root.desk #desk{background-color:transparent!important} :root.desk #desk .d-air, :root body.shell .фон-сцены, :root body.hp-page .hp-air{display:none!important} :root body.nf-page main.nf{background:var(--nn-night); border-radius:34px; padding:24px 40px 32px; margin:auto; flex:0 0 auto; min-height:0; height:auto; box-shadow:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} :root body.hp-page .hp-main{background:var(--nn-night); border-radius:28px; padding-bottom:24px} :root body.hp-page :is(header, footer){background:rgba(7,13,31,.94)} :root body.shell .sh-air{background:transparent!important} :root body.shell .screen::before{opacity:0!important} @supports (color: oklch(0.5 0.2 300)) and (color: color-mix(in oklab, red, blue)) { :root.desk #desk :is(.t3, .ct-t, .n2, .tl, .kw, .v3-vip, .gst-t, .d-gift, .d-gift-i, .d-miss, .lv2-card, .d-g, .rz-hero, .rz-prize, .d-abt-who, .kg-hero, .ct-ask), :root .sh-gift-sw, :root.desk #desk .d-abt ol > li, :root body.shell :is(ol.steps > li, .стример), :root :is(.rtg-plinth, .rtg-timer, .rtg-card, .rtg-steps3 > li), :root body.shell :is(.sh-king, .sh-wide, .sh-tile, .sh-cat-t, .sh-giftban, .sh-promo, .ore, .sh-n2, .подр, .sh-holo, .rz-hero, .rz-prize, .sh-home-add){ --nF:oklch(.58 .2 var(--nh)); --nT:oklch(.68 .2 var(--nh)); --nD:oklch(.42 .17 var(--nh)); --nN:oklch(.88 .15 var(--nh)); --nG:oklch(.74 .2 var(--nh) / .6); --nw-кожа:linear-gradient(165deg, var(--nT) 0%, var(--nF) 48%, var(--nD) 100%)!important; --nw-лоск:linear-gradient(transparent, transparent)!important; --nw-кромка-тихо:linear-gradient(165deg, var(--nT) 0%, var(--nD) 100%)!important; --nw-кромка-свет:var(--nw-кромка-тихо)!important; --nw-фаска:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45), 0 30px 60px -30px var(--nG)!important; --steel:linear-gradient(var(--nN), var(--nN))!important; --steel-lit:var(--steel)!important; --sh-steel-lit:var(--steel)!important; --cream:#FFFFFF!important; --sand:color-mix(in oklab, var(--nN) 45%, #fff)!important; --zhar:#FFE27A!important; --sand-dim:color-mix(in oklab, var(--nN) 62%, #fff)!important; --field:var(--nN)!important; --acc:var(--nN)!important; --lamp:var(--nN)!important; --lamp-hi:var(--nN)!important; --lamp-top:var(--nN)!important; --on-lamp:var(--nD)!important; --nw-нить-ярко:color-mix(in oklab, var(--nN) 60%, transparent)!important; --nw-нить:var(--nN)!important; --stone-deep:var(--nD)!important; --stone:var(--nF)!important; --stone-2:var(--nT)!important; --seam-2:color-mix(in oklab, var(--nN) 50%, transparent)!important; --seam:color-mix(in oklab, var(--nN) 35%, transparent)!important; color:#fff!important;} :root.desk #desk :is(.t3.t3-all, .v3-vip, .gst-t, .d-gift, .d-gift-i, .d-miss, .lv2-card, .d-g, .rz-hero, .rz-prize, .d-abt-who, .kg-hero, .ct-ask), :root .sh-gift-sw, :root body.shell .стример, :root :is(.rtg-plinth, .rtg-timer, .rtg-card, .rtg-steps3 > li), :root body.shell :is(.sh-giftban, .sh-promo, .sh-cat-t, .sh-holo, .rz-hero, .rz-prize, .sh-home-add){ background:var(--nw-лоск), var(--nw-кожа)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22), var(--nw-фаска)!important} :root.desk #desk :is(.t3, .ct-t, .king)::before, :root body.shell :is(.sh-king, .sh-wide, .sh-tile)::before{opacity:0!important} :root.desk #desk .t3 .t3-go{background:rgba(0,0,0,.18)} :root body.shell .sh-king-scene{display:none!important} :root body.shell .sh-king .sh-king-name{background:none!important; -webkit-text-fill-color:#fff!important; color:#fff!important} :root body.shell .sh-king .sh-buy button{color:#fff!important; background:var(--nD)!important; border-color:color-mix(in oklab, var(--nN) 55%, transparent)!important} :root body.shell .ore .line1 > span{color:#FFE27A!important} @media (hover:hover){ :root.desk #desk :is(.t3, .ct-t, .n2, .tl, .kw, .kg-card):hover{--nw-фаска:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45), 0 30px 70px -20px oklch(.74 .2 var(--nh) / .85)!important} } :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+1){--nh:300} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+2){--nh:340} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+3){--nh:140} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+4){--nh:262} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+5){--nh:15} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+6){--nh:322} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+7){--nh:45} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+8){--nh:280} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n+9){--nh:152} :root :is(.t3, .ct-t, .n2, .tl, .d-gift-i, .rz-prize, .sh-tile, .sh-wide, .sh-cat-t, .ore, .sh-n2, .подр):nth-child(10n){--nh:352} :root :is(.steps, .d-abt ol, .rtg-steps3) > li:nth-child(3n+1){--nh:300} :root :is(.steps, .d-abt ol, .rtg-steps3) > li:nth-child(3n+2){--nh:340} :root :is(.steps, .d-abt ol, .rtg-steps3) > li:nth-child(3n){--nh:140} :root [data-game="gcoin"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:300} :root [data-game="steam"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:262} :root [data-game="tgstars"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:340} :root [data-game="pubg"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:140} :root [data-game="valorant"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:15} :root [data-game="psn"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:258} :root [data-game="appstore"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:322} :root [data-game="gplay"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:150} :root [data-game="mlbb"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:45} :root [data-game="roblox"]:is(.t3, .ct-t, .sh-tile, .sh-wide){--nh:352} :root.desk #desk .t3[data-game="gcoin"]{--nspot:70% 30%} :root.desk #desk .t3[data-game="steam"]{--nspot:50% 32%} :root.desk #desk .t3.t3-all, :root body.shell .sh-tile.sh-tile-all{--nh:45} :root body.shell .sh-king{--nh:300; --nspot:74% 22%} :root body.shell .sh-wide{--nspot:78% 45%} :root body.shell .sh-tile{--nspot:62% 30%} :root.desk #desk .kw{--nh:280; --nspot:78% 40%} :root.desk #desk .v3-vip, :root body.shell .sh-promo{--nh:20; --nspot:20% 50%} :root.desk #desk .gst-t.gst-badges{--nh:300; --nspot:85% 25%} :root.desk #desk .gst-t.gst-pts{--nh:40; --nspot:85% 25%} :root.desk #desk .d-gift, :root body.shell .sh-giftban{--nh:332; --nspot:12% 50%} :root.desk #desk .d-miss{--nh:262} :root.desk #desk .lv2-card{--nh:25} :root.desk #desk .lv2-main{background:var(--nn-night)!important; border-radius:18px; padding:16px 20px; box-shadow:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)!important} :root.desk #desk .d-g{--nh:150} :root.desk #desk .d-g + .d-g{--nh:300} :root .rz-hero{--nh:352; --nspot:80% 30%} :root .rz-prize:nth-child(1){--nh:45} :root .rz-prize:nth-child(2){--nh:300} :root .rz-prize:nth-child(3){--nh:262} :root.desk #desk .d-abt-who{--nh:296} :root.desk #desk .kg-hero{--nh:262; --nspot:80% 30%} :root.desk #desk .ct-ask{--nh:140} :root body.shell .sh-holo{--nh:296} :root body.shell .sh-home-add{--nh:140} :root .sh-gift-sw{--nh:332} :root body.shell .стример{--nh:296} :root .rtg-timer{--nh:352} :root .rtg-card{--nh:140} :root .rtg-card.rtg-card-me{--nh:296} :root .rtg-steps > li:nth-child(1) .rtg-plinth{--nh:45} :root .rtg-steps > li:nth-child(2) .rtg-plinth{--nh:300} :root .rtg-steps > li:nth-child(3) .rtg-plinth{--nh:262} :root.desk #desk .au-king, :root body.shell .sh-au-ban{ --au-1:oklch(.68 .2 152)!important; --au-2:oklch(.58 .2 152)!important; --au-3:oklch(.42 .17 152)!important; --au-well:rgba(2,40,22,.30)!important; --logo-green:oklch(.88 .15 152)!important; background:linear-gradient(150deg, var(--au-1) 0%, var(--au-2) 50%, var(--au-3) 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45), 0 30px 64px -28px oklch(.74 .2 152 / .75)!important;} :root.desk #desk .au-king-mark{filter:drop-shadow(0 0 18px oklch(.74 .2 152 / .75)) drop-shadow(4px 4px 0 oklch(.42 .17 152))!important} :root.desk #desk .au-king-h, :root body.shell .sh-au-ban-h{text-shadow:0 0 26px oklch(.74 .2 152 / .55), 0 2px 0 rgba(3,40,22,.3)} :root.desk #desk .au-king-btn{background:#C6FF4F!important; color:#06311E!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.4), 0 12px 32px -8px rgba(198,255,79,.75)!important} :root.desk #desk .au-king-steps b{background:#C6FF4F!important; color:#06311E!important} :root body.shell .sh-au-ban-mark{box-shadow:0 0 18px oklch(.74 .2 152 / .45), inset 0 0 0 1px oklch(.88 .15 152 / .4)} :root .me-bn{--nh:296} :root .me-bn.bn-raffle{--nh:352} :root .me-bn.bn-quests{--nh:140} :root .me-bn.bn-night{--nh:262} :root.desk #desk .me-bn, :root body.shell .me-bn{ --nF:oklch(.58 .2 var(--nh)); --nT:oklch(.68 .2 var(--nh)); --nD:oklch(.42 .17 var(--nh)); --nN:oklch(.88 .15 var(--nh)); background:linear-gradient(165deg, var(--nT) 0%, var(--nF) 50%, var(--nD) 100%)!important; --bn-bg:var(--nF)!important; --stone-2:var(--nT)!important; --stone-deep:var(--nD)!important; --bn-edge:color-mix(in oklab, var(--nN) 75%, transparent)!important; --bn-sand:color-mix(in oklab, var(--nN) 45%, #fff)!important; --sand:color-mix(in oklab, var(--nN) 45%, #fff)!important; --bn-block:var(--nD)!important; --bn-block-top:var(--nT)!important; --bn-block-side:var(--nD)!important; --bn-card:var(--nD)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45), 0 30px 56px -30px oklch(.74 .2 var(--nh) / .6)!important;} :root .me-bn.bn-raffle .bn-h, :root .me-bn.bn-raffle .bn-n small.bn-rf-u{color:#FFE27A} } :root.desk #desk :is(.t3, .ct-t, .n2, .tl, .kw, .gst-t, .d-gift, .d-miss, .lv2-card, .lv2-main, .d-g, .rz-hero, .rz-prize, .d-abt-who, .kg-hero, .ct-ask, .au-king, .me-bn, .d-abt ol > li, .d-gift-i), :root :is(.rtg-plinth, .rtg-timer, .rtg-card, .rtg-steps3 > li, .sh-gift-sw), :root body.shell :is(.sh-king, .sh-wide, .sh-tile, .sh-cat-t, .sh-giftban, .sh-promo, .ore, .sh-n2, .подр, .sh-holo, .rz-hero, .rz-prize, .sh-home-add, .sh-au-ban, .me-bn, ol.steps > li, .стример){border-radius:var(--nr, 26px)!important} :root.desk #desk :is(.t3.xl, .t3.q.tall, .au-king, .kw, .rz-hero, .kg-hero, .d-gift, .lv2-card), :root body.shell :is(.sh-king, .sh-holo, .rz-hero){--nr:34px} :root.desk #desk :is(.t3.s, .n2, .tl, .d-abt ol > li, .gst-t, .d-g, .d-miss, .rz-prize, .ct-t, .me-bn), :root :is(.rtg-steps3 > li, .rtg-plinth), :root body.shell :is(.sh-tile, .sh-cat-t, .ore, .sh-n2, .подр, .sh-giftban, .sh-promo, ol.steps > li, .me-bn, .sh-au-ban){--nr:24px} :root.desk #desk .d-gift-i{--nr:18px} :root.desk #desk:not([data-screen="home"]) #deskMain, :root.desk #desk #deskHero .gm-head > .gh, :root body.hp-page .hp-main{border-radius:34px; box-shadow:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} :root.desk #desk .gst-rail, :root.desk #desk .d-sec-h h2{border-radius:22px; box-shadow:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} :root :is(.n2.on, .sh-n2.on, .ore.incart, .ore.picked, .ord-m.on, .st-c[aria-pressed="true"], .tl.on, .подр.on, .способ.on, .способ[aria-pressed="true"]){ outline:3px solid #fff!important; outline-offset:2px!important; box-shadow:0 0 0 8px rgba(198,255,79,.5), 0 18px 40px -14px rgba(198,255,79,.7)!important} :root :is(.t3.soon, .ct-t.soon, .n2.spent, .ore.spent, .tl.spent){filter:saturate(.2) brightness(.78)} :root.desk #desk #deskHead::before{opacity:.94!important} :root.desk #desk .v3-tick{background:var(--nn-night); border-radius:999px; padding-inline:18px;} :root.desk #desk .d-sec-h h2, :root.desk #desk .gst-rail{background:var(--nn-night); border-radius:18px; padding:12px 18px;} :root.desk #desk .d-sec-h h2{display:inline-block; -webkit-background-clip:border-box!important; background-clip:border-box!important; -webkit-text-fill-color:#fff!important; color:#fff!important} :root.desk #desk #deskHero .gm-head > .gh{background:var(--nn-night); border-radius:28px; padding-top:14px; padding-bottom:14px} :root.desk #desk #deskFoot{background:rgba(7,13,31,.94)} :root.desk #desk:not([data-screen="home"]) #deskMain{background:var(--nn-night); border-radius:28px; box-shadow:0 40px 90px -40px rgba(0,0,0,.7)} :root body.shell .sh-top{background:rgba(7,13,31,.9)} :root body.shell .sh-vow{width:max-content; max-width:100%; margin-inline:auto; padding:8px 14px; border-radius:999px; background:var(--nn-night);} :root body.shell section.screen:not([data-screen="sh-home"]){background:var(--nn-night); border-radius:0 0 32px 32px; box-shadow:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} :root.desk #desk :is(h1:not(.d-vh), h2, .t3-txt b, .au-king-h, .kw-name), :root body.hp-page :is(h1, h2), :root body.nf-page h1, :root body.shell :is(.screen h1, .screen h2, .sh-au-ban-h, .sh-king-name, .sh-wide-txt b, .sh-tile-txt b){ font-family:var(--font-bubble)!important; font-weight:400!important; letter-spacing:.01em} @media (prefers-reduced-motion:reduce){ :root.desk #desk :is(.t3, .ct-t, .n2, .tl, .kw){transition:none} } :root body.shell .sh-king{--nspot:50% 30%} :root body.shell .sh-king .sh-king-obj{position:relative; inset:auto; flex:1 0 auto; align-self:stretch; width:auto; height:auto; min-height:136px; margin:0 0 8px; transform:none; display:flex; align-items:center; justify-content:center} :root body.shell .sh-king .sh-king-obj img{flex:none; width:152px; height:152px} :root body.shell .sh-king .sh-king-obj i{left:50%; right:auto; bottom:4px; width:116px; translate:-50% 0} @media (min-width:744px){ :root body.shell .sh-king .sh-king-obj img{width:200px; height:200px} :root body.shell .sh-king .sh-king-obj i{width:150px} } body:has(> #грузим:not(.ушёл)) :is(.пачка-блеск, .пачка-единицы){display:none} :root .d-abt-who-mark, :root .au-lg-mark, :root .au-ord-mark, :root .sh-au-tile-mark{--logo-green:oklch(.88 .15 152)} #грузим svg:not(.грузим-слово){color:var(--logo-green, #00C958)} @property --au-luch{syntax:''; inherits:false; initial-value:0deg} @supports (color: oklch(0.5 0.2 300)) and (color: color-mix(in oklab, red, blue)){ :root.desk #desk .au-ord, :root body.shell .sh-au-tile{ --au-1:oklch(.68 .2 152); --au-2:oklch(.58 .2 152); --au-3:oklch(.42 .17 152); --au-well:rgba(2,40,22,.30); border-radius:22px; box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 14px 30px -14px rgba(2,4,16,.7), 0 0 0 0 oklch(.8 .2 152 / 0)} :root.desk #desk .au-ord:not(.on), :root body.shell .sh-au-tile:not(.on){animation:au-ореол 2.8s ease-in-out infinite} :root.desk #desk .au-ord:not(.on)::after, :root body.shell .sh-au-tile:not(.on)::after{content:""; position:absolute; inset:0; z-index:3; padding:2px; border-radius:inherit; pointer-events:none; background:conic-gradient(from var(--au-luch), transparent 0 66%, oklch(.95 .19 135 / 0) 70%, oklch(.95 .19 135 / .95) 80%, #fff 83%, oklch(.95 .19 135 / 0) 92%, transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); animation:au-луч 3.6s linear infinite} @keyframes au-луч{to{--au-luch:360deg}} @keyframes au-ореол{ 0%, 100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 14px 30px -14px rgba(2,4,16,.7), 0 0 0 0 oklch(.8 .2 152 / 0)} 50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 14px 30px -14px rgba(2,4,16,.7), 0 0 22px 2px oklch(.8 .2 152 / .55)}} @media (prefers-reduced-motion:reduce){ :root.desk #desk .au-ord:not(.on), :root body.shell .sh-au-tile:not(.on){animation:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 14px 30px -14px rgba(2,4,16,.7), 0 0 18px 1px oklch(.8 .2 152 / .4)} :root.desk #desk .au-ord:not(.on)::after, :root body.shell .sh-au-tile:not(.on)::after{animation:none} } } :root.desk #desk .t3.s[data-game="pubg"] .t3-obj{width:112px; height:112px; max-height:none; top:-22px; left:50%; right:auto; translate:-50% 0} :root.desk #desk .t3.s[data-game="pubg"] .t3-obj i{bottom:25%} :root.desk #desk .ord{gap:10px; padding-top:18px; padding-bottom:14px} :root.desk #desk .ord-body{gap:10px} :root.desk #desk .ord-foot{gap:9px; padding-top:10px; border-top:1px solid var(--seam-2)} :root.desk #desk .ord-foot .ord-sec{gap:6px; padding-top:0; border-top:0} :root.desk #desk .ord-foot .ord-sum{padding-top:2px; border-top:0} :root.desk #desk .ord-pay{grid-template-columns:repeat(auto-fit, minmax(84px, 1fr)); gap:6px} :root.desk #desk .ord-m{flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center; gap:4px; min-height:48px; padding:7px 6px; text-align:center} :root.desk #desk .ord-m b{font-size:12px; line-height:1.1; text-wrap:balance; max-width:100%} :root.desk #desk .ord-m small{display:none} :root.desk #desk .ord-m span{margin:0; font-size:12.5px} :root.desk #desk .ord-total b{font-size:28px; line-height:1.1} :root.desk #desk .ord-go{height:50px} :root.desk #desk .ord-foot .d-consent{margin:0; font-size:11px; line-height:1.35} :root.desk #desk .au-ord{min-height:0; flex-direction:row; align-items:center; gap:10px; padding:10px 12px} :root.desk #desk .au-ord-mark{width:32px; height:32px; flex:none} :root.desk #desk .au-ord-mark{padding:8px 6px} :root.desk #desk .au-ord-t{gap:2px; padding-right:4px} :root.desk #desk .au-ord-t b{font-size:12.5px; line-height:1.05} :root.desk #desk .au-ord-t small{font-size:11px; line-height:1.25; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden} :root.desk #desk .ord-body :is(.ord-warn, .ord-guide, .ord-code, .ord-how, .ord-gift-how){margin:0; font-size:12px; line-height:1.4} :root.desk #desk .ord-foot .ord-note{margin:-2px 0 0; font-size:11px; line-height:1.3} :root .способ-знак[data-pay], :root.desk #desk .ord-m-ico{display:none} :root .способ-знак:is([data-pay="sbp"], [data-pay="sbp_b"], [data-pay="stars"], [data-pay="crypto"], [data-pay="card"], [data-pay="erip"]), :root.desk #desk .ord-m-ico:is([data-pay="sbp"], [data-pay="sbp_b"], [data-pay="stars"], [data-pay="crypto"], [data-pay="card"], [data-pay="erip"]){display:block; flex:none; background-position:center; background-size:contain; background-repeat:no-repeat} :root :is(.способ-знак, #desk .ord-m-ico):is([data-pay="sbp"], [data-pay="sbp_b"]){background-image:url("img/pay/sbp.svg?v=265da2f5")} :root :is(.способ-знак, #desk .ord-m-ico)[data-pay="stars"]{background-image:url("img/pay/stars.svg?v=265da468")} :root :is(.способ-знак, #desk .ord-m-ico)[data-pay="crypto"]{background-image:url("img/pay/crypto.svg?v=265da52a")} :root :is(.способ-знак, #desk .ord-m-ico)[data-pay="card"]{background-image:url("img/pay/card.svg?v=265da2f9")} :root :is(.способ-знак, #desk .ord-m-ico)[data-pay="erip"]{background-image:url("img/pay/erip.svg?v=265da367")} :root .способ-знак[data-pay]{width:26px; height:26px; margin-bottom:2px} :root .способ-знак:is([data-pay="sbp"], [data-pay="sbp_b"]){width:22px} :root .способ.скоро .способ-знак{opacity:.5; filter:grayscale(1)} :root.desk #desk .ord-m{display:grid; grid-template-columns:minmax(0, 1fr); justify-items:center; align-items:center; row-gap:3px} :root.desk #desk .ord-m b{overflow-wrap:anywhere} :root.desk #desk .ord-m-ico{width:16px; height:16px} :root.desk #desk .ord-m span{grid-column:1 / -1; justify-self:center} :root.desk #desk .ord-m.low .ord-m-ico{filter:grayscale(1)} :root{--nw-лоск:linear-gradient(transparent, transparent)} :root.desk #desk .n2{background:var(--nw-кожа) padding-box, linear-gradient(180deg, var(--rim), var(--nw-нить) 45%) border-box} :root body.shell .ore:not(.item){background:var(--nw-кожа) padding-box, linear-gradient(180deg, var(--rim), var(--nw-нить) 45%) border-box} :root .gcard{background:linear-gradient(168deg, color-mix(in oklab, var(--cream) 7.5%, transparent) 0%, color-mix(in oklab, var(--cream) 3%, transparent) 100%), linear-gradient(168deg, var(--stone) 0%, var(--stone-deep) 100%)} :root body.shell .sh-ord-obj{background:var(--stone-deep)} :root.desk #desk .sty-card, :root body.shell > .sty .sty-card{background:linear-gradient(180deg, #1a1712, #0b0c0c)} :root body.shell .sh-giftdone{background:var(--nw-кожа) padding-box, linear-gradient(180deg, rgba(243,223,166,.7), var(--nw-нить)) border-box} :root body.shell .sh-ref{background:var(--nw-кожа) padding-box, linear-gradient(160deg, rgba(243,223,166,.75), var(--nw-нить) 60%) border-box} :root body.shell .sh-cat-gift{background:var(--nw-кожа) padding-box, linear-gradient(90deg, rgba(243,223,166,.5), var(--nw-нить)) border-box} :root body.shell .sh-gift.on{background:var(--nw-кожа) padding-box, linear-gradient(180deg, rgba(243,223,166,.7), var(--nw-нить)) border-box} .rtg .rtg-ava-pic{overflow:hidden; background:none!important; color:transparent; font-size:0} .rtg .rtg-ava-pic svg{display:block; width:100%; height:100%} .rtg .rtg-step .rtg-ava{display:grid; width:60px; height:60px; margin-bottom:8px} .rtg .rtg-step.p1 .rtg-ava{width:72px; height:72px} .rtg .rtg-step:not(.free) .rtg-ava{border:3px solid #fff; background:none} .rtg .rtg-step.free .rtg-ava-free{display:grid; border:2px dashed var(--sand-dim); color:var(--sand-dim)} .rtg .rtg-plinth{gap:6px; padding-top:14px} .rtg .rtg-plinth .rtg-art{display:block; width:56px; height:56px; margin:0; transform:none!important; animation:none!important; opacity:1} .rtg .rtg-step.p1 .rtg-plinth .rtg-art{width:70px; height:70px} :root .rtg-steps > .rtg-step.p1 .rtg-plinth{height:244px} :root .rtg-steps > .rtg-step.p2 .rtg-plinth{height:214px} :root .rtg-steps > .rtg-step:nth-child(3) .rtg-plinth{height:190px} .rtg .rtg-step-pts{padding:5px 11px 5px 9px; border-radius:999px; background:rgba(8,10,30,.34); color:#FFE27A} .rtg .rtg-step-pts .rtg-ic{color:#FFE27A} :root .rtg-sheetbody .rtg-steps > .rtg-step .rtg-ava{width:46px; height:46px} :root .rtg-sheetbody .rtg-steps > .rtg-step.p1 .rtg-ava{width:56px; height:56px} :root .rtg-sheetbody .rtg-steps .rtg-plinth .rtg-art{width:40px; height:40px} :root .rtg-sheetbody .rtg-steps .rtg-step.p1 .rtg-plinth .rtg-art{width:48px; height:48px} :root .rtg-sheetbody .rtg-steps > .rtg-step.p1 .rtg-plinth{height:178px} :root .rtg-sheetbody .rtg-steps > .rtg-step.p2 .rtg-plinth{height:158px} :root .rtg-sheetbody .rtg-steps > .rtg-step:nth-child(3) .rtg-plinth{height:144px} :root .rtg-sheetbody .rtg-steps .rtg-step-pts{padding:4px 8px; font-size:17px} :root .rtg-sheetbody .rtg-steps .rtg-plinth{gap:5px; padding-top:10px} :root .au-бк{display:inline-block; font-style:normal; will-change:transform} :root .au-сл{display:inline-block; white-space:nowrap} @supports (color: oklch(0.5 0.2 300)) { :root.desk #desk .au-king:not(.on), :root body.shell .sh-au-ban:not(.on){ animation:au-кольцо 1.6s cubic-bezier(.2,.6,.3,1) infinite, au-тряска 3.2s ease-in-out infinite} :root.desk #desk .au-king:not(.on) .au-бк, :root body.shell .sh-au-ban:not(.on) .au-бк{ animation:au-буква 3.2s cubic-bezier(.3,1.6,.5,1) infinite; animation-delay:calc(var(--i) * 55ms)} :root.desk #desk .au-king:not(.on) .au-king-mark, :root body.shell .sh-au-ban:not(.on) .sh-au-ban-mark{ animation:au-прыжок 3.2s ease-in-out infinite; transform-origin:50% 90%} :root.desk #desk .au-king:not(.on) .au-king-btn{animation:au-пульс 1.6s ease-in-out infinite} :root.desk #desk .au-king:not(.on) .au-king-btn svg{animation:au-толчок 1.6s ease-in-out infinite} @keyframes au-кольцо{ 0%{outline:3px solid oklch(.9 .22 135 / .95); outline-offset:0} 75%{outline:3px solid oklch(.9 .22 135 / 0); outline-offset:18px} 100%{outline:3px solid oklch(.9 .22 135 / 0); outline-offset:0}} @keyframes au-тряска{ 0%, 62%, 100%{transform:none} 66%{transform:rotate(-1.6deg) scale(1.02)} 70%{transform:rotate(1.6deg) scale(1.02)} 74%{transform:rotate(-1deg)} 78%{transform:rotate(.6deg)} 82%{transform:none}} @keyframes au-буква{ 0%, 30%, 100%{transform:none} 10%{transform:translateY(-14px) scale(1.18) rotate(-6deg)} 18%{transform:translateY(2px) scaleY(.9)} 24%{transform:translateY(-3px)}} @keyframes au-прыжок{ 0%, 55%, 100%{transform:none} 62%{transform:translateY(-16px) rotate(-12deg) scale(1.12)} 70%{transform:translateY(0) rotate(0) scaleY(.9)} 76%{transform:translateY(-6px) rotate(6deg)} 82%{transform:none}} @keyframes au-пульс{0%, 100%{transform:scale(1)} 50%{transform:scale(1.07)}} @keyframes au-толчок{0%, 40%, 100%{transform:none} 60%{transform:translateX(6px)}} @media (prefers-reduced-motion:reduce){ :root.desk #desk .au-king:not(.on), :root body.shell .sh-au-ban:not(.on){animation:none; outline:3px solid oklch(.9 .22 135 / .6); outline-offset:3px} :root.desk #desk .au-king:not(.on) :is(.au-бк, .au-king-mark, .au-king-btn, .au-king-btn svg), :root body.shell .sh-au-ban:not(.on) :is(.au-бк, .sh-au-ban-mark){animation:none} } } :root{--pp-sale-h:8} :root :is(.pp-sale, .pp-plate){--nh:var(--pp-sale-h); position:relative; isolation:isolate; overflow:hidden; box-sizing:border-box; color:#fff; text-decoration:none; text-align:left; border:0; font:inherit; -webkit-tap-highlight-color:transparent; background:linear-gradient(165deg, var(--nw-sale-hi), var(--nw-sale) 50%, var(--nw-sale-lo)); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} @supports (color: oklch(0.5 0.2 300)) { :root :is(.pp-sale, .pp-plate){ --nF:oklch(.58 .2 var(--nh)); --nT:oklch(.68 .2 var(--nh)); --nD:oklch(.42 .17 var(--nh)); --nN:oklch(.88 .15 var(--nh)); background:linear-gradient(165deg, var(--nT) 0%, var(--nF) 48%, var(--nD) 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45), 0 30px 60px -30px oklch(.74 .2 var(--nh) / .6)} } :root :is(.pp-sale, .pp-plate) .nw{white-space:nowrap} :root :is(.pp-sale-pct, .pp-plate-pct){display:inline-flex; align-items:baseline; justify-content:center; gap:4px; white-space:nowrap; font:900 48px/1 var(--font-display); font-variant-numeric:tabular-nums; letter-spacing:-.02em; color:#fff; background:var(--nD, #7A1B2C); border-radius:20px; padding:10px 14px 12px; text-shadow:0 3px 0 rgba(40,4,14,.35)} :root :is(.pp-sale-pct, .pp-plate-pct) small{font:800 13px/1 var(--font); letter-spacing:.06em; text-transform:uppercase; opacity:.85; align-self:center; margin-right:2px; text-shadow:none} :root :is(.pp-sale-pct, .pp-plate-pct) i{font-style:normal; font-size:.55em; margin-left:1px} :root .pp-clock{display:flex; gap:6px} :root .pp-clock i{display:grid; justify-items:center; align-content:center; gap:3px; min-width:52px; padding:8px 6px 7px; border-radius:14px; font-style:normal; background:rgba(8,12,34,.34)} :root .pp-clock b{font:800 24px/1 var(--font-display); font-variant-numeric:tabular-nums; color:#fff} :root .pp-clock u{font:700 10.5px/1 var(--font); letter-spacing:.06em; text-transform:uppercase; text-decoration:none; color:rgba(255,255,255,.78)} :root .pp-sale-art{position:relative; display:block; pointer-events:none} :root .pp-sale-art > img:first-child{position:absolute; object-fit:contain; filter:drop-shadow(0 12px 14px rgba(30,2,10,.45))} :root .pp-sale-art .pp-coin{position:absolute; object-fit:contain; --r:-14deg; transform:rotate(var(--r)); filter:drop-shadow(0 6px 8px rgba(30,2,10,.4))} :root .pp-sale-art .pp-coin.c2{--r:18deg} :root .pp-sale-k{font:800 12px/1.1 var(--font); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.86)} :root .pp-sale-h{font:400 34px/1 var(--font-bubble); letter-spacing:.01em; color:#fff; text-shadow:0 2px 0 rgba(40,4,14,.3)} :root .pp-sale-sub{font:600 14px/1.25 var(--font); color:rgba(255,255,255,.9)} :root .pp-sale-txt{display:flex; flex-direction:column; gap:6px; min-width:0} :root.desk #desk .pp-sale{display:grid; grid-template-columns:184px minmax(0, 1fr) auto auto auto; align-items:center; gap:26px; min-height:136px; margin-top:16px; padding:14px 26px 14px 14px; border-radius:30px; cursor:pointer; transition:transform 180ms var(--ease-out), box-shadow 180ms ease} :root.desk #desk .pp-sale-art{width:184px; height:112px} :root.desk #desk .pp-sale-art > img:first-child{left:6px; top:-24px; width:164px; height:164px} :root.desk #desk .pp-sale-art .c1{left:-4px; top:-2px; width:44px; height:44px} :root.desk #desk .pp-sale-art .c2{right:-6px; top:58px; width:38px; height:38px} :root.desk #desk .pp-sale-pct{font-size:60px; padding:12px 18px 14px; border-radius:24px} :root.desk #desk .pp-sale-end{display:flex; flex-direction:column; gap:7px} :root.desk #desk .pp-sale-end > small, :root.desk #desk .pp-plate-end > small{font:800 11px/1 var(--font); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.82)} :root.desk #desk .pp-sale-cta{display:inline-flex; align-items:center; gap:8px; white-space:nowrap; padding:15px 20px 15px 22px; border-radius:999px; font:800 15px/1 var(--font); color:var(--nw-cta-ink, #0B1A05); background:var(--nw-cta, #B6F03C); box-shadow:inset 0 -3px 0 var(--nw-cta-lip, #5E8A0E)} :root.desk #desk .pp-sale-cta svg{width:18px; height:18px} @media (hover:hover){ :root.desk #desk .pp-sale:hover{transform:translateY(-2px)} :root.desk #desk .pp-sale:hover .pp-sale-cta{background:var(--nw-cta-hover, #C2F84E)} } :root.desk #desk .pp-sale:active{transform:translateY(1px)} :root.desk #desk .pp-sale:focus-visible{outline:3px solid #fff; outline-offset:3px} @media (max-width:1359px){ :root.desk #desk .pp-sale{grid-template-columns:150px minmax(0, 1fr) auto auto auto; gap:18px; padding-right:20px} :root.desk #desk .pp-sale-art{width:150px} :root.desk #desk .pp-sale-art > img:first-child{width:144px; height:144px; top:-16px} :root.desk #desk .pp-sale-h{font-size:30px} :root.desk #desk .pp-sale-pct{font-size:50px} :root.desk #desk .pp-sale-cta{padding:14px; font-size:0; gap:0} :root.desk #desk .pp-sale-cta svg{width:22px; height:22px} } @media (max-width:1199px){ :root.desk #desk .pp-sale-sub{display:none} :root.desk #desk .pp-sale .pp-clock i{min-width:46px} :root.desk #desk .pp-sale .pp-clock b{font-size:21px} } :root.desk #desk .pp-plate{display:inline-grid; grid-template-columns:auto minmax(0, auto) auto; align-items:center; justify-self:start; align-self:flex-start; gap:18px; max-width:100%; padding:10px 16px 10px 10px; border-radius:26px} :root.desk #desk .pp-plate-pct{font-size:36px; padding:9px 13px 10px; border-radius:18px} :root.desk #desk .pp-plate-txt{display:flex; flex-direction:column; gap:5px; min-width:0} :root.desk #desk .pp-plate-txt b{font:400 24px/1.02 var(--font-bubble); color:#fff} :root.desk #desk .pp-plate-txt small{font:600 13px/1.25 var(--font); color:rgba(255,255,255,.88)} :root.desk #desk .pp-plate-end{display:flex; flex-direction:column; gap:6px} :root.desk #desk .pp-plate .pp-clock i{min-width:44px; padding:6px 5px 6px; border-radius:12px} :root.desk #desk .pp-plate .pp-clock b{font-size:19px} :root.desk #desk .pp-plate .pp-clock u{font-size:9.5px} @media (max-width:1279px){ :root.desk #desk .pp-plate-end > small{display:none} } :root body.shell .pp-sale{display:grid; grid-template-columns:minmax(0, 1fr) 124px; grid-template-areas:"txt art" "end end"; align-items:start; gap:12px 6px; width:100%; margin-top:12px; padding:16px 16px 14px; border-radius:28px; cursor:pointer; transition:transform 130ms var(--ease-out)} :root body.shell .pp-sale:active{transform:scale(.985)} :root body.shell .pp-sale-txt{grid-area:txt; gap:7px; padding-top:2px} :root body.shell .pp-sale-k{font-size:11px} :root body.shell .pp-sale-h{font-size:clamp(24px, 7.2vw, 30px); line-height:1.02} :root body.shell .pp-sale-sub{font-size:13px} :root body.shell .pp-sale-art{grid-area:art; width:124px; height:104px} :root body.shell .pp-sale-art > img:first-child{right:-14px; top:-14px; width:132px; height:132px} :root body.shell .pp-sale-art .c1{left:-10px; top:-6px; width:30px; height:30px} :root body.shell .pp-sale-art .c2{right:-12px; top:78px; width:26px; height:26px} :root body.shell .pp-sale-pct{grid-area:art; justify-self:start; align-self:end; position:relative; z-index:2; margin:0 0 -6px -8px; font-size:36px; padding:8px 11px 9px; border-radius:16px} :root body.shell .pp-sale-pct small{font-size:11px} :root body.shell .pp-sale-end{grid-area:end; display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0} :root body.shell .pp-sale .pp-clock{gap:5px; min-width:0} :root body.shell .pp-sale .pp-clock i{min-width:0; width:clamp(46px, 14vw, 56px); padding:7px 4px 6px; border-radius:13px} :root body.shell .pp-sale .pp-clock b{font-size:clamp(19px, 5.6vw, 22px)} :root body.shell .pp-sale .pp-clock u{font-size:9.5px} :root body.shell .pp-sale-go{flex:none; width:46px; height:46px; display:grid; place-items:center; border-radius:50%; color:var(--nw-cta-ink, #0B1A05); background:var(--nw-cta, #B6F03C); box-shadow:inset 0 -3px 0 var(--nw-cta-lip, #5E8A0E)} :root body.shell .pp-sale-go .sh-ic{width:20px; height:20px} @media (min-width:744px){ :root body.shell .pp-sale{grid-template-columns:minmax(0, 1fr) 170px; padding:20px 24px 18px} :root body.shell .pp-sale-art{width:170px; height:130px} :root body.shell .pp-sale-art > img:first-child{width:170px; height:170px; top:-20px} } @media (min-width:1024px){ body.shell [data-screen="sh-home"] > .pp-sale{order:0} } :root body.shell .screen > .pp-plate{display:grid; grid-template-columns:auto minmax(0, 1fr); grid-template-areas:"pct txt" "pct end"; align-items:center; gap:8px 12px; margin:14px 0 4px; padding:12px 14px 12px 12px; border-radius:24px} :root body.shell .pp-plate-pct{grid-area:pct; font-size:32px; padding:10px 10px 11px; border-radius:16px} :root body.shell .pp-plate-pct small{font-size:10.5px} :root body.shell .pp-plate-txt{grid-area:txt; display:flex; flex-direction:column; gap:3px; min-width:0} :root body.shell .pp-plate-txt b{font:400 19px/1.05 var(--font-bubble); color:#fff} :root body.shell .pp-plate-txt small{font:600 12px/1.25 var(--font); color:rgba(255,255,255,.88)} :root body.shell .pp-plate-end{grid-area:end; min-width:0} :root body.shell .pp-plate .pp-clock{gap:4px} :root body.shell .pp-plate .pp-clock i{min-width:0; width:clamp(38px, 11vw, 46px); padding:5px 2px 5px; border-radius:10px} :root body.shell .pp-plate .pp-clock b{font-size:16px} :root body.shell .pp-plate .pp-clock u{font-size:8.5px; letter-spacing:.04em} @keyframes pp-beat{0%, 100%{transform:scale(1); filter:brightness(1)} 50%{transform:scale(1.08); filter:brightness(1.2)}} @keyframes pp-float{0%, 100%{transform:translateY(0) rotate(var(--r))} 50%{transform:translateY(-6px) rotate(calc(var(--r) + 10deg))}} @media (prefers-reduced-motion:no-preference){ :root .pp-beat{animation:pp-beat 1.8s ease-in-out infinite; transform-origin:50% 50%; will-change:transform} :root .pp-sale-art .pp-coin{animation:pp-float 3.2s ease-in-out infinite} :root .pp-sale-art .pp-coin.c2{animation-delay:-1.6s} :root body.shell :is(.sh-king, .sh-wide, .sh-tile) .sh-tag-sale, :root.desk #desk .t-sale{animation:pp-pop 260ms var(--ease-toy) both, pp-beat 1.8s ease-in-out 260ms infinite} :root.desk #desk .t-sale{transform-origin:0 0} :root.desk #desk:has(.pp-plate) :is(.n-old em:not(.good), .tl-sale), :root body.shell .screen[data-screen="catalog"]:has(> .pp-plate) .акция-цена b{display:inline-block; animation:pp-beat 1.8s ease-in-out infinite; transform-origin:50% 50%} } :root{--g-h:296} :root.desk #desk .o-game{padding:18px 20px 20px; border-radius:32px; background:linear-gradient(180deg, #1A2557 0%, #121B45 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 34px 64px -26px rgba(2,4,16,.92), 0 10px 22px -10px rgba(2,4,16,.6); transform:translateY(26px) scale(.96)} :root.desk #desk .o-game.on{transform:none; transition:opacity 320ms var(--ease-out), transform 620ms cubic-bezier(.2, 1.25, .35, 1)} :root.desk #desk .o-game::before{display:none} :root.desk #desk .o-stage[data-play] :is(.o-item, .o-side){opacity:0} :root.desk #desk .o-game-h{display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; column-gap:22px; row-gap:5px; min-height:0; margin:0 4px 14px} :root.desk #desk .o-game-h > b{grid-area:1 / 1; font:400 27px/1.04 var(--font-bubble); letter-spacing:.01em; text-transform:none; color:#fff} :root.desk #desk .o-game-h .o-hint{grid-area:2 / 1; font:500 13px/1.35 var(--font); text-wrap:balance; color:#AEBBE0} :root.desk #desk .o-score{grid-area:1 / 2 / 3 / 3; gap:10px; padding:7px 8px 7px 16px; border-radius:22px; color:#fff; background:linear-gradient(165deg, #9A63F2 0%, #7A45D8 50%, #4E2A9A 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 16px 30px -14px rgba(2,4,16,.85)} :root.desk #desk .o-sc-l{font:800 11px/1 var(--font); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.84)} :root.desk #desk .o-score b.o-sc{min-width:1.6ch; font:800 34px/1 var(--font-display); --dur:460ms} :root.desk #desk .o-sc .o-st i{background:none; -webkit-background-clip:border-box; background-clip:border-box; color:#fff} :root.desk #desk .o-mult{padding:6px 9px 5px; border-radius:12px; font:900 15px/1 var(--font-display); color:#0B1A05; background:#C6FF4F; box-shadow:inset 0 -2px 0 #5E8A0E} :root.desk #desk .o-rec{margin-left:2px; padding:9px 13px; border-radius:16px; background:rgba(8,12,34,.36); font:700 12px/1 var(--font); letter-spacing:.02em; text-transform:none; color:rgba(255,255,255,.82)} :root.desk #desk .o-rec b{margin-left:3px; font:800 16px/1 var(--font-display); color:#fff} :root.desk #desk .o-arena{border-radius:24px; background:linear-gradient(180deg, #0D1640 0%, #070D1F 78%)} :root.desk #desk .o-arena::after{background:none; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(174,187,224,.10)} :root.desk #desk :is(.o-glow, .o-ray){display:none} :root.desk #desk .o-banner{top:18px; display:inline-flex; align-items:center; gap:9px; padding:10px 18px 10px 14px; border-radius:999px; font:400 21px/1 var(--font-bubble); letter-spacing:.02em; text-transform:none; color:#fff; -webkit-text-fill-color:#fff; background:linear-gradient(165deg, #3FA2FF 0%, #2A78E4 50%, #1C4BA6 100%); -webkit-background-clip:border-box; background-clip:border-box; box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 16px 30px -12px rgba(2,4,16,.9)} :root :is(#desk .o-banner, body.shell .sh-igra-ban)::before{content:""; flex:none; width:22px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M2 3.5h11.5a2.5 2.5 0 1 0-2.5-2.5'/%3E%3Cpath d='M2 8h16a3 3 0 1 1-3 3'/%3E%3Cpath d='M5 12.5h5'/%3E%3C/svg%3E") center / contain no-repeat} :root.desk #desk .o-result{gap:8px; padding:11px 20px; border-radius:999px; background:linear-gradient(180deg, #1A2557 0%, #121B45 100%); font:600 14px/1.2 var(--font); color:#AEBBE0; box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 14px 28px -16px rgba(2,4,16,.85)} :root.desk #desk .o-result b{font:800 16px/1 var(--font-display); color:#fff} :root.desk #desk .o-new{display:inline-block; padding:5px 10px 4px; border-radius:999px; font:800 11.5px/1 var(--font); letter-spacing:.04em; text-transform:none; color:#0B1A05; background:#C6FF4F; box-shadow:inset 0 -2px 0 #5E8A0E} @media (max-height:820px){ :root.desk #desk .o-game{padding:14px 16px 16px; border-radius:28px} :root.desk #desk .o-game-h{margin-bottom:10px} :root.desk #desk .o-game-h > b{font-size:23px} :root.desk #desk .o-score b.o-sc{font-size:30px} :root.desk #desk .o-arena{border-radius:20px} } :root body.shell .sh-igra{margin:16px 0 0; padding:14px 12px 12px; border-radius:28px; background:linear-gradient(180deg, #1A2557 0%, #121B45 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} :root body.shell .sh-igra-h{gap:12px; min-height:0; padding:0 2px 12px 6px} :root body.shell .sh-igra-h > b{flex:1; font:400 clamp(16px, 4.9vw, 19px)/1.06 var(--font-bubble); letter-spacing:.01em; text-wrap:balance; color:#fff} :root body.shell .sh-igra-sc{display:grid; grid-template-columns:minmax(0, 1fr) auto; grid-template-areas:"r r" "s x"; align-items:center; column-gap:8px; row-gap:3px; min-width:108px; padding:8px 9px 8px 12px; border-radius:18px; color:#fff; background:linear-gradient(165deg, #9A63F2 0%, #7A45D8 50%, #4E2A9A 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 12px 24px -12px rgba(2,4,16,.85)} :root body.shell .sh-igra-sc > b{grid-area:s; justify-self:start; min-width:1.4ch; font:800 26px/1 var(--font-display)} :root body.shell .sh-igra-sc small{grid-area:r; justify-self:start; font:700 11.5px/1 var(--font); letter-spacing:.01em; text-transform:none; white-space:nowrap; color:rgba(255,255,255,.84)} :root body.shell .sh-igra-sc > i{grid-area:x; padding:6px 7px 5px; border-radius:11px; font:900 14px/1 var(--font-display); color:#0B1A05; background:#C6FF4F; box-shadow:inset 0 -2px 0 #5E8A0E} :root body.shell .sh-igra-a{border-radius:20px; background:linear-gradient(180deg, #0D1640 0%, #070D1F 78%); box-shadow:inset 0 0 0 1px rgba(174,187,224,.10)} :root body.shell .sh-igra-a::before{display:none} :root body.shell .sh-igra-a::after{background:none; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(174,187,224,.10)} :root body.shell .sh-igra-ban{top:12px; display:inline-flex; align-items:center; gap:7px; padding:8px 14px 8px 11px; border-radius:999px; font:400 16px/1 var(--font-bubble); letter-spacing:.02em; text-transform:none; color:#fff; background:linear-gradient(165deg, #3FA2FF 0%, #2A78E4 50%, #1C4BA6 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 12px 24px -10px rgba(2,4,16,.9)} :root body.shell .sh-igra-ban::before{width:18px; height:13px} @supports (color: oklch(0.5 0.2 300)) { :root.desk #desk .o-score, :root body.shell .sh-igra-sc{ background:linear-gradient(165deg, oklch(.68 .2 var(--g-h)) 0%, oklch(.58 .2 var(--g-h)) 50%, oklch(.42 .17 var(--g-h)) 100%)} :root.desk #desk .o-banner, :root body.shell .sh-igra-ban{ background:linear-gradient(165deg, oklch(.68 .17 250) 0%, oklch(.58 .19 255) 50%, oklch(.42 .16 260) 100%)} } @keyframes н12-всплыть{from{opacity:0; transform:translateY(10px)}} @keyframes н12-поле{from{opacity:0; transform:scale(.97)}} @keyframes н12-выезд{0%{opacity:0; transform:translateY(28px) scale(.96)} 60%{opacity:1} 100%{opacity:1; transform:none}} @keyframes н12-пульс{0%, 100%{transform:scale(1)} 50%{transform:scale(1.08)}} @keyframes н12-ура{0%{opacity:0; transform:scale(.4) rotate(-8deg)} 60%{opacity:1; transform:scale(1.12) rotate(3deg)} 100%{opacity:1; transform:none}} @media (prefers-reduced-motion:no-preference){ :root.desk #desk .o-game.on .o-game-h > *{animation:н12-всплыть 460ms var(--ease-out) both} :root.desk #desk .o-game.on .o-game-h > .o-hint{animation-delay:70ms} :root.desk #desk .o-game.on .o-game-h > .o-score{animation-delay:140ms} :root.desk #desk .o-game.on .o-arena{animation:н12-поле 560ms var(--ease-out) 120ms both} :root body.shell .sh-igra{animation:н12-выезд 620ms cubic-bezier(.2, 1.15, .35, 1) both} :root body.shell .sh-igra-h > *{animation:н12-всплыть 460ms var(--ease-out) 140ms both} :root body.shell .sh-igra-h > .sh-igra-sc{animation-delay:210ms} :root body.shell .sh-igra-a{animation:н12-поле 560ms var(--ease-out) 180ms both} :root :is(#desk .o-mult, body.shell .sh-igra-sc > i):not([hidden]){animation:н12-пульс 1.4s ease-in-out infinite} :root.desk #desk .o-result:not([hidden]) .o-new{animation:н12-ура 620ms cubic-bezier(.3, 1.4, .5, 1) 240ms both} } @media (prefers-reduced-motion:reduce){ :root.desk #desk .o-game, :root.desk #desk .o-game.on{transform:none; transition:opacity 160ms ease} :root body.shell .sh-igra{animation:none} } :root{--pz:#F3B23E; --pz-ink:#1C1405; --pz-text:#F8D58C} @supports (color: oklch(0.5 0.2 80)) { :root{--pz:oklch(.82 .15 78); --pz-text:oklch(.89 .09 82)} } :root:root :is(#desk .ord-m.ord-m-pause, .способ.пауза, #desk .kg-m.kg-m-pause, #desk .st-m.st-m-pause, .steam-mob .st-m.st-m-pause, body.shell .shk-m.shk-m-pause){ grid-column:1 / -1; cursor:not-allowed; border-style:dashed; border-color:color-mix(in oklab, var(--pz) 58%, transparent); background-image:repeating-linear-gradient(135deg, color-mix(in oklab, var(--pz) 14%, transparent) 0 7px, transparent 7px 15px)} :root:root :is(#desk .ord-m.ord-m-pause, .способ.пауза, #desk .kg-m.kg-m-pause, #desk .st-m.st-m-pause, .steam-mob .st-m.st-m-pause, body.shell .shk-m.shk-m-pause):active{transform:none; scale:1} :root:root :is(#desk .ord-m.ord-m-pause, .способ.пауза, #desk .kg-m.kg-m-pause, #desk .st-m.st-m-pause, .steam-mob .st-m.st-m-pause, body.shell .shk-m.shk-m-pause) b{opacity:.72} :root:root :is(#desk .ord-m.ord-m-pause .ord-m-ico, .способ.пауза .способ-знак){opacity:.45; filter:grayscale(1)} :root:root :is(#desk .ord-m.ord-m-pause small, .способ.пауза .способ-про, #desk .kg-m.kg-m-pause small, #desk .st-m.st-m-pause small, .steam-mob .st-m.st-m-pause small, body.shell .shk-m.shk-m-pause small){ opacity:1; font:500 11.5px/1.3 var(--font); color:var(--pz-text)} :root:root :is(#desk .ord-m.ord-m-pause em, .способ.пауза .способ-пауза, #desk .kg-m.kg-m-pause span, #desk .st-m.st-m-pause span, .steam-mob .st-m.st-m-pause span, body.shell .shk-m.shk-m-pause span){ display:inline-flex; align-items:center; gap:5px; width:max-content; min-height:0; margin:0; padding:4px 9px 4px 8px; border-radius:999px; font:800 10.5px/1 var(--font); font-style:normal; letter-spacing:.08em; text-transform:uppercase; color:var(--pz-ink); background:var(--pz)} :root:root :is(#desk .ord-m.ord-m-pause em, .способ.пауза .способ-пауза, #desk .kg-m.kg-m-pause span, #desk .st-m.st-m-pause span, .steam-mob .st-m.st-m-pause span, body.shell .shk-m.shk-m-pause span)::before{ content:""; width:6px; height:6px; flex:none; border-radius:50%; background:currentColor} :root:root #desk .ord-m.ord-m-pause{display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; column-gap:7px; row-gap:5px; min-height:0; padding:9px 12px 10px; text-align:left} :root:root #desk .ord-m.ord-m-pause .ord-m-ico{order:0} :root:root #desk .ord-m.ord-m-pause b{order:1; flex:none; max-width:none; white-space:nowrap; overflow-wrap:normal} :root:root #desk .ord-m.ord-m-pause em{order:2; flex:none; margin-left:auto} :root:root #desk .ord-m.ord-m-pause small{order:3; display:block; flex:1 0 100%; min-width:0} :root:root .способ.пауза{grid-template-columns:auto minmax(0, 1fr) auto; grid-template-rows:auto auto; column-gap:12px; row-gap:2px; align-items:center; align-content:center} :root:root body.shell [data-screen="order"] .способ.скоро.пауза{display:grid!important; min-height:0; padding:12px 14px} :root:root .способ.пауза .способ-знак{grid-column:1; grid-row:1 / 3; margin:0} :root:root .способ.пауза .способ-имя{grid-column:2; grid-row:1; padding-right:0} :root:root .способ.пауза .способ-про{grid-column:2; grid-row:2} :root:root .способ.пауза .способ-пауза{grid-column:3; grid-row:1 / 3} @keyframes н13-точка{0%, 100%{opacity:1} 50%{opacity:.25}} @media (prefers-reduced-motion:no-preference){ :root:root :is(#desk .ord-m.ord-m-pause em, .способ.пауза .способ-пауза, #desk .kg-m.kg-m-pause span, #desk .st-m.st-m-pause span, .steam-mob .st-m.st-m-pause span, body.shell .shk-m.shk-m-pause span)::before{ animation:н13-точка 1.6s ease-in-out infinite} } :root.desk #desk .v3-row{margin-top:14px} :root{--bubble-ls:.1em} :root.desk #desk :is(h1:not(.d-vh), h2, .t3-txt b, .au-king-h, .kw-name, .o-game-h > b, .o-banner), :root body.hp-page :is(h1, h2), :root body.nf-page h1, :root body.shell :is(.screen h1, .screen h2, .sh-au-ban-h, .sh-king-name, .sh-wide-txt b, .sh-tile-txt b, .sh-igra-h > b, .sh-igra-ban), :root :is(.pp-sale-h, .pp-plate-txt b){letter-spacing:var(--bubble-ls)!important} :root body.shell :is(.sh-grid-c .sh-tile-txt b, .pp-sale-h, .pp-plate-txt b){letter-spacing:.05em!important} :root body.shell #shList section > h2.sh-h, :root body.shell #shList h2.sh-h > span{letter-spacing:.06em!important} @media (max-width:1199px){ :root.desk #desk :is(.pp-sale-h, .pp-plate-txt b){letter-spacing:.05em!important} } @media (max-width:359px){ :root body.shell .sh-grid-c .sh-tile-txt b{font-size:11.5px; letter-spacing:.02em!important} :root body.shell .sh-wide-txt b{font-size:19px; letter-spacing:.02em!important} :root body.shell .pp-sale .pp-sale-txt .pp-sale-h{font-size:20px; letter-spacing:.02em!important} } :root :is(#desk, body.shell) .au-row + .au-keys{margin-top:12px} :root.desk #desk :is(.au-paste, .au-other), :root body.shell :is(.au-paste, .au-other){display:inline-flex; align-items:center; height:auto; min-height:48px; padding:0 20px; border-radius:999px; font:800 15px/1 var(--font-display); letter-spacing:0; text-transform:none} :root body.shell :is(.au-paste, .au-other){border:0; background:transparent; color:var(--cream); text-decoration:none; box-shadow:inset 0 0 0 1px var(--seam-2)} :root :is(#desk, body.shell) .pr[data-v="edit"] .pr-form:not(:focus-within){outline:1.5px dashed color-mix(in oklab, var(--lamp) 58%, transparent); outline-offset:-1.5px; box-shadow:none; background:color-mix(in oklab, var(--lamp) 6%, var(--stone-deep))} :root :is(#desk, body.shell) .pr[data-v="edit"] .pr-form .pr-ic{color:var(--lamp)} :root.desk #desk .ord-h{align-items:center} :root.desk #desk .ord-h .ord-cnt{height:28px; padding:0 11px 0 4px; gap:7px; border-radius:999px; font:600 12.5px/1 var(--font); color:var(--sand); background:var(--stone-2)} :root.desk #desk .ord-h .ord-cnt b{min-width:22px; height:22px; padding:0 7px; font:800 12px/1 var(--font-display); color:var(--on-lamp); background:var(--metal)} :root.desk #desk .ord-body{padding:12px 6px 2px; margin:-12px -6px 0} :root.desk #desk .ord-items{gap:8px} :root.desk #desk .ord-grp{display:none} :root.desk #desk .ord-items .ord-empty{padding:14px 16px; border-radius:20px; font:500 13.5px/1.45 var(--font); color:var(--sand); background:var(--stone-deep); outline:1.5px dashed var(--seam-2); outline-offset:-1.5px} :root.desk #desk .ord-rw{--nh:296} :root.desk #desk .ord-rw[data-game="gcoin"]{--nh:300} :root.desk #desk .ord-rw[data-game="pubg"]{--nh:140} :root.desk #desk .ord-rw:is([data-game="steam"], [data-game="steam_wallet"]){--nh:262} :root.desk #desk .ord-rw[data-game="tgstars"]{--nh:340} :root.desk #desk .ord-rw[data-game="valorant"]{--nh:15} :root.desk #desk .ord-rw[data-game="psn"]{--nh:258} :root.desk #desk .ord-rw[data-game="appstore"]{--nh:322} :root.desk #desk .ord-rw[data-game="gplay"]{--nh:150} :root.desk #desk .ord-rw[data-game="mlbb"]{--nh:45} :root.desk #desk .ord-rw[data-game="roblox"]{--nh:352} :root.desk #desk .ord-row{position:relative; isolation:isolate; display:grid; grid-template-columns:54px minmax(0, 1fr) auto; grid-template-areas:"pic name price" "pic sub qty"; column-gap:12px; row-gap:4px; align-items:center; padding:8px 10px 8px 8px; border-radius:22px; color:#fff; background:linear-gradient(165deg, var(--stone-2) 0%, var(--stone-deep) 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px -14px rgba(2,4,16,.9)} @supports (color: oklch(0.5 0.2 300)) and (color: color-mix(in oklab, red, blue)) { :root.desk #desk .ord-row{--nT:oklch(.68 .2 var(--nh)); --nF:oklch(.58 .2 var(--nh)); --nD:oklch(.42 .17 var(--nh)); --nN:oklch(.88 .15 var(--nh)); background:linear-gradient(165deg, var(--nT) 0%, var(--nF) 48%, var(--nD) 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 12px 24px -14px rgba(2,4,16,.85), 0 4px 10px -6px rgba(2,4,16,.5)} :root.desk #desk .ord-row .ord-what small{color:color-mix(in oklab, var(--nN) 45%, #fff)} } :root.desk #desk .ord-row .ord-what, :root.desk #desk .ord-row .ord-what > span:not(.ord-pic){display:contents} :root.desk #desk .ord-row .ord-pic{grid-area:pic; display:grid; place-items:center; width:54px; height:54px; border-radius:16px; background:rgba(8,12,34,.22)} :root.desk #desk .ord-row .ord-pic img:not(.ord-cc){width:44px; height:44px; object-fit:contain; filter:var(--pp-touch)} :root.desk #desk .ord-row .ord-cc{right:-4px; bottom:-4px; width:20px; height:20px} :root.desk #desk .ord-row .ord-what b{grid-area:name; align-self:end; min-width:0; font:800 15.5px/1.15 var(--font-display); letter-spacing:0; color:#fff; overflow-wrap:break-word; text-wrap:balance} :root.desk #desk .ord-row .ord-what small{grid-area:sub; align-self:start; min-width:0; font:600 12.5px/1.3 var(--font); color:var(--sand); overflow-wrap:break-word} :root.desk #desk .ord-row .ord-p{grid-area:price; align-self:end; justify-self:end; font:800 16px/1.15 var(--font-display); color:#fff} :root.desk #desk .ord-row .ord-q{grid-area:qty; justify-self:end; grid-template-columns:32px 26px 32px; height:32px; border:0; border-radius:999px; background:rgba(8,12,34,.26)} :root.desk #desk .ord-row .ord-q button{color:#fff; border-radius:999px; font:700 17px/1 var(--font)} :root.desk #desk .ord-row .ord-q button:focus-visible{outline:2px solid #fff; outline-offset:-2px} :root.desk #desk .ord-row .ord-q b{font:800 14px/1 var(--font-display); color:#fff} :root.desk #desk .ord-row .ord-q-del{width:16px; height:16px} :root.desk #desk .ord-row .ord-flash{inset:0; z-index:1; border-radius:inherit; background:rgba(255,255,255,.16); box-shadow:0 0 0 2px var(--stone), 0 0 0 5px #fff} :root.desk #desk .ord-row .ord-x{top:-7px; right:-4px; z-index:2; font:700 15px/1 var(--font); color:#fff; background:var(--stone-deep); box-shadow:0 0 0 2px var(--stone), 0 4px 10px -4px rgba(2,4,16,.8)} :root.desk #desk .ord-row:focus-within .ord-x{opacity:1} @media (hover:hover) and (pointer:fine){ :root.desk #desk .ord-row .ord-q button:hover:not(:disabled){background:rgba(255,255,255,.16)} :root.desk #desk .ord-row .ord-x:hover{background:var(--stone-2)} } :root.desk #desk .ord-foot .ord-pay{grid-template-columns:repeat(2, minmax(0, 1fr))} :root.desk #desk .ord-pay .ord-m:not(.ord-m-pause){grid-template-columns:18px minmax(0, 1fr); grid-template-areas:"ico name" "ico sum"; justify-items:start; align-content:center; column-gap:9px; row-gap:2px; min-height:44px; padding:6px 10px 6px 11px; text-align:left} :root.desk #desk .ord-pay .ord-m:not(.ord-m-pause) .ord-m-ico{grid-area:ico; align-self:center; width:18px; height:18px} :root.desk #desk .ord-pay .ord-m:not(.ord-m-pause) b{grid-area:name; max-width:100%; font-size:12.5px; line-height:1.15; overflow-wrap:normal; text-wrap:balance} :root.desk #desk .ord-pay .ord-m:not(.ord-m-pause) span{grid-area:sum; justify-self:start; min-height:0; font-size:12.5px; line-height:1.1} @media (max-height:820px){ :root.desk #desk .ord{gap:8px; padding-top:16px; padding-bottom:12px} :root.desk #desk .ord-body{gap:8px} :root.desk #desk .ord-items{gap:6px} :root.desk #desk .ord-row{grid-template-columns:48px minmax(0, 1fr) auto; column-gap:10px; row-gap:3px; padding:6px 9px 6px 6px; border-radius:20px} :root.desk #desk .ord-row .ord-pic{width:48px; height:48px; border-radius:14px} :root.desk #desk .ord-row .ord-pic img:not(.ord-cc){width:40px; height:40px} :root.desk #desk .ord-row .ord-what b{font-size:15px} :root.desk #desk .ord-foot{gap:7px; padding-top:8px} :root.desk #desk .ord-pay .ord-m:not(.ord-m-pause){min-height:40px; padding-top:4px; padding-bottom:4px} :root.desk #desk .ord-foot .pr-form{height:46px} :root.desk #desk .ord-foot .ord-go{height:46px} } @media (max-height:780px){ :root.desk #desk .ord-foot .ord-save{display:none} } :root.desk #desk .d-cart .d-count{position:relative} @media (prefers-reduced-motion:no-preference){ :root.desk #desk .d-cart.bump .d-count::after{content:""; position:absolute; inset:-2px; border-radius:inherit; pointer-events:none; box-shadow:0 0 0 2px var(--lamp); animation:к1-кольцо 700ms cubic-bezier(.23,1,.32,1) both} @keyframes к1-кольцо{from{opacity:.95; transform:scale(1)} to{opacity:0; transform:scale(2.3)}} } :root.desk #desk .me-bn.bn-night, :root body.shell .me-bn.bn-night{ --bn-bg:#05060C!important; --stone-2:#171A2C!important; --stone-deep:#05060C!important; --bn-card:#0B0D18!important; --bn-ink:#fff!important; --bn-sand:rgba(255,255,255,.62)!important; --sand:rgba(255,255,255,.62)!important; --bn-acc:#C6FF4F!important; --bn-on-acc:#0A0B14!important; --bn-ghost:transparent!important; --bn-edge:rgba(198,255,79,.4)!important; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 220' preserveAspectRatio='xMidYMid slice'%3E%3Ccircle cx='465.1' cy='22.5' r='0.91' fill='%23fff' fill-opacity='0.57'/%3E%3Ccircle cx='461.9' cy='196.8' r='1.19' fill='%23fff' fill-opacity='0.61'/%3E%3Ccircle cx='328.8' cy='49.0' r='0.77' fill='%23fff' fill-opacity='0.59'/%3E%3Ccircle cx='261.4' cy='216.6' r='0.81' fill='%23fff' fill-opacity='0.65'/%3E%3Ccircle cx='132.5' cy='84.0' r='1.24' fill='%23fff' fill-opacity='0.77'/%3E%3Ccircle cx='116.3' cy='5.3' r='1.14' fill='%23fff' fill-opacity='0.67'/%3E%3Ccircle cx='89.8' cy='90.1' r='0.82' fill='%23fff' fill-opacity='0.47'/%3E%3Ccircle cx='95.0' cy='82.5' r='0.87' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='268.4' cy='182.4' r='1.24' fill='%23fff' fill-opacity='0.85'/%3E%3Ccircle cx='347.2' cy='174.0' r='0.99' fill='%23fff' fill-opacity='0.72'/%3E%3Ccircle cx='461.7' cy='2.4' r='0.95' fill='%23fff' fill-opacity='0.53'/%3E%3Ccircle cx='201.3' cy='95.4' r='0.77' fill='%23fff' fill-opacity='0.53'/%3E%3Ccircle cx='84.5' cy='80.9' r='0.92' fill='%23fff' fill-opacity='0.84'/%3E%3Ccircle cx='229.4' cy='15.3' r='0.74' fill='%23fff' fill-opacity='0.65'/%3E%3Ccircle cx='333.0' cy='209.4' r='0.74' fill='%23fff' fill-opacity='0.78'/%3E%3Ccircle cx='246.6' cy='141.5' r='0.90' fill='%23fff' fill-opacity='0.81'/%3E%3Ccircle cx='598.1' cy='32.7' r='0.93' fill='%23fff' fill-opacity='0.76'/%3E%3Ccircle cx='544.1' cy='93.0' r='0.91' fill='%23fff' fill-opacity='0.81'/%3E%3Ccircle cx='546.1' cy='193.6' r='0.98' fill='%23fff' fill-opacity='0.76'/%3E%3Ccircle cx='160.9' cy='155.1' r='0.84' fill='%23fff' fill-opacity='0.61'/%3E%3Ccircle cx='428.1' cy='190.3' r='0.78' fill='%23fff' fill-opacity='0.54'/%3E%3Ccircle cx='251.0' cy='75.2' r='1.01' fill='%23fff' fill-opacity='0.61'/%3E%3Ccircle cx='580.9' cy='187.0' r='0.92' fill='%23fff' fill-opacity='0.77'/%3E%3Ccircle cx='333.7' cy='18.3' r='0.87' fill='%23fff' fill-opacity='0.67'/%3E%3Ccircle cx='403.0' cy='204.4' r='1.18' fill='%23fff' fill-opacity='0.83'/%3E%3Ccircle cx='569.3' cy='1.1' r='1.02' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='59.6' cy='26.8' r='1.12' fill='%23fff' fill-opacity='0.75'/%3E%3Ccircle cx='30.3' cy='69.7' r='1.06' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='384.4' cy='201.8' r='1.12' fill='%23fff' fill-opacity='0.69'/%3E%3Ccircle cx='41.0' cy='152.3' r='0.89' fill='%23fff' fill-opacity='0.54'/%3E%3Ccircle cx='532.0' cy='23.2' r='1.00' fill='%23fff' fill-opacity='0.43'/%3E%3Ccircle cx='578.0' cy='123.4' r='1.02' fill='%23fff' fill-opacity='0.77'/%3E%3Ccircle cx='271.0' cy='188.9' r='1.14' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='194.2' cy='200.9' r='1.02' fill='%23fff' fill-opacity='0.78'/%3E%3Ccircle cx='517.0' cy='110.8' r='0.94' fill='%23fff' fill-opacity='0.42'/%3E%3Ccircle cx='615.1' cy='159.2' r='0.88' fill='%23fff' fill-opacity='0.84'/%3E%3Ccircle cx='0.5' cy='128.2' r='1.04' fill='%23fff' fill-opacity='0.66'/%3E%3Ccircle cx='452.7' cy='152.2' r='0.76' fill='%23fff' fill-opacity='0.60'/%3E%3Ccircle cx='602.2' cy='92.1' r='0.83' fill='%23fff' fill-opacity='0.64'/%3E%3Ccircle cx='552.8' cy='41.5' r='1.04' fill='%23fff' fill-opacity='0.66'/%3E%3Ccircle cx='101.6' cy='108.9' r='1.10' fill='%23fff' fill-opacity='0.62'/%3E%3Ccircle cx='370.6' cy='77.6' r='1.03' fill='%23fff' fill-opacity='0.82'/%3E%3Ccircle cx='527.1' cy='122.1' r='0.89' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='74.3' cy='213.0' r='0.82' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='516.0' cy='214.7' r='0.71' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='590.5' cy='166.4' r='1.10' fill='%23fff' fill-opacity='0.85'/%3E%3Ccircle cx='544.3' cy='1.6' r='0.90' fill='%23fff' fill-opacity='0.43'/%3E%3Ccircle cx='602.5' cy='68.4' r='1.25' fill='%23fff' fill-opacity='0.64'/%3E%3Ccircle cx='33.9' cy='187.0' r='0.92' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='270.8' cy='137.3' r='1.13' fill='%23fff' fill-opacity='0.44'/%3E%3Ccircle cx='629.7' cy='11.2' r='0.76' fill='%23fff' fill-opacity='0.42'/%3E%3Ccircle cx='388.1' cy='81.2' r='0.87' fill='%23fff' fill-opacity='0.80'/%3E%3Ccircle cx='389.6' cy='25.3' r='0.76' fill='%23fff' fill-opacity='0.84'/%3E%3Ccircle cx='324.2' cy='56.0' r='1.22' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='446.5' cy='185.2' r='0.96' fill='%23fff' fill-opacity='0.78'/%3E%3Ccircle cx='39.6' cy='116.3' r='1.17' fill='%23fff' fill-opacity='0.42'/%3E%3Ccircle cx='632.0' cy='143.0' r='1.16' fill='%23fff' fill-opacity='0.49'/%3E%3Ccircle cx='353.5' cy='186.5' r='0.96' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='254.0' cy='59.5' r='1.13' fill='%23fff' fill-opacity='0.84'/%3E%3Ccircle cx='578.0' cy='70.9' r='1.15' fill='%23fff' fill-opacity='0.56'/%3E%3Ccircle cx='70.7' cy='156.0' r='1.02' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='467.2' cy='151.9' r='0.84' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='408.8' cy='40.3' r='0.72' fill='%23fff' fill-opacity='0.42'/%3E%3Ccircle cx='573.2' cy='189.1' r='0.96' fill='%23fff' fill-opacity='0.63'/%3E%3Ccircle cx='38.1' cy='121.8' r='1.12' fill='%23fff' fill-opacity='0.73'/%3E%3Ccircle cx='391.5' cy='115.2' r='0.83' fill='%23fff' fill-opacity='0.56'/%3E%3Ccircle cx='53.2' cy='6.1' r='0.77' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='118.5' cy='43.8' r='0.90' fill='%23fff' fill-opacity='0.53'/%3E%3Ccircle cx='600.3' cy='127.5' r='0.73' fill='%23fff' fill-opacity='0.80'/%3E%3Ccircle cx='26.0' cy='67.6' r='1.03' fill='%23fff' fill-opacity='0.69'/%3E%3Ccircle cx='9.1' cy='157.4' r='0.92' fill='%23fff' fill-opacity='0.54'/%3E%3Ccircle cx='56.0' cy='211.4' r='1.10' fill='%23fff' fill-opacity='0.49'/%3E%3Ccircle cx='399.6' cy='135.4' r='1.01' fill='%23fff' fill-opacity='0.65'/%3E%3Ccircle cx='557.6' cy='37.4' r='0.70' fill='%23fff' fill-opacity='0.84'/%3E%3Ccircle cx='562.2' cy='61.0' r='0.95' fill='%23fff' fill-opacity='0.63'/%3E%3Ccircle cx='216.7' cy='115.3' r='0.74' fill='%23fff' fill-opacity='0.75'/%3E%3Ccircle cx='171.4' cy='28.4' r='1.13' fill='%23fff' fill-opacity='0.84'/%3E%3Ccircle cx='515.6' cy='32.9' r='1.03' fill='%23fff' fill-opacity='0.76'/%3E%3Ccircle cx='368.7' cy='107.6' r='1.02' fill='%23fff' fill-opacity='0.53'/%3E%3Ccircle cx='600.6' cy='31.8' r='1.17' fill='%23fff' fill-opacity='0.53'/%3E%3Ccircle cx='192.8' cy='63.3' r='1.07' fill='%23fff' fill-opacity='0.63'/%3E%3Ccircle cx='134.4' cy='73.2' r='0.87' fill='%23fff' fill-opacity='0.61'/%3E%3Ccircle cx='17.1' cy='120.9' r='0.72' fill='%23fff' fill-opacity='0.64'/%3E%3Ccircle cx='101.8' cy='35.3' r='0.87' fill='%23fff' fill-opacity='0.79'/%3E%3Ccircle cx='600.7' cy='72.5' r='0.89' fill='%23CFE6FF' fill-opacity='0.60'/%3E%3Ccircle cx='629.5' cy='19.2' r='0.65' fill='%23E3D9FF' fill-opacity='0.69'/%3E%3Ccircle cx='343.3' cy='103.5' r='0.92' fill='%23E3D9FF' fill-opacity='0.57'/%3E%3Ccircle cx='98.5' cy='126.2' r='0.84' fill='%23fff' fill-opacity='0.74'/%3E%3Ccircle cx='631.1' cy='-3.2' r='1.05' fill='%23E3D9FF' fill-opacity='0.60'/%3E%3Ccircle cx='503.0' cy='17.6' r='1.10' fill='%23E3D9FF' fill-opacity='0.41'/%3E%3Ccircle cx='395.1' cy='101.1' r='0.69' fill='%23fff' fill-opacity='0.58'/%3E%3Ccircle cx='549.1' cy='57.2' r='0.95' fill='%23CFE6FF' fill-opacity='0.45'/%3E%3Ccircle cx='150.3' cy='159.4' r='0.65' fill='%23E3D9FF' fill-opacity='0.37'/%3E%3Ccircle cx='125.9' cy='133.2' r='0.95' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='356.5' cy='75.2' r='0.92' fill='%23E3D9FF' fill-opacity='0.65'/%3E%3Ccircle cx='199.4' cy='166.6' r='0.73' fill='%23fff' fill-opacity='0.70'/%3E%3Ccircle cx='226.9' cy='174.6' r='0.92' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='212.6' cy='110.2' r='0.83' fill='%23E3D9FF' fill-opacity='0.70'/%3E%3Ccircle cx='286.7' cy='107.8' r='0.83' fill='%23fff' fill-opacity='0.72'/%3E%3Ccircle cx='303.3' cy='111.1' r='0.89' fill='%23CFE6FF' fill-opacity='0.37'/%3E%3Ccircle cx='423.8' cy='70.2' r='0.89' fill='%23CFE6FF' fill-opacity='0.54'/%3E%3Ccircle cx='268.4' cy='140.8' r='0.81' fill='%23fff' fill-opacity='0.44'/%3E%3Ccircle cx='307.7' cy='95.4' r='0.72' fill='%23CFE6FF' fill-opacity='0.39'/%3E%3Ccircle cx='102.9' cy='162.4' r='0.74' fill='%23CFE6FF' fill-opacity='0.62'/%3E%3Ccircle cx='165.3' cy='124.9' r='1.02' fill='%23E3D9FF' fill-opacity='0.69'/%3E%3Ccircle cx='188.7' cy='120.4' r='0.64' fill='%23fff' fill-opacity='0.68'/%3E%3Ccircle cx='549.3' cy='87.1' r='0.84' fill='%23E3D9FF' fill-opacity='0.36'/%3E%3Ccircle cx='561.4' cy='29.5' r='0.92' fill='%23fff' fill-opacity='0.48'/%3E%3Ccircle cx='161.6' cy='166.1' r='0.89' fill='%23CFE6FF' fill-opacity='0.48'/%3E%3Ccircle cx='415.5' cy='71.4' r='0.81' fill='%23fff' fill-opacity='0.52'/%3E%3Ccircle cx='521.0' cy='98.9' r='1.08' fill='%23fff' fill-opacity='0.51'/%3E%3Ccircle cx='556.5' cy='62.6' r='1.03' fill='%23fff' fill-opacity='0.66'/%3E%3Ccircle cx='579.5' cy='45.4' r='0.97' fill='%23E3D9FF' fill-opacity='0.62'/%3E%3Ccircle cx='109.6' cy='175.4' r='0.80' fill='%23fff' fill-opacity='0.54'/%3E%3Ccircle cx='56.5' cy='208.8' r='0.79' fill='%23fff' fill-opacity='0.65'/%3E%3Ccircle cx='280.2' cy='110.8' r='1.07' fill='%23fff' fill-opacity='0.57'/%3E%3Ccircle cx='155.1' cy='152.7' r='1.09' fill='%23E3D9FF' fill-opacity='0.57'/%3E%3Ccircle cx='198.3' cy='176.7' r='0.82' fill='%23fff' fill-opacity='0.45'/%3E%3Ccircle cx='491.2' cy='69.4' r='1.03' fill='%23CFE6FF' fill-opacity='0.64'/%3E%3Ccircle cx='118.6' cy='180.1' r='1.00' fill='%23fff' fill-opacity='0.43'/%3E%3Ccircle cx='114.4' cy='171.8' r='0.61' fill='%23CFE6FF' fill-opacity='0.70'/%3E%3Ccircle cx='438.2' cy='67.8' r='0.73' fill='%23fff' fill-opacity='0.45'/%3E%3Ccircle cx='19.2' cy='149.3' r='0.98' fill='%23fff' fill-opacity='0.56'/%3E%3Ccircle cx='139.1' cy='184.9' r='0.91' fill='%23E3D9FF' fill-opacity='0.52'/%3E%3Ccircle cx='382.6' cy='63.2' r='0.79' fill='%23fff' fill-opacity='0.57'/%3E%3Ccircle cx='518.5' cy='59.7' r='0.89' fill='%23CFE6FF' fill-opacity='0.51'/%3E%3Ccircle cx='153.3' cy='131.7' r='0.89' fill='%23CFE6FF' fill-opacity='0.52'/%3E%3Ccircle cx='87.2' cy='160.1' r='0.85' fill='%23fff' fill-opacity='0.65'/%3E%3Ccircle cx='509.4' cy='75.8' r='0.74' fill='%23CFE6FF' fill-opacity='0.46'/%3E%3Ccircle cx='639.7' cy='43.9' r='0.92' fill='%23fff' fill-opacity='0.67'/%3E%3Ccircle cx='219.1' cy='174.1' r='0.71' fill='%23fff' fill-opacity='0.53'/%3E%3Ccircle cx='403.0' cy='128.4' r='0.70' fill='%23fff' fill-opacity='0.63'/%3E%3Ccircle cx='377.3' cy='101.8' r='0.64' fill='%23CFE6FF' fill-opacity='0.41'/%3E%3Ccircle cx='433.7' cy='125.9' r='1.08' fill='%23E3D9FF' fill-opacity='0.38'/%3E%3Ccircle cx='518.0' cy='73.7' r='0.61' fill='%23CFE6FF' fill-opacity='0.58'/%3E%3Ccircle cx='26.0' cy='208.2' r='1.02' fill='%23E3D9FF' fill-opacity='0.48'/%3E%3Ccircle cx='416.0' cy='113.5' r='0.66' fill='%23E3D9FF' fill-opacity='0.63'/%3E%3Ccircle cx='468.3' cy='51.5' r='0.71' fill='%23fff' fill-opacity='0.38'/%3E%3Ccircle cx='152.4' cy='145.4' r='0.64' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='299.3' cy='125.9' r='0.89' fill='%23fff' fill-opacity='0.69'/%3E%3Ccircle cx='209.4' cy='142.9' r='1.09' fill='%23fff' fill-opacity='0.67'/%3E%3Ccircle cx='600.2' cy='66.7' r='1.04' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='424.5' cy='107.2' r='0.97' fill='%23fff' fill-opacity='0.46'/%3E%3Ccircle cx='-1.2' cy='170.9' r='0.99' fill='%23fff' fill-opacity='0.74'/%3E%3Ccircle cx='48.6' cy='201.2' r='1.78' fill='%23fff' fill-opacity='1.00'/%3E%3Ccircle cx='121.9' cy='11.1' r='1.74' fill='%23E4FF9E' fill-opacity='0.97'/%3E%3Ccircle cx='527.8' cy='197.5' r='2.07' fill='%23D9CCFF' fill-opacity='0.98'/%3E%3Ccircle cx='612.6' cy='114.9' r='2.19' fill='%23D9CCFF' fill-opacity='1.00'/%3E%3Ccircle cx='575.4' cy='65.6' r='1.51' fill='%23fff' fill-opacity='0.91'/%3E%3Ccircle cx='483.4' cy='109.5' r='1.73' fill='%23CFE6FF' fill-opacity='0.89'/%3E%3Ccircle cx='91.4' cy='28.8' r='1.77' fill='%23D9CCFF' fill-opacity='0.93'/%3E%3Ccircle cx='142.6' cy='68.6' r='1.67' fill='%23fff' fill-opacity='0.93'/%3E%3Ccircle cx='48.2' cy='36.6' r='2.06' fill='%23CFE6FF' fill-opacity='0.89'/%3E%3Ccircle cx='183.9' cy='115.4' r='2.01' fill='%23E4FF9E' fill-opacity='0.92'/%3E%3Ccircle cx='406.6' cy='178.1' r='2.16' fill='%23fff' fill-opacity='0.96'/%3E%3Ccircle cx='293.2' cy='117.6' r='1.87' fill='%23D9CCFF' fill-opacity='0.89'/%3E%3Ccircle cx='242.2' cy='50.8' r='1.64' fill='%23fff' fill-opacity='0.94'/%3E%3Ccircle cx='420.9' cy='13.0' r='1.80' fill='%23fff' fill-opacity='0.96'/%3E%3Ccircle cx='82.8' cy='143.2' r='2.14' fill='%23fff' fill-opacity='0.89'/%3E%3Cpath fill='%23fff' d='M92 25.5L93.87 32.13L100.5 34L93.87 35.87L92 42.5L90.13 35.87L83.5 34L90.13 32.13Z'/%3E%3Cpath fill='%23fff' d='M262 169.5L263.43 174.57L268.5 176L263.43 177.43L262 182.5L260.57 177.43L255.5 176L260.57 174.57Z'/%3E%3Cpath fill='%23fff' d='M586 189.0L587.54 194.46L593.0 196L587.54 197.54L586 203.0L584.46 197.54L579.0 196L584.46 194.46Z'/%3E%3Cdefs%3E%3ClinearGradient id='p' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23C4B0FF'/%3E%3Cstop offset='1' stop-color='%233B2E86'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(318 44) rotate(-18)'%3E%3Cellipse rx='15' ry='4.2' fill='none' stroke='%23D9CCFF' stroke-opacity='.55' stroke-width='1.2'/%3E%3Ccircle r='8' fill='url(%23p)'/%3E%3Cpath d='M-15 0A15 4.2 0 0 0 15 0' fill='none' stroke='%23E6DCFF' stroke-opacity='.9' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat, linear-gradient(160deg, #0E1020 0%, #05060C 55%, #020205 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 36px -16px rgba(0,0,0,.85), 0 6px 14px -6px rgba(0,0,0,.6), 0 26px 52px -30px rgba(198,255,79,.45)!important} :root.desk #desk .me-bn.bn-night .bn-shade, :root body.shell .me-bn.bn-night .bn-shade{ background:linear-gradient(90deg, rgba(5,6,12,.8) 0, rgba(5,6,12,.5) 34%, transparent 62%)!important} :root.desk #desk .me-bn.bn-night .bn-ring, :root body.shell .me-bn.bn-night .bn-ring{ fill:none!important; stroke:rgba(198,255,79,.5); stroke-width:1.2; stroke-dasharray:2 5; vector-effect:non-scaling-stroke} :root.desk #desk .me-bn.bn-night .bn-back, :root body.shell .me-bn.bn-night .bn-back{ background:linear-gradient(180deg, #1C2038, #0B0D18)!important; box-shadow:inset 0 0 0 1px rgba(198,255,79,.6)!important} :root.desk #desk .me-bn.bn-night .bn-back i, :root body.shell .me-bn.bn-night .bn-back i{background:#C6FF4F!important} :root.desk #desk .me-bn.bn-night .bn-face, :root body.shell .me-bn.bn-night .bn-face{background:#C6FF4F!important; color:#0A0B14!important} :root.desk #desk .me-bn.bn-night.guest .bn-in, :root body.shell .me-bn.bn-night.guest .bn-in{ color:#fff!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important} :root.desk #desk .me-bn.bn-night::before{inset:auto; top:13%; left:30%; width:96px; height:1.5px; border-radius:2px; z-index:1; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.95))!important; opacity:0; transform:rotate(16deg)} @media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){ :root.desk #desk .me-bn.bn-night::before{animation:н14-метеор 9s linear 2.5s infinite} :root.desk #desk .me-bns.bn-idle .me-bn.bn-night::before{animation-play-state:paused} } @keyframes н14-метеор{ 0%, 84%{opacity:0; transform:rotate(16deg) translateX(0)} 86%{opacity:1} 93%, 100%{opacity:0; transform:rotate(16deg) translateX(170px)}} :root.desk #desk .v3-row.no-sale.with-sold{grid-template-columns:minmax(0, 1fr) auto 270px} :root.desk #desk .v3-sold{display:flex; align-items:center; gap:12px; height:64px; padding:0 20px 0 12px; border-radius:20px; background:var(--nn-night); box-shadow:inset 0 0 0 1px color-mix(in oklab, #E8B84A 38%, transparent), 0 18px 36px -16px rgba(2,4,16,.7); color:#fff; white-space:nowrap} :root.desk #desk .v3-sold[hidden]{display:none} :root.desk #desk .v3-sold-c{width:46px; height:46px; object-fit:contain; filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))} :root.desk #desk .v3-sold > span{display:flex; flex-direction:column; gap:4px} :root.desk #desk .v3-sold small{font:800 11px/1 var(--font); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.62)} :root.desk #desk .v3-sold b{font:800 24px/1 Rubik, var(--font); font-variant-numeric:tabular-nums; letter-spacing:.01em; color:#FFE27A} @media (max-width:1279.98px){ :root.desk #desk .v3-row.no-sale.with-sold{grid-template-columns:minmax(0, 1fr) auto 230px} :root.desk #desk .v3-sold{padding-right:14px; gap:8px} :root.desk #desk .v3-sold b{font-size:20px} :root.desk #desk .v3-sold-c{width:38px; height:38px} } :root.desk #desk .ord-gc{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; font:600 14px/1.2 var(--font); color:var(--sand)} :root.desk #desk .ord-gc[hidden]{display:none} :root.desk #desk .ord-gc > span{display:inline-flex; align-items:center; gap:8px} :root.desk #desk .ord-gc-c{width:20px; height:20px; flex:none; border-radius:50%; background:radial-gradient(circle at 35% 30%, #FFF1B0, #E8B84A 45%, #A8873E 100%); box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.25)} :root.desk #desk .ord-gc b{display:inline-block; font:800 17px/1 Rubik, var(--font); font-variant-numeric:tabular-nums; color:#FFE27A} :root.desk #desk .d-mc-gc{display:block; margin-top:3px; font:700 12px/1.1 var(--font); font-style:normal; color:#FFE27A} :root body.shell .sh-sum-gc dd{font-weight:800; color:#FFE27A; font-variant-numeric:tabular-nums} :root.desk #desk .ol-me, :root.desk #desk .ol-me2{display:grid; gap:20px; margin:0 0 24px} :root.desk #desk .ol-me2{margin:28px 0 8px} :root.desk #desk .ol-me[hidden], :root.desk #desk .ol-me2[hidden]{display:none} :root.desk #desk .ol-me > .me-blocks, :root.desk #desk .ol-me2 > .me-blocks{display:grid; gap:20px; margin:0} :root.desk #desk .me-low.me-pf > .pf-wrap{padding:0; border:0; background:none; box-shadow:none} :root.desk #desk .ol-cnt.ol-cnt-h{margin:0 0 12px; font:400 22px/1.1 var(--font-bubble); letter-spacing:var(--bubble-ls); text-transform:uppercase; color:#fff} :root :is(.pf-wrap){display:block} :root :is(.pf-wrap)[hidden]{display:none} :root .pf-card{--nF:oklch(.58 .2 var(--nh)); --nT:oklch(.68 .2 var(--nh)); --nD:oklch(.42 .17 var(--nh)); --nN:oklch(.9 .12 var(--nh)); position:relative; display:grid; gap:18px; padding:24px 28px; border-radius:30px; color:#fff; background:linear-gradient(165deg, var(--nT) 0%, var(--nF) 48%, var(--nD) 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} :root .pf-card[data-tier="1"]:not(.own){--nF:oklch(.6 .025 250); --nT:oklch(.72 .02 250); --nD:oklch(.4 .03 255); --nN:oklch(.92 .01 250)} :root .pf-card.pf-sk{min-height:228px; background:var(--nn-night); box-shadow:none} :root .pf-top{display:flex; align-items:center; gap:16px; min-width:0} :root :is(.pf-av, .me-av.own){--av-h:var(--nh)} :root .pf-av{flex:none; display:grid; place-items:center; width:68px; height:68px; border-radius:50%; background:linear-gradient(160deg, oklch(.5 .18 var(--av-h)), oklch(.3 .12 var(--av-h))); box-shadow:0 0 0 3px rgba(255,255,255,.9), 0 10px 22px -8px rgba(0,0,0,.6)} :root .pf-card:not(.own) .pf-av:not([style]){background:rgba(0,0,0,.28)} :root .pf-av b{font:400 32px/1 var(--font-bubble); color:#fff} :root .pf-av em, :root .pf-em em{font:800 22px/1 Rubik, var(--font); font-style:normal; color:#fff} :root .pf-av svg, :root .pf-em svg{width:62%; height:62%; color:#fff} :root .pf-av .pf-em-svg{width:70%; height:70%} :root .pf-who{display:grid; gap:6px; min-width:0} :root .pf-who h2{margin:0; font:400 30px/1.05 var(--font-bubble)!important; letter-spacing:var(--bubble-ls)!important; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} :root .pf-rank{display:inline-flex; align-items:center; gap:8px; font:600 13px/1 var(--font); color:rgba(255,255,255,.86)} :root .pf-rank b{font:800 13px/1 var(--font); letter-spacing:.12em; text-transform:uppercase; color:#fff} :root .pf-rank-ic{width:22px; height:22px; color:#fff} :root .pf-edit{margin-left:auto; flex:none; display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border:0; border-radius:999px; background:rgba(0,0,0,.24); color:#fff; font:700 14px/1 var(--font); cursor:pointer; transition:background-color 160ms ease, transform 130ms var(--ease-out)} :root .pf-edit svg{width:16px; height:16px} :root .pf-edit:active{transform:scale(.97)} @media (hover:hover){ :root .pf-edit:hover{background:rgba(0,0,0,.36)} } :root .pf-edit:focus-visible, :root .pf-sw:focus-visible, :root .pf-em:focus-visible{outline:2px solid #fff; outline-offset:3px} :root .pf-stats{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px} :root .pf-st{display:flex; flex-direction:column; gap:8px; min-width:0; padding:14px 16px 15px; border-radius:20px; background:rgba(4,8,24,.34)} :root .pf-st small{font:800 10.5px/1.1 var(--font); letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.7)} :root .pf-st b{display:flex; align-items:center; gap:8px; font:800 26px/1 Rubik, var(--font); font-variant-numeric:tabular-nums; color:#fff; white-space:nowrap} :root .pf-st.pf-g b{color:#FFE27A} :root .pf-st.pf-save b{color:#C6FF4F} :root .pf-coin{display:inline-grid; width:30px; height:30px; flex:none} :root .pf-coin img{width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))} :root .pf-parts{font:600 12px/1.35 var(--font); color:rgba(255,255,255,.72)} :root .pf-au{display:flex; align-items:center; gap:18px; padding:16px 18px; border-radius:20px; background:#0B0D18; box-shadow:inset 0 0 0 1px rgba(198,255,79,.45)} :root .pf-au p{display:grid; gap:4px; margin:0; min-width:0} :root .pf-au p b{font:800 16px/1.3 var(--font); color:#fff} :root .pf-au p span{font:500 13px/1.4 var(--font); color:rgba(255,255,255,.66)} :root .pf-au .pf-au-go{margin-left:auto; flex:none; white-space:nowrap} :root .pf-look{display:grid; gap:14px; padding:16px 18px; border-radius:20px; background:rgba(4,8,24,.34)} :root .pf-look[hidden]{display:none} :root .pf-look-row{display:grid; gap:9px} :root .pf-look-row > small{font:800 10.5px/1.1 var(--font); letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.7)} :root .pf-look-note{font:500 12.5px/1.35 var(--font); color:rgba(255,255,255,.72)} :root .pf-sws, :root .pf-ems{display:flex; flex-wrap:wrap; gap:10px} :root .pf-sw{width:36px; height:36px; padding:0; border:0; border-radius:50%; cursor:pointer; background:linear-gradient(165deg, oklch(.7 .2 var(--sw-h)), oklch(.5 .18 var(--sw-h))); box-shadow:0 0 0 2px rgba(255,255,255,.28); transition:transform 130ms var(--ease-out), box-shadow 160ms ease} :root .pf-sw.rank{width:auto; height:36px; padding:0 14px; border-radius:999px; font:700 12.5px/1 var(--font); color:#fff} :root .pf-sw.on{box-shadow:0 0 0 3px #fff, 0 0 0 5px rgba(0,0,0,.35)} :root .pf-sw:active, :root .pf-em:active{transform:scale(.94)} :root .pf-em{display:grid; place-items:center; width:46px; height:46px; padding:0; border:0; border-radius:50%; cursor:pointer; background:rgba(4,8,24,.5); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3); color:#fff; transition:transform 130ms var(--ease-out), box-shadow 160ms ease} :root .pf-em b{font:400 20px/1 var(--font-bubble)} :root .pf-em.em-first svg{color:#FFE27A} :root .pf-em.on{box-shadow:0 0 0 3px #fff} :root .pf-nick .me-prof, :root.desk #desk .pf-nick .me-prof{margin:0; padding:0; border:0; border-radius:0; background:none!important; box-shadow:none!important} :root .pf-nick .me-prof-t b{font:800 10.5px/1.1 var(--font); letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.7)} :root .pf-nick .me-prof-t small{color:rgba(255,255,255,.7)} :root.desk #desk .pf-nick .me-prof-in{background:rgba(4,8,24,.5); border-color:rgba(255,255,255,.3); color:#fff} :root .pf-msg{margin:0} :root.desk #desk .me-av.own{background:linear-gradient(160deg, oklch(.55 .19 var(--av-h)), oklch(.34 .13 var(--av-h)))!important} :root.desk #desk .me-av.em > svg:not(.me-tier){width:64%; height:64%; color:#fff} :root.desk #desk .me-av.em > em{font:800 15px/1 Rubik, var(--font); font-style:normal; color:#fff} @media (max-width:1100px){ :root .pf-stats{grid-template-columns:repeat(2, minmax(0, 1fr))} } :root body.shell .shm-prof .pf-wrap{margin-top:14px} @media (max-width:560px){ :root .pf-card{gap:14px; padding:18px 16px; border-radius:24px} :root .pf-av{width:54px; height:54px} :root .pf-av b{font-size:26px} :root .pf-who h2{font-size:23px!important} :root .pf-edit{width:40px; padding:0; justify-content:center} :root .pf-edit span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)} :root .pf-stats{gap:8px} :root .pf-st{padding:12px 12px 13px; border-radius:16px} :root .pf-st b{font-size:20px} :root .pf-coin{width:24px; height:24px} :root .pf-au{flex-direction:column; align-items:stretch; gap:12px} :root .pf-au .pf-au-go{margin:0} } :root .nc-luck{grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0; padding:10px 14px; border-radius:16px; background:rgba(198,255,79,.07); box-shadow:inset 0 0 0 1px rgba(198,255,79,.3); font:500 13px/1.35 var(--font); color:rgba(255,255,255,.86)} :root .nc-luck-dots{display:inline-flex; gap:4px} :root .nc-luck-dots i{width:16px; height:6px; border-radius:3px; background:rgba(255,255,255,.18)} :root .nc-luck-dots i.on{background:#C6FF4F} :root .nc-luck-t b{font-weight:800; color:#C6FF4F} :root .nc-luck-next{margin-left:auto; color:rgba(255,255,255,.6)} :root body.shell .shm .nc-luck{margin-top:12px} :root .nc-face.nc-good{box-shadow:inset 0 0 0 2px #E8B84A, 0 0 0 1px rgba(232,184,74,.4)!important} :root .nc-face.nc-rare{box-shadow:inset 0 0 0 2px #C6FF4F, 0 0 0 1px rgba(198,255,79,.45)!important; background-image:linear-gradient(160deg, rgba(198,255,79,.18), transparent 55%)!important} :root .nc-luck-tag{position:absolute; top:8px; left:8px; padding:4px 6px 3px; border-radius:6px; font:800 9.5px/1 var(--font); font-style:normal; letter-spacing:.08em; text-transform:uppercase; color:#0A0B14; background:#E8B84A} :root .nc-face.nc-rare .nc-luck-tag{background:#C6FF4F} @media (prefers-reduced-motion:no-preference){ :root .nc-card.open .nc-face.nc-rare{animation:р22-редкая 2.4s ease-in-out 1} @keyframes р22-редкая{0%, 100%{filter:none} 30%{filter:brightness(1.25) saturate(1.2)}} } :root.desk #desk .lv2-card:has(.holo[data-tier="0"]){--nh:55} :root.desk #desk .lv2-card:has(.holo[data-tier="1"]){--nh:250} :root.desk #desk .lv2-card:has(.holo[data-tier="1"]){--nF:oklch(.6 .025 250); --nT:oklch(.72 .02 250); --nD:oklch(.4 .03 255); --nN:oklch(.92 .01 250)} :root.desk #desk .lv2-card:has(.holo[data-tier="2"]){--nh:85} :root.desk #desk .lv2-card:has(.holo[data-tier="3"]){--nh:205} :root.desk #desk .lv2-card:has(.holo[data-tier="4"]){--nh:300} :root body.shell .sh-holo[data-tier="0"]{--nh:55} :root body.shell .sh-holo[data-tier="1"]{--nh:250; --nF:oklch(.6 .025 250)!important; --nT:oklch(.72 .02 250)!important; --nD:oklch(.4 .03 255)!important; --nN:oklch(.92 .01 250)!important} :root body.shell .sh-holo[data-tier="2"]{--nh:85} :root body.shell .sh-holo[data-tier="3"]{--nh:205} :root body.shell .sh-holo[data-tier="4"]{--nh:300} :root.desk #desk[data-screen="checkout"] #deskMain{background:none!important; box-shadow:none!important; border-radius:0} :root.desk #desk :is(.co-col, .co-none-in){background:var(--nn-night); border-radius:28px; box-shadow:0 18px 36px -16px rgba(2,4,16,.7), 0 6px 14px -6px rgba(2,4,16,.45)} :root.desk #desk .co-col{padding:20px 20px 18px} :root.desk #desk .co-title{font-size:34px; line-height:1.05} :root.desk #desk .co-h h2, :root.desk #desk .co-none h2{font-size:19px; line-height:1.15} :root.desk #desk .co-back{background:var(--nn-night); border:0; box-shadow:0 10px 24px -12px rgba(2,4,16,.8), inset 0 0 0 1px rgba(255,255,255,.1)} :root.desk #desk .co-steps{gap:12px; padding:7px 14px 7px 8px; border-radius:999px; background:var(--nn-night)} :root.desk #desk .co-steps li{font:700 13px/1 var(--font); color:rgba(255,255,255,.5)} :root.desk #desk .co-steps li + li::before{width:22px; background:rgba(255,255,255,.16)} :root.desk #desk .co-steps i{width:28px; height:28px; font:900 13px/1 var(--font-display); color:rgba(255,255,255,.6); background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14)} :root.desk #desk .co-steps .done{color:rgba(255,255,255,.78)} @media (hover:hover) and (pointer:fine){ :root.desk #desk .co-steps .done button:hover{color:#fff} } :root.desk #desk .co-steps .done i{color:#0B1A05; background:#C6FF4F; box-shadow:none} :root.desk #desk .co-steps .cur{color:#fff} :root.desk #desk .co-steps .cur i{color:#0B0F24; background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.14)} :root.desk #desk .co .ord-row{grid-template-columns:62px minmax(0, 1fr) auto; column-gap:14px; padding:9px 12px 9px 9px; border-radius:24px} :root.desk #desk .co .ord-row .ord-pic{width:62px; height:62px; border-radius:18px} :root.desk #desk .co .ord-row .ord-pic img:not(.ord-cc){width:52px; height:52px} :root.desk #desk .co .ord-row .ord-what b{font-size:16.5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden} :root.desk #desk .co-h .ord-cnt b{color:#fff; background:rgba(255,255,255,.14)} :root.desk #desk .co .ord-row .ord-p{font-size:17px} :root.desk #desk .co-loot{border-radius:24px; background:linear-gradient(165deg, rgba(255,226,122,.13) 0%, rgba(255,226,122,.04) 100%); box-shadow:none} :root.desk #desk .co-loot-t small{color:rgba(255,236,170,.72)} :root.desk #desk .co-loot-t b{font:900 40px/1.05 "Rubik", var(--font-display); letter-spacing:0; color:#FFE27A} :root.desk #desk .co-loot-t em{color:rgba(255,236,170,.85)} :root.desk #desk .co .ord-up{padding:12px 14px 10px; border-radius:18px; border-top:0; background:rgba(255,255,255,.035)} :root.desk #desk .co-more{border-radius:18px; color:rgba(255,255,255,.72); border-color:rgba(255,255,255,.18)} @media (hover:hover) and (pointer:fine){ :root.desk #desk .co-more:hover{color:#fff; border-color:#C6FF4F} } @supports (color: oklch(0.5 0.2 300)) and (color: color-mix(in oklab, red, blue)) { :root.desk #desk .co-who button{--nh:296; border-radius:20px; background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)} :root.desk #desk .co-who button[data-who="gift"]{--nh:340} :root.desk #desk .co-who button svg{color:oklch(.88 .15 var(--nh))} :root.desk #desk .co-who button small{color:rgba(255,255,255,.6)} :root.desk #desk .co-who button[aria-checked="true"]{color:#fff; background:linear-gradient(165deg, oklch(.68 .2 var(--nh)) 0%, oklch(.58 .2 var(--nh)) 48%, oklch(.42 .17 var(--nh)) 100%)} :root.desk #desk .co-who button[aria-checked="true"] svg{color:#fff} :root.desk #desk .co-who button[aria-checked="true"] small{color:color-mix(in oklab, oklch(.88 .15 var(--nh)) 50%, #fff)} } :root.desk #desk .co :is(.gf-chip, .ord-pay .ord-m:not(.ord-m-pause)){border-color:transparent; background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)} :root.desk #desk .co :is(.co-who button[aria-checked="true"], .gf-chip[aria-checked="true"], .ord-pay .ord-m.on){outline:2px solid #fff!important; outline-offset:2px!important; border-color:transparent!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 6px rgba(198,255,79,.38)!important} @media (hover:hover) and (pointer:fine){ :root.desk #desk .co :is(.gf-chip[aria-checked="false"], .ord-pay .ord-m:not(.on):not(.ord-m-pause)):hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)} } :root.desk #desk .co :is(.ord-warn){border:0; border-radius:16px; background:rgba(255,255,255,.05)} :root.desk #desk .co .ord-vip{border:0; border-radius:16px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.05)} @media (hover:hover) and (pointer:fine){ :root.desk #desk .co .ord-vip:hover{background:rgba(255,255,255,.08)} } :root.desk #desk .co .pr-in:placeholder-shown ~ .pr-go{opacity:1; color:rgba(255,255,255,.55); background:rgba(255,255,255,.08); box-shadow:none} :root.desk #desk .co :is(.ord-code, .ord-guide, .ord-gift-how){padding:0 2px} :root.desk #desk .co .ord-pay .ord-m:not(.ord-m-pause){min-height:56px; padding:8px 12px 8px 13px; border-radius:18px; column-gap:11px} :root.desk #desk .co .ord-pay .ord-m:not(.ord-m-pause) .ord-m-ico{width:22px; height:22px} :root.desk #desk .co .ord-pay .ord-m:not(.ord-m-pause) b{font-size:13.5px} :root.desk #desk .co .ord-pay .ord-m:not(.ord-m-pause) span{font-size:13.5px; font-weight:800} @media (min-height:821px){ :root.desk #desk .co-b:not(.co-tight) .ord-pay .ord-m:not(.ord-m-pause){grid-template-areas:"ico name" "ico sub" "ico sum"} :root.desk #desk .co-b:not(.co-tight) .ord-pay .ord-m:not(.ord-m-pause) small{display:block; grid-area:sub; font-size:11.5px; line-height:1.25; color:rgba(255,255,255,.55)} } :root.desk #desk .co-foot .ord-sum{border-radius:22px; background:rgba(255,255,255,.04); box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)} :root.desk #desk .co-foot .ord-total{border-top-color:rgba(255,255,255,.16)} :root.desk #desk .co .ord-line{font-size:13.5px} :root.desk #desk .co .ord-line.co-sub{font-weight:600} :root.desk #desk .co-foot .ord-total{margin-top:2px} :root.desk #desk .co-foot .ord-total > span{font:800 12px/1 var(--font); letter-spacing:.14em; color:rgba(255,255,255,.66)} :root.desk #desk .co-foot .ord-total b{font:900 38px/1.05 "Rubik", var(--font-display); letter-spacing:0; color:#fff} :root.desk #desk .co-foot .ord-go{height:60px; font-size:17px} :root.desk #desk .co-au-on{border-radius:20px} :root.desk #desk .co .au-ord{min-height:0; flex-direction:row; align-items:center; gap:12px; padding:12px 14px; border-radius:22px} :root.desk #desk .co .au-ord-mark{width:36px; height:36px; padding:9px 7px} :root.desk #desk .co .au-ord-t b{font-size:13.5px} :root.desk #desk .co .au-ord-t small{display:block; font-size:12px} :root.desk #desk .co-none-ic{width:84px; height:84px; color:#C6FF4F; background:rgba(198,255,79,.1)} :root.desk #desk .ord-cart .ord-total > span{font:800 12px/1 var(--font); letter-spacing:.14em; color:rgba(255,255,255,.66)} :root.desk #desk .ord-cart .ord-total b{font:900 30px/1.1 "Rubik", var(--font-display)} :root.desk #desk .ord-cart .ord-go{height:54px} :root.desk #desk .ord-later{color:rgba(255,255,255,.56)} :root.desk #desk .ord-giftmode{border-radius:16px; background:rgba(255,255,255,.05); box-shadow:none} :root.desk #desk .ord-giftmode svg{color:#FF8BD0} :root.desk #desk .ord-cart .ord-items .ord-empty{outline:0; background:none; padding:0 2px} :root.desk #desk .ord-cart .ord-qp{border-color:transparent; border-radius:16px; background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)} @media (hover:hover) and (pointer:fine){ :root.desk #desk .ord-cart .ord-qp:hover{border-color:transparent; box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)} } @media (max-height:820px){ :root.desk #desk .co-col{padding:15px 15px 13px} :root.desk #desk .co-title{font-size:28px} :root.desk #desk .co .ord-row{grid-template-columns:52px minmax(0, 1fr) auto; padding:7px 10px 7px 7px} :root.desk #desk .co .ord-row .ord-pic{width:52px; height:52px; border-radius:16px} :root.desk #desk .co .ord-row .ord-pic img:not(.ord-cc){width:44px; height:44px} :root.desk #desk .co-foot .ord-total b{font-size:32px} :root.desk #desk .co-foot .ord-go{height:54px} :root.desk #desk .co .ord-pay .ord-m:not(.ord-m-pause){min-height:50px} } :root.desk #desk .ol-acc button{background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); color:#fff} :root.desk #desk .ol-acc-via{color:rgba(255,255,255,.56)} @media (hover:hover) and (pointer:fine){ :root.desk #desk .ol-acc button:hover{background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)} } @media (max-width:1799px){ :root.desk #desk .v3-bar:has(.d-login.me-chip[data-me]) .h-nav > a.v3-twitch{width:38px; padding:0; justify-content:center} :root.desk #desk .v3-bar:has(.d-login.me-chip[data-me]) .v3-twitch span{display:none} :root.desk #desk .d-login.me-chip[data-me]{max-width:220px} } :root.desk #desk .v3-six .t3.s.art{justify-content:flex-start; gap:0; min-height:0; padding:0} :root.desk #desk .t3.art .t3-art{position:relative; display:block; flex:none; aspect-ratio:4 / 3; overflow:hidden; background:var(--stone-deep)} :root.desk #desk .t3.art .t3-art img{display:block; width:100%; height:100%; object-fit:cover; transition:transform 450ms var(--ease-out)} :root.desk #desk .t3.art .t3-art::after, :root body.shell .sh-tile.art .sh-tile-art::after{content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--cream) 9%, transparent)} :root.desk #desk .v3-six .t3.s.art .t3-txt{padding:10px 12px 12px} :root.desk #desk .t3.art::after{display:block; content:""; position:absolute; inset:0; z-index:4; border-radius:inherit; pointer-events:none; opacity:0; box-shadow:inset 0 0 0 1.5px var(--seam-2); transition:opacity 180ms ease} :root.desk #desk .t3.art:hover{box-shadow:none!important} @media (hover:hover) and (pointer:fine){ :root.desk #desk .t3.art:hover::after{opacity:1} :root.desk #desk .t3.art:hover .t3-art img{transform:scale(1.05)} } :root.desk #desk .t3.art.soon .t3-art img{filter:grayscale(.85) brightness(.82)} @media (prefers-reduced-motion:reduce){ :root.desk #desk .t3.art .t3-art img{transition:none} } :root body.shell .sh-wall > .sh-tile.art{justify-content:flex-start; gap:0; min-height:0; padding:0} :root body.shell .sh-tile.art .sh-tile-art{position:relative; display:grid; place-items:center; flex:none; aspect-ratio:4 / 3; overflow:hidden; background:var(--stone-deep)} :root body.shell .sh-tile.art .sh-tile-art img{display:block; width:100%; height:100%; object-fit:cover} :root body.shell .sh-tile.art .sh-tile-txt{padding:9px 10px 11px} :root body.shell .sh-tile.art .sh-tile-txt b{font-size:14px; letter-spacing:-.005em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} :root body.shell .sh-tile.art.soon .sh-tile-art img{filter:grayscale(.85) brightness(.82)} :root.desk #desk .v3-six .t3.s.art .t3-txt b{font-size:19px; letter-spacing:.06em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} :root body.shell .sh-tile.art .sh-tile-txt b{font-size:16px; letter-spacing:.05em} :root.desk #desk .t3.q.tall.art{justify-content:flex-start; gap:0; padding:0} :root.desk #desk .t3.q.tall.art .t3-art{flex:1 1 auto; aspect-ratio:auto; min-height:0} :root.desk #desk .t3.q.tall.art .t3-txt{padding:12px 16px 16px} :root.desk #desk .t3.q.tall.art .t3-txt b{font-size:22px; letter-spacing:.06em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} :root body.shell .sh-wide.art{display:flex; flex-direction:column; justify-content:flex-start; gap:0; min-height:0; padding:0; overflow:hidden} :root body.shell .sh-wide.art .sh-tile-art{position:relative; display:block; flex:none; aspect-ratio:2 / 1; overflow:hidden; background:var(--stone-deep)} :root body.shell .sh-wide.art .sh-tile-art img{display:block; width:100%; height:100%; object-fit:cover} :root body.shell .sh-wide.art .sh-wide-txt{padding:11px 14px 13px} :root body.shell .sh-wide.art .sh-wide-txt b{font-size:18px; letter-spacing:.05em; white-space:nowrap} html.desk:root body #desk .tl{min-height:0; gap:4px; padding:12px 14px 12px} html.desk:root body #desk .tl-art{height:64px} html.desk:root body #desk .tl-name{font-size:18px} html.desk:root body #desk .tl-foot{padding-top:2px} html.desk:root body #desk .n2{min-height:0; gap:2px; padding:10px 10px 8px} html.desk:root body #desk .n-img{height:calc(var(--k) * 70px); margin:2px 0 4px} html.desk:root body #desk .n2.item .n-img{height:70px} html.desk:root body #desk .n-amt{font-size:21px} html.desk:root body #desk .n-name{min-height:0} html.desk:root body #desk .n-price{margin-top:2px; font-size:16px} html.desk:root body #desk .n-foot{height:26px; margin-top:2px} html.desk:root body #desk .n-tags{top:8px; left:8px} html.desk:root body #desk .n2-plus{top:8px; right:8px}