/*
Theme Name: MISTIX Red
Author: Custom build
Description: Красно-чёрная мобильная игровая тема с интерактивной витриной и отдельным содержимым WordPress.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: mistix-red
License: GPL-2.0-or-later
*/
@import url('assets/fonts/fonts.css');
@font-face{font-family:'Mistix Marker';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/mistix-marker.woff') format('woff')}
body.mtx-page{margin:0;background:#080708;color:#f4eeee;font-family:Arial,sans-serif;line-height:1.5}
.mtx-shell{position:relative;max-width:520px;min-width:0;margin:0 auto;background:#080607;box-shadow:0 0 95px #000;overflow-x:clip}
#mtx-interactive-header{position:relative;isolation:isolate;scroll-margin-top:0}
.mtx-ui{--mtx-red:#ff073a;--mtx-bright:#ff1746;--mtx-deep:#8e0820;--mtx-border:#3a252a;--mtx-muted:#a59c9e;position:relative;isolation:isolate;display:flow-root;min-width:0;color:#f6f2f3;background:radial-gradient(ellipse at -15% 31%,#68001432,transparent 31%),radial-gradient(ellipse at 115% 68%,#84041a26,transparent 30%),radial-gradient(ellipse at 20% 100%,#62041645,transparent 25%),#080607;font:14px/1.45 Arial,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}
.mtx-ui *,.mtx-ui *::before,.mtx-ui *::after{box-sizing:border-box}
.mtx-ui a{color:inherit;text-decoration:none}
.mtx-ui button,.mtx-ui input,.mtx-ui select{font:inherit}
.mtx-ui button{padding:0;border:0;color:inherit;background:none;cursor:pointer;text-align:inherit}
.mtx-ui button,.mtx-ui a,.mtx-ui input,.mtx-ui select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mtx-ui button:disabled{cursor:default;opacity:.4}
.mtx-ui button:focus-visible,.mtx-ui a:focus-visible,.mtx-ui input:focus-visible,.mtx-ui select:focus-visible{outline:2px solid #ff5474;outline-offset:4px}
.mtx-ui img{display:block;max-width:100%;height:auto}
.mtx-ui h1,.mtx-ui h2,.mtx-ui h3,.mtx-ui p{margin:0}
.mtx-ui [hidden]{display:none!important}
.mtx-ui .mtx-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.mtx-ui .mtx-icon{display:block;flex:0 0 auto;width:24px;height:24px}
.mtx-ui .mtx-icon-button{display:grid;place-items:center;min-width:42px;min-height:44px;color:#e5dfe0;border:1px solid #6552575c;border-radius:8px;background:linear-gradient(150deg,#16101395,#050405b5);transition:color .2s,border-color .2s,background .2s}
.mtx-ui .mtx-icon-button:hover{color:#fff;border-color:#c83852;background:#2a0a13}
.mtx-ui .mtx-icon-button .mtx-icon{width:23px;height:23px}
.mtx-ui .mtx-top{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:8px;height:76px;padding:9px 13px;background:linear-gradient(#050405eb,#090507a8 73%,transparent);border-bottom:1px solid #ff163515}
.mtx-ui .mtx-top-actions{display:flex;gap:5px;align-items:center}
.mtx-ui .mtx-brand{position:relative;display:inline-flex;align-items:baseline;gap:0;min-width:0;font:30px/.95 'Mistix Marker',Impact,sans-serif;white-space:nowrap;letter-spacing:-1.2px;transform:rotate(-4deg);text-shadow:0 2px 1px #000,1px 0 #a79d9e;isolation:isolate}
.mtx-ui .mtx-brand span{color:var(--mtx-red);font-size:.72em;letter-spacing:-1px;text-shadow:0 0 13px #e5003340}
.mtx-ui .mtx-brand i{position:absolute;top:-15px;left:42%;color:var(--mtx-red);transform:rotate(3deg)}
.mtx-ui .mtx-brand i .mtx-icon{width:19px;height:19px;stroke-width:1.8}
.mtx-ui .mtx-main{outline:none;min-height:65svh}
.mtx-ui .mtx-hero{position:relative;isolation:isolate;min-height:390px;aspect-ratio:1.05;margin-top:-76px;overflow:hidden;background:#22030a}
.mtx-ui .mtx-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 37%;z-index:-3}
.mtx-ui .mtx-hero-shadow{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0503054d,transparent 27%,#02000105 53%,#07030591 78%,#080607 100%),linear-gradient(90deg,#0d01024f,transparent 65%)}
.mtx-ui .mtx-hero-copy{position:absolute;left:20px;right:20px;bottom:22px;max-width:90%}
.mtx-ui .mtx-eyebrow{display:block;font:10px/1.4 Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:2.3px;color:#fa6f88;text-transform:uppercase}
.mtx-ui .mtx-hero .mtx-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:8px;color:#ffe5eb;text-shadow:0 1px 8px #000}
.mtx-ui .mtx-hero h1{font:700 43px/.95 Oswald,Impact,'Arial Narrow',sans-serif;letter-spacing:-1.3px;text-transform:uppercase;text-shadow:0 2px 0 #000,0 3px 17px #000}
.mtx-ui .mtx-hero h1 em{display:block;margin-top:6px;color:#ff0b3c;font:700 23px/.97 Caveat,'Mistix Marker',cursive;letter-spacing:1px;transform:rotate(-3deg);transform-origin:left center}
.mtx-ui .mtx-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 17px;border:1px solid #ff264c;border-radius:5px;background:linear-gradient(110deg,#ff0034,#e2002b);color:#fff;font:500 12px/1.3 Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:.7px;text-align:center;text-transform:uppercase;box-shadow:0 5px 25px #c000252e;transition:background .2s,transform .2s}
.mtx-ui .mtx-button:hover{background:linear-gradient(110deg,#ff2c56,#ff0034);transform:translateY(-1px)}
.mtx-ui .mtx-button .mtx-icon{width:19px;height:19px}
.mtx-ui .mtx-hero .mtx-button{display:inline-flex;min-height:39px;margin-top:18px;padding:8px 14px;font-size:10px}
.mtx-ui .mtx-hero-stamp{position:absolute;right:18px;top:95px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#f8e8e9;font:18px/.95 'Mistix Marker',cursive;text-align:center;transform:rotate(8deg);text-shadow:0 2px 8px #000}
.mtx-ui .mtx-hero-stamp .mtx-icon{width:29px;height:29px;color:#ff244b;filter:drop-shadow(0 0 7px #ff153b80)}
.mtx-ui .mtx-content{padding:0 13px 4px;min-width:0}
.mtx-ui .mtx-search{display:flex;align-items:center;gap:9px;min-width:0;min-height:46px;margin:1px 0 14px;padding:4px 5px 4px 12px;border:1px solid #3b292d;border-radius:11px;background:linear-gradient(130deg,#1c1417,#0d0b0c);box-shadow:inset 0 1px 0 #ffffff04}
.mtx-ui .mtx-search>.mtx-icon{width:18px;height:18px;color:#8c7f83}
.mtx-ui .mtx-search input{flex:1 1 0;min-width:0;width:20px;padding:8px 0;border:0;outline:none;background:transparent;color:#eee5e8;font-size:12px}
.mtx-ui .mtx-search input::placeholder{color:#9b8e93;opacity:1}
.mtx-ui .mtx-search input:focus-visible{outline:none}
.mtx-ui .mtx-search:focus-within{border-color:#c73753;box-shadow:0 0 0 2px #9f082823}
.mtx-ui .mtx-search button{display:grid;place-items:center;flex:0 0 36px;height:36px;color:#b9acb0;border-radius:7px}
.mtx-ui .mtx-search button:last-child{border-left:1px solid #3b292d;border-radius:0 7px 7px 0}
.mtx-ui .mtx-search button .mtx-icon{width:19px;height:19px}
.mtx-ui .mtx-tabs{display:flex;align-items:stretch;gap:7px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 5px;margin:0 -1px;scroll-snap-type:x proximity}
.mtx-ui .mtx-tabs::-webkit-scrollbar{display:none}
.mtx-ui .mtx-tabs button{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:63px;padding:8px 4px;color:#c7b8bd;border:1px solid #312024;border-radius:9px;background:linear-gradient(145deg,#100b0d,#060506);scroll-snap-align:start;transition:border-color .2s,background .2s,color .2s}
.mtx-ui .mtx-tabs button .mtx-icon{width:22px;height:22px;color:#d2b0ba}
.mtx-ui .mtx-tabs button span{font-size:9px;white-space:nowrap}
.mtx-ui .mtx-tabs button:hover{border-color:#8a1e36}
.mtx-ui .mtx-tabs button.is-active{color:#fff;border-color:#ff1a45;background:linear-gradient(140deg,#ff073b,#d9002a);box-shadow:0 3px 16px #ec003b33}
.mtx-ui .mtx-tabs button.is-active .mtx-icon{color:#fff}
.mtx-ui .mtx-section{margin-top:23px;min-width:0}
.mtx-ui .mtx-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-bottom:13px}
.mtx-ui .mtx-section-head h2,.mtx-ui .mtx-tags h2{display:flex;align-items:center;gap:7px;min-width:0;font:500 19px/1.15 Oswald,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.15px}
.mtx-ui .mtx-section-head h2>.mtx-icon{width:22px;height:25px;color:var(--mtx-red)}
.mtx-ui .mtx-section-head>button{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0;min-height:38px;color:#ff395d;font:10px/1.2 Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:.2px;text-transform:uppercase}
.mtx-ui .mtx-section-head>button>.mtx-icon{width:17px;height:17px}
.mtx-ui .mtx-editorial-note{display:flex;justify-content:space-between;align-items:center;gap:7px;border-top:1px solid #342026;margin:-1px 0 11px;padding-top:8px;color:#957e85;font:8px/1.4 Oswald,Arial,sans-serif;letter-spacing:1.5px}
.mtx-ui .mtx-editorial-note>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#df6d85}
.mtx-ui .mtx-editorial-note .mtx-icon{width:20px;height:12px}
.mtx-ui .mtx-products{min-width:0}
.mtx-ui .mtx-card{position:relative;min-width:0;overflow:hidden;border:1px solid #493239;border-radius:9px;background:linear-gradient(150deg,#171013,#070607 75%);box-shadow:inset 0 1px 0 #ffffff03;transition:border-color .25s,box-shadow .25s,transform .25s}
.mtx-ui .mtx-card:hover{border-color:#a13a50;box-shadow:0 0 17px #9a052018}
.mtx-ui .mtx-card-open{display:block;width:100%;min-width:0}
.mtx-ui .mtx-card-art{position:relative;overflow:hidden;aspect-ratio:1.03;background:radial-gradient(ellipse at center,#272024,#100c0e 70%)}
.mtx-ui .mtx-card-art img{width:100%;height:100%;aspect-ratio:1;object-fit:contain;object-position:center;transition:transform .45s ease}
.mtx-ui .mtx-card-art::after{content:"";position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,#100b0e)}
.mtx-ui .mtx-card:hover .mtx-card-art img{transform:scale(1.025)}
.mtx-ui .mtx-favorite{position:absolute;right:5px;top:5px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#f1e4e8;background:radial-gradient(ellipse,#080507b0,transparent 75%)}
.mtx-ui .mtx-favorite .mtx-icon{width:21px;height:21px;filter:drop-shadow(0 1px 3px #000)}
.mtx-ui .mtx-favorite.is-active{color:#ff1e4b}
.mtx-ui .mtx-favorite.is-active .mtx-icon{fill:#ff1e4b;stroke:#ff6a89}
.mtx-ui .mtx-card-copy{padding:0 10px 5px;min-width:0}
.mtx-ui .mtx-card-copy small{display:block;overflow:hidden;color:#ac989f;font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.mtx-ui .mtx-card-copy h3{margin-top:5px;color:#f1e9ec;font:500 16px/1.15 Oswald,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.mtx-ui .mtx-card-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:7px 8px 9px 10px}
.mtx-ui .mtx-card-foot>strong{font:500 20px/1.1 Oswald,'Arial Narrow',Arial,sans-serif;white-space:nowrap;letter-spacing:.1px}
.mtx-ui .mtx-card-foot>button{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:50%;color:#fff;background:#ed0030;box-shadow:0 0 13px #d6002c33;transition:background .2s,transform .2s}
.mtx-ui .mtx-card-foot>button:hover{background:#ff2b54;transform:translateX(2px)}
.mtx-ui .mtx-card-foot>button .mtx-icon{width:19px;height:19px}
.mtx-ui .mtx-layout-grid,.mtx-ui .mtx-layout-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mtx-ui .mtx-layout-focus{position:relative;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16%;scrollbar-width:none;margin:0 -13px;padding:5px 16% 12px;align-items:stretch;-webkit-overflow-scrolling:touch}
.mtx-ui .mtx-layout-focus::-webkit-scrollbar{display:none}
.mtx-ui .mtx-layout-focus>.mtx-card{flex:0 0 100%;scroll-snap-align:center;opacity:.62;transform:scale(.96);transform-origin:center;filter:saturate(.85);transition:opacity .32s,transform .32s,filter .32s,border-color .32s}
.mtx-ui .mtx-layout-focus>.mtx-card.is-focused{opacity:1;transform:scale(1);filter:saturate(1);border-color:#c73250;box-shadow:0 5px 27px #9d032b29,inset 0 0 12px #d70f2f0b}
.mtx-ui .mtx-layout-focus .mtx-card-art{aspect-ratio:1.12}
.mtx-ui .mtx-layout-focus .mtx-card-copy{padding:0 15px 8px}
.mtx-ui .mtx-layout-focus .mtx-card-copy small{font-size:10px;letter-spacing:.2px}
.mtx-ui .mtx-layout-focus .mtx-card-copy h3{font-size:25px;line-height:1.1;margin-top:5px}
.mtx-ui .mtx-layout-focus .mtx-card-foot{padding:10px 13px 14px 15px;border-top:1px solid #6220314a}
.mtx-ui .mtx-layout-focus .mtx-card-foot>strong{font-size:29px}
.mtx-ui .mtx-layout-focus .mtx-card-foot>button{width:43px;height:43px;flex-basis:43px}
.mtx-ui .mtx-shelf-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:1px;color:#8d7880;font:12px/1 Oswald,Arial,sans-serif;letter-spacing:2px}
.mtx-ui .mtx-shelf-controls>b,.mtx-ui .mtx-shelf-controls span>b{color:#f3e8eb;font-size:17px;font-weight:400}
.mtx-ui .mtx-shelf-controls button{display:grid;place-items:center;width:44px;height:38px;color:#f23b60}
.mtx-ui .mtx-shelf-controls button:first-child .mtx-icon{transform:rotate(180deg)}
.mtx-ui .mtx-shelf-controls .mtx-icon{width:29px;height:20px}
.mtx-ui .mtx-layout-editorial>.mtx-card:nth-child(3n){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(115deg,#1b0c12,#090608)}
.mtx-ui .mtx-layout-editorial>.mtx-card:nth-child(3n)>.mtx-card-open{display:contents}
.mtx-ui .mtx-layout-editorial>.mtx-card:nth-child(3n) .mtx-card-art{grid-row:1/3;aspect-ratio:.98;height:100%;min-height:155px}
.mtx-ui .mtx-layout-editorial>.mtx-card:nth-child(3n) .mtx-card-copy{padding:27px 13px 6px;align-self:end}
.mtx-ui .mtx-layout-editorial>.mtx-card:nth-child(3n) .mtx-card-copy h3{font-size:21px}
.mtx-ui .mtx-layout-editorial>.mtx-card:nth-child(3n) .mtx-card-foot{padding:8px 12px 15px;align-self:start}
.mtx-ui .mtx-layout-shelves{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8a243d #120b0e;padding-bottom:12px}
.mtx-ui .mtx-layout-shelves>.mtx-card{flex:0 0 41%;scroll-snap-align:start}
.mtx-ui .mtx-promo{position:relative;isolation:isolate;overflow:hidden;margin-top:27px;min-height:190px;border:1px solid #8c1632;border-radius:8px;background:#13050a}
.mtx-ui .mtx-promo-art{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:72% 40%;opacity:.75}
.mtx-ui .mtx-promo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#100208 0,#1a030bd4 38%,#25030b40 100%),radial-gradient(ellipse at bottom right,#ff00394a,transparent 65%)}
.mtx-ui .mtx-promo>div:last-child{position:relative;padding:20px 17px}
.mtx-ui .mtx-promo>div:last-child>.mtx-icon{position:absolute;right:15px;top:17px;width:38px;height:38px;color:#ff003b;filter:drop-shadow(0 0 7px #fb004e66)}
.mtx-ui .mtx-promo small{font:9px Oswald,Arial,sans-serif;letter-spacing:2.3px;color:#ed7991}
.mtx-ui .mtx-promo h2{max-width:77%;font:400 36px/.95 'Mistix Marker',Caveat,cursive;color:#fff;transform:rotate(-3deg);transform-origin:left;margin-top:10px}
.mtx-ui .mtx-promo p{margin-top:12px;color:#cbb3bb;font-size:11px}
.mtx-ui .mtx-promo .mtx-button{display:inline-flex;margin-top:15px;min-height:36px;font-size:9px;padding:8px 12px;background:#f00035;border-color:#ff1947}
.mtx-ui .mtx-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
.mtx-ui .mtx-perks>button{display:flex;align-items:center;gap:8px;min-width:0;padding:12px 8px;border:1px solid #352026;border-radius:6px;background:linear-gradient(145deg,#160b10,#080607)}
.mtx-ui .mtx-perks>button>.mtx-icon{width:27px;height:30px;color:#f6083d}
.mtx-ui .mtx-perks b{display:block;font:400 11px/1.25 Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.25px}
.mtx-ui .mtx-perks small{display:block;color:#8f7d84;font-size:8px;margin-top:4px;line-height:1.4}
.mtx-ui .mtx-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mtx-ui .mtx-category-cards>button{position:relative;min-width:0;overflow:hidden;border:1px solid #4c2c35;border-radius:6px;background:#080506}
.mtx-ui .mtx-category-cards img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:center}
.mtx-ui .mtx-category-cards span{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-height:35px;padding:6px 2px;border-top:1px solid #62303e3d;font:10px/1.2 Oswald,Arial,sans-serif;text-transform:uppercase;background:linear-gradient(#12090d,#090608)}
.mtx-ui .mtx-category-cards .mtx-icon{width:15px;height:17px;color:#dc234b}
.mtx-ui .mtx-category-cards>button:hover{border-color:#cc234b}
.mtx-ui .mtx-tags{margin-bottom:24px}
.mtx-ui .mtx-tags h2{margin-bottom:12px}
.mtx-ui .mtx-tags h2>span{color:#fb0b40;font-size:27px;line-height:.8}
.mtx-ui .mtx-tags>div{display:flex;flex-wrap:wrap;gap:7px}
.mtx-ui .mtx-tags button{padding:7px 10px;min-height:32px;border:1px solid #51333c;border-radius:6px;color:#bcabb1;background:#0d090b;font-size:10px;line-height:1.2}
.mtx-ui .mtx-tags button:hover{border-color:#b6284a;color:#ffdbe4}
.mtx-ui .mtx-world-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 1px 25px;border-top:1px solid #5c1a2b;background:radial-gradient(ellipse at top,#77092035,transparent 75%)}
.mtx-ui .mtx-world-footer .mtx-brand{font-size:29px}
.mtx-ui .mtx-world-footer>span{color:#a7939b;text-align:right;font-size:9px;line-height:1.65}
.mtx-ui .mtx-bottom{position:sticky;bottom:0;z-index:20;display:flex;justify-content:space-around;align-items:stretch;width:100%;min-height:69px;margin-top:0;padding:5px 5px max(8px,env(safe-area-inset-bottom,0px));border-top:1px solid #80223a85;background:linear-gradient(180deg,#090608f5,#10070afc);box-shadow:0 -6px 24px #0008;backdrop-filter:blur(12px)}
.mtx-ui .mtx-bottom>a{display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:5px 1px 2px;color:#8c7c83;border-radius:7px;transition:color .2s,background .2s}
.mtx-ui .mtx-bottom .mtx-icon{width:25px;height:25px;stroke-width:1.7}
.mtx-ui .mtx-bottom>a>span{font-size:8px;line-height:1.2}
.mtx-ui .mtx-bottom>a.is-active{color:#ff073b;background:linear-gradient(#40081950,#27081214);text-shadow:0 0 15px #ef003a50}
.mtx-ui .mtx-bottom>a.is-active .mtx-icon{filter:drop-shadow(0 0 5px #ef0d3b55)}
.mtx-ui .mtx-page{padding:24px 14px 35px;min-height:76svh;background:radial-gradient(ellipse at 10% 5%,#90032216,transparent 35%)}
.mtx-ui .mtx-page>h1,.mtx-ui .mtx-page-title h1{font:500 38px/1.1 Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:.2px;margin-top:8px;margin-bottom:24px}
.mtx-ui .mtx-page h1 sup{font-size:16px;vertical-align:middle;color:#ff2551;position:relative;top:-4px;margin-left:5px}
.mtx-ui .mtx-page>h2{font:400 21px/1.3 Oswald,Arial,sans-serif;margin-top:30px;margin-bottom:14px}
.mtx-ui .mtx-page-title{display:flex;justify-content:space-between;align-items:center;gap:15px}
.mtx-ui .mtx-page-title>.mtx-icon{width:36px;height:36px;color:#b52b48}
.mtx-ui .mtx-page-title h1{margin-bottom:22px}
.mtx-ui .mtx-catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 13px;padding-top:10px;border-top:1px solid #342129}
.mtx-ui .mtx-catalog-tools>span{font-size:10px;color:#9f8d95;white-space:nowrap}
.mtx-ui .mtx-catalog-tools select{max-width:64%;padding:9px 22px 9px 9px;border:1px solid #45303a;border-radius:6px;background:#130c10;color:#cbbac1;font-size:10px}
.mtx-ui .mtx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;padding:40px 15px;text-align:center;color:#b29aa4}
.mtx-ui .mtx-empty>.mtx-icon{width:62px;height:62px;color:#bc1b44;margin-bottom:22px;stroke-width:1}
.mtx-ui .mtx-empty h2{color:#f2e7ed;font:400 26px/1.2 Oswald,Arial,sans-serif}
.mtx-ui .mtx-empty p{max-width:280px;margin-top:14px;font-size:12px;line-height:1.75}
.mtx-ui .mtx-empty .mtx-button{margin-top:25px}
.mtx-ui .mtx-profile-avatar{display:grid;place-items:center;width:77px;height:77px;border:1px solid #9b163b;border-radius:20px;background:radial-gradient(#72082455,#120810 70%);margin-bottom:20px;box-shadow:0 0 30px #9d00321f}
.mtx-ui .mtx-profile-avatar>.mtx-icon{width:43px;height:43px;color:#ff164b}
.mtx-ui .mtx-muted{color:#ac969f;font-size:12px;line-height:1.75}
.mtx-ui .mtx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px;margin-top:24px}
.mtx-ui .mtx-stats>button,.mtx-ui .mtx-stats>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 9px;text-align:center;border:1px solid #532435;border-radius:8px;background:linear-gradient(150deg,#260b16,#0b080b)}
.mtx-ui .mtx-stats b{font:400 30px/1 Oswald,Arial,sans-serif;color:#ff2954}
.mtx-ui .mtx-stats span{font-size:9px;color:#bfa9b3}
.mtx-ui .mtx-layout-picker{display:flex;flex-direction:column;gap:9px}
.mtx-ui .mtx-layout-picker>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;padding:13px 14px;border:1px solid #4b2936;border-radius:7px;background:linear-gradient(140deg,#1d0b15,#0c080c);font-size:13px;color:#d7c5ce}
.mtx-ui .mtx-layout-picker>button[aria-pressed=true]{border-color:#e21549;background:linear-gradient(140deg,#4e1029,#130910);box-shadow:inset 3px 0 #fa0644}
.mtx-ui .mtx-layout-picker>button small{display:block;margin-top:5px;color:#a88c9a;font-size:10px;line-height:1.4}
.mtx-ui .mtx-layout-picker>button>b{font-size:23px;font-weight:400;color:#ff255a}
.mtx-ui .mtx-profile-note{margin-top:25px;border-top:1px solid #3e2231;padding-top:17px;font-size:10px;line-height:1.8;color:#947d8b}
.mtx-ui .mtx-text-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;width:100%;margin-top:11px;border:1px solid #743046;border-radius:6px;color:#e0bbc9;background:#190b14;font-size:12px}
.mtx-ui .mtx-text-button .mtx-icon{width:18px;height:18px;color:#f32c60}
.mtx-ui .mtx-drawer-wrap{position:fixed;inset:0;z-index:80;background:#050205b8;backdrop-filter:blur(4px);animation:mtx-shade-in .2s ease}
.mtx-ui .mtx-drawer{position:absolute;top:0;bottom:0;left:max(0px,calc(50% - 260px));width:min(340px,88vw);padding:24px 21px 30px;border-right:1px solid #6f203b;background:radial-gradient(ellipse at 0 0,#500b2b55,transparent 58%),#100810;box-shadow:10px 0 60px #0009;overflow-y:auto;animation:mtx-drawer-in .25s ease}
.mtx-ui .mtx-drawer>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:7px 0 30px}
.mtx-ui .mtx-drawer .mtx-brand{font-size:31px}
.mtx-ui .mtx-drawer nav{display:flex;flex-direction:column;gap:5px}
.mtx-ui .mtx-drawer nav>a{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:53px;padding:11px 0;border-bottom:1px solid #5420356b;font:400 22px/1.3 Oswald,Arial,sans-serif}
.mtx-ui .mtx-drawer nav>a>.mtx-icon{width:20px;height:20px;color:#ca2253}
.mtx-ui .mtx-drawer>small{display:block;margin-top:35px;color:#855b70;font:10px/1.8 Oswald,Arial,sans-serif;letter-spacing:1.5px}
.mtx-ui .mtx-sheet{position:fixed;inset:auto 0 0;z-index:95;width:min(520px,100vw);max-width:none;max-height:92svh;margin:0 auto;padding:0 0 max(15px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;color:#f3e8ed;border:1px solid #a12a4d;border-bottom:0;border-radius:23px 23px 0 0;background:radial-gradient(ellipse at 50% 0,#3b0d20,#0e080d 55%);box-shadow:0 -10px 80px #000b;overscroll-behavior:contain;animation:mtx-sheet-in .28s cubic-bezier(.15,.65,.25,1)}
.mtx-ui .mtx-sheet::backdrop{background:#030103b8;backdrop-filter:blur(5px)}
.mtx-ui .mtx-sheet-handle{position:sticky;top:9px;z-index:5;width:38px;height:3px;margin:10px auto 0;border-radius:3px;background:#b17d94;box-shadow:0 0 12px #0009}
.mtx-ui .mtx-sheet>.mtx-icon-button{position:sticky;top:18px;z-index:8;float:right;margin:4px 13px -46px 0;width:42px;height:42px;background:#0c060cce;border-color:#82415c}
.mtx-ui .mtx-sheet-content{min-width:0;padding:20px 18px 14px}
.mtx-ui .mtx-sheet-content>h2{font:400 29px/1.2 Oswald,Arial,sans-serif;padding-right:30px;margin-top:12px}
.mtx-ui .mtx-sheet-content>p{font-size:13px;color:#c1a6b5;line-height:1.8;margin-top:17px}
.mtx-ui .mtx-sheet-content>.mtx-layout-picker{margin-top:22px}
.mtx-ui .mtx-detail-art{position:relative;margin:-14px -12px 0;background:#0d0a0d;border-radius:16px 16px 0 0;overflow:hidden}
.mtx-ui .mtx-detail-art img{width:100%;height:auto;max-height:46svh;aspect-ratio:1.05;object-fit:contain;object-position:center}
.mtx-ui .mtx-detail-copy{padding:20px 2px 5px}
.mtx-ui .mtx-detail-copy h2{font:500 35px/1.08 Oswald,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;margin-top:9px;margin-bottom:17px;overflow-wrap:anywhere}
.mtx-ui .mtx-detail-copy>p,.mtx-ui .mtx-detail-native{color:#baa7b0;font-size:13px;line-height:1.8;margin-top:16px;overflow-wrap:anywhere}
.mtx-ui .mtx-detail-native img,.mtx-ui .mtx-detail-native video{max-width:100%;height:auto}
.mtx-ui .mtx-detail-native a{text-decoration:underline;color:#ff7ba1}
.mtx-ui .mtx-detail-price{display:flex;gap:12px;align-items:center;padding:18px 0 17px;border-top:1px solid #5a2137;margin-top:21px}
.mtx-ui .mtx-detail-price strong{font:500 35px/1.15 Oswald,Arial,sans-serif}
.mtx-ui .mtx-detail-price del{font:16px/1.2 Oswald,Arial,sans-serif;color:#947585}
.mtx-ui .mtx-toast{position:fixed;z-index:100;left:50%;bottom:max(91px,calc(env(safe-area-inset-bottom) + 75px));transform:translateX(-50%);max-width:min(440px,90vw);width:max-content;padding:13px 19px;border:1px solid #bc2a53;border-radius:9px;color:#f6dce7;background:#240d1cef;box-shadow:0 8px 35px #000a;font-size:12px;line-height:1.5;text-align:center;pointer-events:none;animation:mtx-toast-in .2s ease}
.mtx-native-content{box-sizing:border-box;padding:26px 20px;color:#e3d8df;background:#0c080c;border-top:1px solid #442132;min-width:0;line-height:1.8;overflow-wrap:anywhere}
.mtx-native-content img,.mtx-native-content video{max-width:100%;height:auto}
.mtx-native-content iframe{max-width:100%}
.mtx-native-content h1,.mtx-native-content h2{color:#f6e6ee;line-height:1.3}
.mtx-native-content h1{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:30px}
.mtx-native-content a{color:#ff779f;text-decoration:underline}
.mtx-native-content .wp-block-table{overflow-x:auto}
.mtx-native-content .wp-block-image{margin-left:0;margin-right:0}
.mtx-native-content article+article{margin-top:30px;padding-top:25px;border-top:1px solid #452232}
.mtx-native-content input,.mtx-native-content textarea,.mtx-native-content select{max-width:100%}
.mtx-native-content .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mtx-native-content .pagination{padding:20px 0}
.mtx-native-content .page-numbers{display:inline-block;padding:5px 9px}
.mtx-skip-link{position:fixed;left:10px;top:-100px;z-index:1000;padding:12px 18px;background:#ff164d;color:white;text-decoration:none;border-radius:5px}
.mtx-skip-link:focus{top:10px}
.admin-bar #mtx-interactive-header{scroll-margin-top:32px}
@keyframes mtx-sheet-in{from{transform:translateY(35px);opacity:.5}to{transform:translateY(0);opacity:1}}
@keyframes mtx-drawer-in{from{transform:translateX(-35px);opacity:.5}to{transform:translateX(0);opacity:1}}
@keyframes mtx-shade-in{from{opacity:0}to{opacity:1}}
@keyframes mtx-toast-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(min-width:521px){body.mtx-page{background:radial-gradient(ellipse at 50% 0,#350916,#070607 55%)}.mtx-shell{border-inline:1px solid #4e1429}.mtx-ui .mtx-top{height:84px;padding-inline:17px}.mtx-ui .mtx-brand{font-size:37px}.mtx-ui .mtx-hero{margin-top:-84px;min-height:470px}.mtx-ui .mtx-hero-copy{left:25px;bottom:27px}.mtx-ui .mtx-hero h1{font-size:57px}.mtx-ui .mtx-hero h1 em{font-size:30px}.mtx-ui .mtx-content{padding-inline:17px}.mtx-ui .mtx-layout-focus{margin-inline:-17px}.mtx-ui .mtx-card-copy h3{font-size:20px}.mtx-ui .mtx-card-copy small{font-size:10px}.mtx-ui .mtx-card-foot{padding:10px 11px 13px 13px}.mtx-ui .mtx-card-foot>strong{font-size:25px}.mtx-ui .mtx-card-foot>button{width:42px;height:42px;flex-basis:42px}.mtx-ui .mtx-section-head h2{font-size:23px}.mtx-ui .mtx-promo h2{font-size:44px}.mtx-ui .mtx-perks b{font-size:13px}.mtx-ui .mtx-perks small{font-size:10px}.mtx-ui .mtx-category-cards span{font-size:12px}.mtx-ui .mtx-bottom{min-height:75px}.mtx-ui .mtx-bottom>a>span{font-size:10px}}
@media(max-width:360px){.mtx-ui .mtx-top{padding-inline:9px;gap:5px;height:68px}.mtx-ui .mtx-brand{font-size:26px}.mtx-ui .mtx-icon-button{min-width:38px}.mtx-ui .mtx-top-actions{gap:3px}.mtx-ui .mtx-top-actions .mtx-icon-button{min-width:35px}.mtx-ui .mtx-hero{min-height:355px;margin-top:-68px}.mtx-ui .mtx-hero-copy{left:15px;bottom:20px}.mtx-ui .mtx-hero h1{font-size:38px}.mtx-ui .mtx-hero h1 em{font-size:21px}.mtx-ui .mtx-hero-stamp{right:14px;top:86px;font-size:15px}.mtx-ui .mtx-content{padding-inline:10px}.mtx-ui .mtx-search{gap:6px;padding-left:9px}.mtx-ui .mtx-search input{font-size:11px}.mtx-ui .mtx-search button{flex-basis:30px}.mtx-ui .mtx-tabs{gap:5px}.mtx-ui .mtx-tabs button{flex-basis:57px;min-height:60px}.mtx-ui .mtx-section-head h2{font-size:16px;gap:5px}.mtx-ui .mtx-section-head>button{font-size:9px;gap:2px}.mtx-ui .mtx-section-head h2>.mtx-icon{width:18px}.mtx-ui .mtx-section-head>button>.mtx-icon{width:15px}.mtx-ui .mtx-card-copy{padding-inline:8px}.mtx-ui .mtx-card-copy h3{font-size:14px}.mtx-ui .mtx-card-foot{padding-inline:8px}.mtx-ui .mtx-card-foot>strong{font-size:17px}.mtx-ui .mtx-card-foot>button{width:33px;height:33px;flex-basis:33px}.mtx-ui .mtx-layout-grid,.mtx-ui .mtx-layout-editorial{gap:8px}.mtx-ui .mtx-layout-focus{margin-inline:-10px;gap:11px;padding-inline:13%;scroll-padding-inline:13%}.mtx-ui .mtx-layout-focus .mtx-card-copy h3{font-size:22px}.mtx-ui .mtx-layout-focus .mtx-card-foot>strong{font-size:26px}.mtx-ui .mtx-promo h2{font-size:29px}.mtx-ui .mtx-promo>div:last-child{padding-inline:13px}.mtx-ui .mtx-perks>button{padding:11px 6px;gap:6px}.mtx-ui .mtx-perks b{font-size:10px}.mtx-ui .mtx-perks small{font-size:7px}.mtx-ui .mtx-perks>button>.mtx-icon{width:22px}.mtx-ui .mtx-category-cards{gap:5px}.mtx-ui .mtx-category-cards span{font-size:9px;gap:2px}.mtx-ui .mtx-category-cards .mtx-icon{width:13px;height:14px}.mtx-ui .mtx-world-footer .mtx-brand{font-size:25px}.mtx-ui .mtx-world-footer>span{font-size:8px}.mtx-ui .mtx-page{padding-inline:11px}.mtx-ui .mtx-detail-copy h2{font-size:30px}.mtx-ui .mtx-sheet-content{padding-inline:15px}.mtx-ui .mtx-layout-editorial>.mtx-card:nth-child(3n) .mtx-card-copy h3{font-size:17px}}
@media(max-width:782px){.admin-bar #mtx-interactive-header{scroll-margin-top:46px}}
@media(prefers-reduced-motion:reduce){.mtx-ui *,.mtx-ui *::before,.mtx-ui *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.mtx-ui .mtx-layout-focus>.mtx-card{transform:none}.mtx-ui .mtx-card:hover .mtx-card-art img{transform:none}}

/* 1.1: operator contact and small mobile usability refinements. */
.mtx-ui .mtx-card-copy small{font-size:10px;line-height:1.5}
.mtx-ui .mtx-tabs button span{font-size:10px}
.mtx-ui .mtx-search input{font-size:16px}
.mtx-ui .mtx-card-foot>button{width:44px;height:44px;flex-basis:44px}
.mtx-ui .mtx-favorite{width:44px;height:44px}
.mtx-ui .mtx-support-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:0 0 15px;padding:10px 12px;border:1px solid #4d2630;border-radius:9px;background:linear-gradient(110deg,#2b0b14,#10090c 70%);text-align:left;color:#f3e9ec}
.mtx-ui .mtx-support-entry>.mtx-icon{width:27px;height:27px;color:#ff234b}
.mtx-ui .mtx-support-entry>span{flex:1;min-width:0}
.mtx-ui .mtx-support-entry b{display:block;font:500 16px/1.3 Oswald,Arial,sans-serif}
.mtx-ui .mtx-support-entry small{display:block;margin-top:3px;color:#b997a2;font-size:10px;line-height:1.4}
.mtx-ui .mtx-support-entry>i{font-style:normal;color:#ff3158;font-size:23px}
.mtx-ui .mtx-support-entry:hover{border-color:#b32747}
.mtx-ui .mtx-chat-menu{display:block;width:100%;padding:16px 0;border-bottom:1px solid #512133;font:500 18px/1.2 Oswald,sans-serif}
.mtx-ui .mtx-chat-sheet[open]{display:flex;flex-direction:column;height:min(760px,88svh);overflow:hidden;padding-bottom:max(10px,env(safe-area-inset-bottom))}
.mtx-ui .mtx-chat-head{display:flex;gap:10px;align-items:center;padding:19px 17px 10px;flex-shrink:0}
.mtx-ui .mtx-chat-head>.mtx-icon{width:30px;height:30px;color:#ff315b}
.mtx-ui .mtx-chat-head>div{flex:1;min-width:0}
.mtx-ui .mtx-chat-head span{color:#a57f90;font:9px Oswald,sans-serif;letter-spacing:1.6px}
.mtx-ui .mtx-chat-head h2{font:500 23px/1.25 Oswald,sans-serif;margin-top:4px}
.mtx-ui .mtx-chat-status{margin:0 17px 12px;color:#bea0af;font-size:11px;line-height:1.5;flex-shrink:0}
.mtx-ui .mtx-chat-log{flex:1;min-height:100px;overflow-y:auto;overscroll-behavior:contain;margin:0 12px;padding:13px 5px;border-block:1px solid #3e1b2a;scrollbar-color:#6a2942 transparent}
.mtx-ui .mtx-chat-empty{height:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;color:#b597a4}
.mtx-ui .mtx-chat-empty>.mtx-icon{width:42px;height:42px;color:#73334c}
.mtx-ui .mtx-chat-empty b{font:400 18px Oswald,sans-serif;color:#e9d9e1}
.mtx-ui .mtx-chat-empty p{font-size:12px;line-height:1.8;color:#a48a98}
.mtx-ui .mtx-chat-message{width:fit-content;max-width:88%;margin:0 0 13px;padding:11px 13px;border-radius:12px;background:#29121e;border:1px solid #593046;overflow-wrap:anywhere}
.mtx-ui .mtx-chat-message.is-player{margin-left:auto;background:#531027;border-color:#a5264a;border-bottom-right-radius:3px}
.mtx-ui .mtx-chat-message.is-operator{border-bottom-left-radius:3px}
.mtx-ui .mtx-chat-message small{display:block;margin-bottom:5px;font:10px Oswald,sans-serif;letter-spacing:.4px;color:#ce98b0}
.mtx-ui .mtx-chat-message p{font-size:14px;line-height:1.6;white-space:pre-wrap;color:#f3e6ed}
.mtx-ui .mtx-chat-message time{display:block;margin-top:6px;text-align:right;font-size:9px;color:#b68b9f}
.mtx-ui .mtx-chat-error{margin:9px 17px 0;padding:9px 11px;background:#56122c80;border:1px solid #883650;border-radius:6px;font-size:11px;line-height:1.5;color:#ffd4df;flex-shrink:0}
.mtx-ui .mtx-chat-form{display:flex;align-items:flex-end;gap:8px;margin:12px 14px 5px;flex-shrink:0}
.mtx-ui .mtx-chat-form textarea{flex:1;min-width:0;max-height:110px;min-height:54px;resize:vertical;padding:10px 12px;border:1px solid #734055;border-radius:10px;background:#130c12;color:#f6e9ef;font:16px/1.5 Arial,sans-serif}
.mtx-ui .mtx-chat-form textarea:disabled{opacity:.6;cursor:default}
.mtx-ui .mtx-chat-form>button{display:grid;place-items:center;width:48px;height:54px;flex:0 0 48px;border:1px solid #ff355a;background:#ea0639;border-radius:10px;color:#fff;font-size:26px;line-height:1}
.mtx-ui .mtx-chat-form>button:disabled{opacity:.35}
.mtx-ui .mtx-chat-connection-note{font-size:10px;line-height:1.5;color:#987486;text-align:center;margin:3px 17px 7px}
.mtx-ui .mtx-chat-direct{padding:4px 14px 0;flex-shrink:0}
.mtx-ui .mtx-chat-direct>a,.mtx-ui .mtx-chat-direct>button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:9px 12px;border:1px solid #653149;border-radius:8px;color:#dec2d0;font-size:12px;text-align:center;background:#21101c}
.mtx-ui .mtx-chat-direct>button:disabled{color:#8c697d;opacity:1;cursor:default;border-color:#442133}
@media(max-width:360px){.mtx-ui .mtx-card-copy small{font-size:10px}.mtx-ui .mtx-tabs button span{font-size:10px}.mtx-ui .mtx-search input{font-size:16px}.mtx-ui .mtx-card-foot>button{width:44px;height:44px;flex-basis:44px}.mtx-ui .mtx-card-foot>strong{font-size:16px}.mtx-ui .mtx-chat-head h2{font-size:21px}.mtx-ui .mtx-support-entry small{font-size:10px}}
