/* BLOND.IN / Reference Edition — visual redesign only. Loaded after style.css & editor.css.
   Business logic, API shapes, IDs, data-copy keys and permissions remain in original JS. */
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url('/fonts/manrope-cyrillic-wght-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url('/fonts/manrope-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0a0a0a;--surface:#151311;--surface-alt:#201a14;--edge:#4a3b2b;--edge-light:#856a42;--gold:#d5aa71;--gold-bright:#f8ddaa;--gold-dim:#a27a43;--text:#f7f4ef;--muted:#a9a19a;--success:#5cea7c;--warm:#ffa44b;--gold-fill:linear-gradient(120deg,#c49a5f 0%,#f4d39b 53%,#be9257 100%);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Manrope,Arial,sans-serif;font-size:14px;background:radial-gradient(900px 570px at 65% 20%,#20140826,transparent 78%),#0a0a0a;color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f5d29b;outline-offset:3px}a{text-decoration:none}button{cursor:pointer}.wrap{width:min(1280px,92%);margin-inline:auto}.sr-only{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}small{font-size:12px;color:var(--muted)}::selection{background:#86643499;color:#fff}
/* navigation, 1:1 desktop header */
header{position:relative;top:auto;z-index:30;background:#0d0d0dcf;border-bottom:1px solid #2c241c;height:64px;backdrop-filter:blur(20px)}
.bar{height:63px;gap:0;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;flex:none;font:750 clamp(21px,2.4vw,28px)/1 Manrope,Arial,sans-serif;font-style:normal;letter-spacing:-.035em;white-space:nowrap}
.brand img{width:55px;height:55px;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 4px #e4b77722)}.brand span{background:var(--gold-fill);background-clip:text;-webkit-background-clip:text;color:transparent}
header nav{margin:auto;gap:clamp(24px,3.7vw,51px);font-size:14px;color:#f5f1ed;font-weight:550}header nav a{display:inline-flex;position:relative;align-items:center;white-space:nowrap;height:48px}header nav a:hover{color:var(--gold-bright)}header nav a.active-home{color:var(--gold-bright)}header nav a.active-home::after{content:"";position:absolute;bottom:7px;left:0;right:0;height:2px;background:var(--gold-bright)}.online{display:none!important}
.head-book{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#0e0c0b;border:1px solid #d9af74;color:#f5d39d;padding:10px 19px;border-radius:10px;font-size:13px;font-weight:650;min-height:39px;box-shadow:inset 0 0 0 1px #e5bb5611;transition:background .2s,box-shadow .2s}.head-book::before,.gold-btn::before,.pick-time::before{content:'';width:17px;height:17px;flex:none;display:inline-block;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='5' width='17' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7.5 2.8v5M16.5 2.8v5M4 10.7h16' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}.head-book:hover{background:#251b10;box-shadow:0 0 18px #d7aa5e25}
/* hero — large lion artwork is a REAL background layer, not a screenshot of the interface */
main.wrap{margin-top:0}.hero{display:flex;position:relative;min-height:345px;margin:0;align-items:stretch;border:0;border-radius:0;overflow:hidden;background:#0b0b0b;isolation:isolate}.hero .scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0b0b 0%,#0b0b0bf7 26%,#0b0b0b20 62%,transparent 78%),var(--scene,url('/assets/hero-lion.webp')) right center/auto 100% no-repeat!important;filter:none}.hero::after{content:"";position:absolute;inset:auto 0 0;height:65px;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#0b0b0b99,transparent)}
.heroText{position:relative;z-index:1;width:min(710px,68%);padding:44px 9px 35px;display:flex;flex-direction:column;align-items:flex-start}.kicker{display:flex;gap:0;color:#e2e0df;letter-spacing:4.2px;text-transform:uppercase;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.5}.kicker b{display:none}.hero h1{font:850 clamp(57px,7.25vw,92px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.061em;margin:13px 0 1px;white-space:nowrap;background:linear-gradient(110deg,#c79d64 2%,#fae3b2 42%,#d2a665 95%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.hero h1 span,.hero h1>span:last-child{background:none;color:inherit}.hero .tagline{display:block!important;margin:0 0 24px!important;font-size:clamp(18px,2.3vw,25px);line-height:1.35;font-style:italic;font-weight:500;letter-spacing:1.2px;color:#e0bb90}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:3px 0 0}
.gold-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 25px;min-height:45px;border-radius:10px;font-size:14px;font-weight:650;border:1px solid #846a49;transition:transform .2s,background .2s,box-shadow .2s}.gold-btn{background:var(--gold-fill);border-color:#b9925e;color:#1a150e;box-shadow:0 5px 23px #c99b5222}.ghost-btn{background:#100f0eab;color:#eee8e1;border-color:#796345}.ghost-btn:hover{border-color:#edc890;color:#f9d4a2}.gold-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.hero-actions .gold-btn{min-width:223px}.hero-actions .ghost-btn{min-width:195px}.hero-art{position:absolute;right:0;max-width:55%;height:100%;object-fit:contain;z-index:1}.hero.has-art .scene{opacity:.6}
/* compact reference section headings */
section+section{margin-top:19px}#stations{margin-top:5px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;min-height:36px}.sectionhead h2,.sectionhead.sub h3{font:800 clamp(22px,2.35vw,30px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:0;display:flex;align-items:center;gap:19px}.sectionhead h2::before,.sectionhead.sub h3::before{content:"";height:27px;width:3px;background:linear-gradient(#f9dca4,#b7864c);border-radius:3px;flex:none}.sectionhead>small{display:none}
.filters{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:0;padding:0;flex:none}.filters button{background:#101011;border:1px solid #383432;border-radius:10px;color:#e6e2df;min-width:65px;padding:8px 15px;font-size:12px;font-weight:500;line-height:1.2}.filters button:hover{color:#ffe0a7;border-color:#98805c}.filters button[aria-pressed=true],.filters button[aria-pressed=true]:hover{background:var(--gold-fill);border-color:#ddb77e;color:#20170e;box-shadow:inset 0 1px 0 #fff4d04d}
/* consoles — source of titles, status and station ids is still /api/consoles */
#cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{position:relative;display:block;min-width:0;width:100%;height:190px;padding:0;text-align:left;background:radial-gradient(300px 180px at 18% 65%,#39302966,transparent 75%),linear-gradient(115deg,#161413,#121111);border:1px solid #5d4a37;border-radius:13px;overflow:hidden;box-shadow:inset 0 1px 0 #e8bb6f13;transition:border-color .18s,transform .18s,box-shadow .18s}.card[data-platform=pc]{background:radial-gradient(280px 160px at 27% 62%,#2f231633,transparent 73%),#101010;border-color:#413930}.card:hover{transform:translateY(-3px);border-color:#dbb67e;box-shadow:0 12px 34px #0009,0 0 22px #c8994d1c}
.card::before{content:"";position:absolute;left:5px;bottom:33px;width:42%;height:149px;background:url('/assets/station-ps.webp') center bottom/contain no-repeat;pointer-events:none;filter:drop-shadow(0 10px 13px #0008)}.card[data-platform=pc]::before{background-image:url('/assets/station-pc.webp');bottom:35px;left:3px;width:44%;height:146px}.card .device{position:absolute;left:4px;bottom:34px;width:41%;height:151px;object-fit:contain;z-index:1;background:#101010aa}.card:has(.device)::before{display:none}
.card>svg{display:none}.card .type{position:absolute;left:41%;top:17px;width:28px;height:29px;color:transparent;font-size:0;letter-spacing:0}.card .type::after{content:"PS";display:grid;place-items:center;color:#f4f2ef;position:absolute;inset:0;font:bold italic 20px/1 Manrope,sans-serif;letter-spacing:-3px;text-shadow:0 1px 5px #fff4}.card[data-platform=pc] .type::after{content:"⊞";font:38px/1 Arial,sans-serif;letter-spacing:0;top:-6px;color:#f3f3f3}
.card strong{position:absolute;left:41%;top:54px;right:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(15px,1.7vw,20px);line-height:1.15;font-weight:760;letter-spacing:-.045em;color:#f8f7f5}.card .status-row{position:absolute;left:41%;top:83px;right:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.card .pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:650;line-height:1.2;max-width:100%;padding:7px 10px;border:0;border-radius:24px;background:#4b2e1c;color:#f8d8b4}.card .pill i{background:var(--warm);width:9px;height:9px;flex:none;box-shadow:0 0 7px #e58a3033}.card .pill.free{color:#e2ffeb;background:#123321}.card .pill.free i{background:var(--success);box-shadow:0 0 7px #40ef7180}.card .countdown{font-size:11px;color:#d5ae77;white-space:nowrap}
.card .pick-time{position:absolute;left:12px;right:12px;bottom:10px;height:35px;display:flex;align-items:center;justify-content:center;gap:8px;background:#15120fc9;color:#f6f1e9;font-size:12px;font-weight:580;border:1px solid #c3a06d;border-radius:10px;box-shadow:inset 0 1px 0 #f5cb7e13}.card .pick-time::before{height:15px;width:15px;color:#e7b96f}.card .pick-time::after{content:'›';font-size:26px;color:#f4c681;position:absolute;right:13px;top:0;line-height:33px}.card:hover .pick-time{background:#382717}.actions{display:none!important}
/* screenshot tariff cards; price data still returned by existing server */
#tariffs{margin-top:23px}.tariff-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tariff-card{position:relative;min-width:0;height:109px;background:linear-gradient(125deg,#1f1b17,#151313);border:1px solid #534436;border-radius:12px;padding:14px 24px 12px 36px;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;gap:3px;box-shadow:inset 0 1px 0 #f2c78e0e}.tariff-card:hover{border-color:#d8ad76}.tariff-card::after{content:'♧';position:absolute;right:17px;bottom:0;line-height:1;color:#9d7e52;opacity:.45;font-size:70px;pointer-events:none}.tariff-card.happy::after{content:'◷';font-size:92px;right:15px;bottom:0;color:#b6986c;opacity:.42}.tariff-card h3{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-size:17px;line-height:1.25;font-weight:650;color:#f7f4ef;margin:0}.tariff-card h3::before{content:'◷';font-size:22px;font-family:Arial,sans-serif;font-weight:400;color:#e4b879}.tariff-card.happy h3::before{content:'♕';font-size:27px;line-height:21px}.tariff-card .price{position:relative;z-index:1;display:block;color:#e8c28f;font-size:clamp(26px,3vw,37px);letter-spacing:-.04em;font-weight:820;line-height:1.1}.tariff-card .per,.tariff-card .note{display:none}.tariff-card.happy .note{display:block;margin:0;color:#b6aaa0;font-size:11px;line-height:1.3}.tariff-card.happy .price{font-size:clamp(21px,2.6vw,30px)}.tariff-card .badge{position:absolute;z-index:5;right:17px;left:auto;top:-12px;background:var(--gold-fill);color:#1b160e;border-radius:10px;padding:5px 14px;font-size:11px;font-weight:800;white-space:nowrap}.tariff-card.popular{background:radial-gradient(310px 150px at 49% 50%,#a46b254b,transparent 95%),linear-gradient(155deg,#3c2a1c,#1a1612);border-color:#eec78b;box-shadow:0 0 0 1px #c5a47077,0 0 21px #d5aa7652,inset 0 1px 10px #e0af5d19}.tariff-card button{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent!important;color:transparent!important;box-shadow:none!important;font-size:0;z-index:3;cursor:pointer}.tariff-card .badge{pointer-events:none}.editing .tariff-card button{z-index:0;pointer-events:none}
/* catalog ribbon and the matching top-row search */
#games{margin-top:25px}#games>.sectionhead{justify-content:flex-start;margin-bottom:15px}.platforms{display:flex;gap:0;align-items:center;margin-left:20px;border:1px solid #343131;border-radius:10px;overflow:hidden;background:#101010}.platforms button{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border:none;border-radius:8px;background:transparent;color:#eee8de;font-size:12px;font-weight:600;line-height:1.2}.platforms button:first-child::before{content:'PS';font-weight:900;letter-spacing:-2px;font-style:italic;font-size:16px}.platforms button:last-child::before{content:'⊞';font-size:19px;font-weight:400}.platforms button[aria-pressed=true]{color:#21180c;background:var(--gold-fill);box-shadow:inset 0 1px 0 #fff6}.featured-search{margin-left:auto;display:flex;align-items:center;gap:7px;width:min(260px,25vw);border:1px solid #615a55;background:#181819;border-radius:11px;height:35px;padding:0 12px;color:#bfb7ac}.featured-search span{font-family:Arial,sans-serif;font-size:24px;line-height:1}.featured-search input{border:0;padding:0;background:transparent;outline:none;min-width:0;box-shadow:none;color:#f7f1e8;font-size:12px}.featured-search input::placeholder{color:#a49c93}.ribbon-wrap{position:relative;margin-bottom:0}.ribbon-head{display:none}.ribbon{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 11px)/6.12);gap:11px;overflow-x:auto;overflow-y:hidden;padding:0 20px 2px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.ribbon::-webkit-scrollbar{display:none}.ribbon-item{display:block;min-width:0;background:transparent;border:0;padding:0;text-align:left;scroll-snap-align:start}.ribbon-item .cover{display:block;position:relative;overflow:hidden;border:1px solid #51433b;border-radius:12px;aspect-ratio:1.37;background:#231d1b}.ribbon-item .cover img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .2s}.ribbon-item:hover .cover{border-color:#dfbb86}.ribbon-item:hover .cover img{transform:scale(1.04)}.ribbon-item .fallback{font-size:13px;position:absolute;inset:auto 10px 10px;background:#0707079a;border-radius:3px;color:white;font-weight:700;padding:3px}.ribbon-item .ready{display:none}.ribbon-item .title{display:none}.ribbon-next{position:absolute;right:-16px;top:calc(50% - 20px);z-index:2;height:37px;width:37px;border-radius:50%;background:#201b16;color:#f3d1a1;border:1px solid #b48e59;font-size:16px;box-shadow:0 0 0 5px #0a0a0aaa}.ribbon-next:hover{background:#49321f}
/* four-picture gallery appears immediately under the ribbon in the supplied reference */
#club{margin-top:37px;position:relative}#club .sectionhead{margin-bottom:12px}#club .gallery{display:block;overflow:hidden;position:relative;padding:0;touch-action:pan-y pinch-zoom}.gallery-track{display:flex;align-items:stretch}.gallery .photo,.gallery .photo:first-child{position:relative;flex:0 0 var(--tile);width:var(--tile);aspect-ratio:1.52;border:1px solid #62503d;border-radius:11px;padding:0;overflow:hidden;background:#1b1510;transition:transform .2s,border-color .2s}.gallery .photo img{display:block;width:100%;height:100%;object-fit:cover}.gallery .photo[data-side=true]{filter:none;opacity:1}.gallery .photo span{display:none}.gallery .photo:hover{transform:scale(1.01);border-color:#d6b17b}.gallery-nav{position:absolute;top:2px;right:0;z-index:2;display:flex;gap:8px;align-items:center;margin:0}.gallery-nav #allPhotos{margin:0;border:0;padding:4px 0;background:none;display:inline-flex;align-items:center;gap:7px;color:#e4bd87;font-size:13px;font-weight:600;border-radius:0;min-height:0;height:auto}.gallery-nav #allPhotos::after{content:'⟶';font-size:21px;line-height:1}.gallery-nav .gallery-count{display:none}.gallery-nav button:not(#allPhotos){position:absolute;top:110px;height:34px;width:34px;opacity:0;pointer-events:none;border-radius:50%;background:#211a14dd;border:1px solid #bd9258;color:#fbe0ac;font-size:20px;transition:opacity .2s}.gallery-nav button[aria-label='Попереднє фото']{right:calc(min(1280px,92vw) - 38px)}.gallery-nav button[aria-label='Наступне фото']{right:3px}#club:hover .gallery-nav button:not(#allPhotos),#club:focus-within .gallery-nav button:not(#allPhotos){opacity:1;pointer-events:auto}
/* Secondary, comprehensive catalog remains available and is fully server-driven. */
#full-catalog{margin-top:50px;padding-top:22px;border-top:1px solid #30271e}#full-catalog .sectionhead.sub{margin:0 0 16px}#full-catalog .catalog{background:#141110;border:1px solid #38312b;border-radius:15px;padding:20px}.catalogbar{border-bottom-color:#41362c}.catalogbar .filters{flex-wrap:wrap}.catalogbar .filters button{min-width:auto}.catalog select,.catalog input{background:#181513;border:1px solid #685440;color:#f6e9d7;border-radius:9px}#catalogFilters{border-bottom-color:#493829}#gameSearch{max-width:300px}.ps-card{background:#211b16;border-color:#4e4235;border-radius:11px}.ps-art{background:#1e1711}.ps-card .pick,.pick,.minor{background:#2b2018;border:1px solid #6a5238;color:#f3d5a4;border-radius:9px}.onsite-choice{background:#332412;border-color:#806342;color:#f4d3a1}.catalog-source a{color:#ddbd88}#catalogPages button{background:#291e15;border-color:#665034;color:#f5d29a}
/* Footer, dialogs, booking/administration, accessible form treatment */
footer{margin-top:60px;border-top:1px solid #3a2e24;background:#0c0b0a}footer .wrap{padding:23px 0;justify-content:space-between}.foot-brand{font-size:20px;color:#d8b07c;font-weight:800;letter-spacing:-.02em}footer .wrap>span:last-child{color:#ac9f8e;font-weight:500;font-size:12px}dialog{position:fixed;background:#181410;color:#f5eee4;border:1px solid #806443;border-radius:16px;box-shadow:0 25px 100px #000b;padding:28px;max-height:92dvh;overflow:auto}dialog::backdrop{background:#030302d9;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:0 0 15px}.close{color:#ffe1ad;background:#342519;border:1px solid #715339;padding:2px 9px;border-radius:8px}.note,label,.hint{color:#cbbca6}label{font-size:13px}input,select,textarea{background:#100f0e;border:1px solid #5e4834;color:#f8f1e8;border-radius:8px;color-scheme:dark}input:focus,select:focus{border-color:#e3b678}#booking .cta{background:var(--gold-fill);color:#17120d;border:1px solid #e5bc80;border-radius:9px;font-weight:800}#booking .tariff,.tariff{background:#171310;border:1px solid #5d4938;color:#fff;border-radius:10px}.tariff.selected{background:#372717;border-color:#e6b672;box-shadow:inset 0 0 0 1px #a67e4d}.tariffs h3,.promos h3{color:#f6d49c}.prep-info.total{background:#302114;border-color:#b28551;color:#fff}#pickOptions input{accent-color:#e0b475}.promo,.alts button{background:#211811;border-color:#61482f}.promo.soon summary em{color:#e8b673}#photosAll{width:min(1060px,95vw)}#photosAll .photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:13px}.photo-tile{position:relative;border:1px solid #5e4b38;background:#1a1613;border-radius:12px;overflow:hidden;padding:0}.photo-tile img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}.photo-tile span{display:block;font-size:12px;padding:8px 12px}.editing #tools{background:#130f0bf5;border-color:#a17b4b}.editing [data-copy]:hover,.editing .photo:hover,.editing .brand img:hover,.editing .hero:hover,.editing .hero-art:hover,.editing .card .device:hover{outline:1px dashed #d5aa71;outline-offset:2px;cursor:pointer}#tools button,#panel button,.edit-entry{background:#241b14;border-color:#70573a;color:#f5dfc0}#panel .primary{background:#dfb77d;color:#191207;border-color:#dfb77d}.block-off{opacity:.4;outline:1px dashed #f3aa59;outline-offset:4px}
.manager-view :is(#headBook,.ribbon-wrap,.sectionhead.sub,#tariffs){display:none!important}
/* Large laptops */
@media(max-width:1120px){header nav{gap:24px}.hero h1{font-size:clamp(54px,7vw,86px)}.card .type,.card strong,.card .status-row{left:40%}.card .pill{font-size:10px;padding:6px}.tariff-card{padding-left:21px}}
@media(max-width:940px){header nav{gap:14px;font-size:12px}.brand{font-size:21px}.brand img{width:45px;height:45px}.head-book{padding:9px 12px}.hero{min-height:320px}.heroText{padding-top:54px}.hero h1{font-size:62px}.kicker{font-size:10px;letter-spacing:2.6px}.card strong{font-size:15px}.card .pill{max-width:100%;font-size:10px;white-space:normal}.tariff-card h3{font-size:15px}}
/* Tablet: retain all sections, two cards and 3-4 covers */
@media(max-width:760px){header{height:auto}.bar{height:60px;gap:10px}.brand{font-size:23px}.brand img{width:44px;height:44px}header nav{display:none}.head-book{margin-left:auto;font-size:12px}.wrap{width:92%}.hero{min-height:460px}.hero .scene{background:linear-gradient(0deg,#0b0b0b 1%,#0b0b0bc7 34%,#0b0b0b14 83%),var(--scene,url('/assets/hero-lion.webp')) right top/auto 66% no-repeat!important}.heroText{align-self:flex-end;padding:195px 2px 23px;width:100%}.hero h1{font-size:clamp(49px,9vw,76px);margin:9px 0}.hero .tagline{margin-bottom:17px!important;font-size:20px}.hero-actions{gap:9px}.hero-actions .gold-btn,.hero-actions .ghost-btn{min-width:auto;flex:1 1 150px;padding:11px 10px;font-size:12px}.kicker{font-size:10px;letter-spacing:2px}.sectionhead h2{font-size:24px}.sectionhead h2::before{height:25px}.sectionhead{flex-wrap:wrap;gap:13px}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{height:185px}.card:nth-child(3){grid-column:auto}.card strong{font-size:14px}.card .type,.card strong,.card .status-row{left:38%}.card .pill{font-size:9px}.tariff-cards{gap:10px}.tariff-card{padding:16px 10px 10px 15px}.tariff-card::after{opacity:.2}.tariff-card .price{font-size:29px}.tariff-card.happy .price{font-size:21px}.tariff-card h3{font-size:13px}.tariff-card h3::before{font-size:17px}.tariff-card .badge{right:5px;padding:4px 6px;font-size:9px}.platforms{margin-left:0}.featured-search{flex:1;min-width:130px;max-width:240px;width:auto}.ribbon{grid-auto-columns:calc((100% - 2 * 12px)/3.25);gap:12px}.gallery .photo{aspect-ratio:1.3}#club .gallery-nav button:not(#allPhotos){display:none}#full-catalog{margin-top:32px}.catalogbar{gap:10px}#gameSearch{width:100%;max-width:none}}
@media(max-width:520px){.brand{font-size:20px;gap:5px}.brand img{width:41px;height:41px}.head-book{gap:7px;padding:7px 9px;font-size:11px}.head-book::before{width:15px;height:15px}.hero{min-height:445px}.hero .scene{background:linear-gradient(0deg,#0b0b0b 0%,#0b0b0ba8 34%,#0b0b0b05 75%),var(--scene,url('/assets/hero-lion.webp')) right top/auto 63% no-repeat!important}.heroText{padding-top:200px}.hero h1{font-size:clamp(48px,10.8vw,64px)}.kicker{font-size:8.3px;letter-spacing:1.5px}.hero .tagline{font-size:19px}.hero-actions{width:100%}.hero-actions .gold-btn,.hero-actions .ghost-btn{flex:1 1 100%;min-height:40px;padding:8px 10px}.sectionhead h2{font-size:22px;gap:10px}.sectionhead h2::before{height:22px}.sectionhead{margin-bottom:13px}#cards{grid-template-columns:1fr}.card{height:185px}.card .type,.card strong,.card .status-row{left:43%}.card strong{font-size:18px}.card .pill{font-size:11px}.card::before{width:42%}.tariff-cards{grid-template-columns:1fr;gap:12px}.tariff-card{height:94px;padding:11px 22px}.tariff-card h3{font-size:15px}.tariff-card .price{font-size:29px}.tariff-card.happy .price{font-size:24px}.tariff-card::after{opacity:.3}.tariff-card .badge{right:12px}#games>.sectionhead{align-items:stretch;gap:12px}.platforms{order:2}.featured-search{order:3;min-width:100%;height:37px}.ribbon{grid-auto-columns:calc((100% - 12px)/2.2)}#club .sectionhead h2{font-size:21px}#club .gallery-nav{top:auto;right:0;bottom:-26px}#club .gallery-nav #allPhotos{font-size:12px}.gallery .photo{aspect-ratio:1.33}#full-catalog{margin-top:55px}.catalog{padding:10px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* ——— Integration fixes (logic layer) ——— */
/* Admin: ribbon title and «Редагувати стрічку» stay reachable in edit mode. */
.editing .ribbon-head{display:flex;margin-bottom:10px}.editing .ribbon-head h3{margin:0;font-size:16px;color:var(--gold-bright)}
.editing .sectionhead>small{display:block}
/* Manager page: the full catalog now lives in #full-catalog — keep it visible, hide only the public showcase. */
.manager-view #top>section#full-catalog{display:block!important;margin-top:0;border-top:0}
.manager-view #full-catalog .sectionhead.sub{display:flex!important}
.manager-view .featured-search{display:none!important}
/* Tariff icons drawn as vector masks (gamepad, clock, crown) in the gold palette. */
.tariff-card::after,.tariff-card.happy::after{content:'';width:84px;height:62px;right:18px;bottom:16px;background:#9d7e52;opacity:.45;font-size:0;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 44' fill='none' stroke='black' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='M18 6h28c9 0 14 9 16 24 1 8-6 11-11 6l-6-6H19l-6 6C8 41 1 38 2 30 4 15 9 6 18 6Z'/%3E%3Cpath d='M16 18v10M11 23h10' stroke-linecap='round'/%3E%3Ccircle cx='45' cy='19' r='2'/%3E%3Ccircle cx='50' cy='24' r='2'/%3E%3Ccircle cx='40' cy='24' r='2'/%3E%3Ccircle cx='45' cy='29' r='2'/%3E%3C/svg%3E") center/contain no-repeat}
.tariff-card.happy::after{width:76px;height:76px;bottom:10px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='24' cy='24' r='21'/%3E%3Cpath d='M24 11v13h9'/%3E%3C/svg%3E")}
.tariff-card h3::before{content:'';width:18px;height:18px;background:#e4b879;font-size:0;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v5h4'/%3E%3C/svg%3E") center/contain no-repeat}
.tariff-card.happy h3::before{width:24px;height:20px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M2 5l6 6 5-9 5 9 6-6-2 13H4Z'/%3E%3C/svg%3E")}
.tariff-card .badge::before{content:'';display:inline-block;width:10px;height:12px;margin-right:6px;vertical-align:-1px;background:currentColor;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 0c1 3 5 4 5 8a5 4 0 0 1-10 0c0-2 1-3 2-4 0 2 1 3 2 3 0-3-1-4 1-7Z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Nav: the section in view is highlighted (design-ui.js moves .active-home). */
.ribbon-next[disabled]{opacity:.35;cursor:default}
/* Ribbon: the title plate is only a fallback when the cover image is missing. */
.ribbon-item .cover img{z-index:1}
/* Manager page heading in the BLOND.IN type, not the old italic display face. */
.manager-view #shift h1{font:800 clamp(30px,4.5vw,48px)/1.1 Manrope,Arial,sans-serif;font-style:normal;letter-spacing:-.03em;background:var(--gold-fill);-webkit-background-clip:text;background-clip:text;color:transparent}
.manager-view #shift a{color:var(--gold-bright)}
/* ——— Owner requests: no «PS» mark on station cards, no game ribbon, BLOND white + .IN gold ——— */
.card .type,.card .type::after{display:none!important}
.card strong{top:30px}.card .status-row{top:60px}
/* Catalog sits directly under «Каталог ігор»; the heading search replaces the catalog's own field. */
#games .catalog{margin-top:4px;background:#141110;border:1px solid #38312b;border-radius:15px;padding:20px}
#games .catalogbar #gameSearch{display:none}
#games .catalogbar{justify-content:flex-start}
.manager-view #games .catalogbar #gameSearch{display:block}
/* Wordmark: BLOND white, .IN gold — header, hero, footer, editor. */
.brand span[data-copy=brand],.foot-brand{background:none;-webkit-text-fill-color:currentColor;color:#fff}
.brand-in{background:var(--gold-fill);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero h1{background:none;-webkit-text-fill-color:currentColor;color:#fff}
.hero h1 [data-copy=heroPrefix]{color:#fff;-webkit-text-fill-color:#fff}
.hero h1 [data-copy=heroName]{background:linear-gradient(110deg,#c79d64 2%,#fae3b2 42%,#d2a665 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* Category tabs carry the owner's colour inline; on the gold active pill the text must stay dark. */
#gameTabs button[aria-pressed=true]{color:#1a1207!important}
/* Own tariff cards: show the note line under the price. */
.tariff-card.custom .note{display:block;margin:0;color:#b6aaa0;font-size:11px;line-height:1.3}
.editing .tariff-card.custom{cursor:pointer}