@charset "UTF-8";
@font-face{font-family:Arcade;src:url('/fonts/press-start-2p.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#10101c;--panel:#191928;--line:#46415b;--ink:#f2f5ee;--muted:#bab7ca;--accent:#d7ff68;--pink:#ff80bf;--cyan:#80e9e2;--pixel:Arcade,"Courier New",monospace;font-family:"Courier New",monospace;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background-color:var(--bg);background-image:linear-gradient(#a592d108 1px,transparent 1px),linear-gradient(90deg,#a592d108 1px,transparent 1px);background-size:32px 32px;color:var(--ink);font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
::selection{background:var(--accent);color:var(--bg)}
.page-shell{max-width:1380px;padding:0 56px;margin:auto}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 18px;background:var(--accent);color:var(--bg);z-index:20}
.skip-link:focus{top:16px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:126px;border-bottom:2px solid var(--line)}
.brand{display:block;flex-shrink:0}
.brand-logo{display:block;width:220px;aspect-ratio:1983/793;background:linear-gradient(90deg,var(--accent) 36%,var(--ink) 36%);-webkit-mask:url('/brand/majstor-games-logo-black.png') center/contain no-repeat;mask:url('/brand/majstor-games-logo-black.png') center/contain no-repeat}
.brand-icon{display:block;width:90px;aspect-ratio:1;background:var(--accent);-webkit-mask:url('/brand/majstor-games-icon-black.png') center/contain no-repeat;mask:url('/brand/majstor-games-icon-black.png') center/contain no-repeat}
.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:bold}
.site-header nav a{padding:14px 0;color:var(--muted)}
.site-header nav a:hover,.site-header nav .nav-active{color:var(--accent)}
.nav-count{display:inline-block;font-size:11px;color:var(--bg);background:var(--accent);padding:0 5px;margin-left:5px}
.header-note{font-size:11px;letter-spacing:1px;white-space:nowrap;color:var(--muted)}
.header-note>span{color:var(--accent);margin-right:7px}
.intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:58px 0 46px}
.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:bold;color:var(--pink);margin:0 0 20px}
.tiny-cross{color:var(--accent);font-family:var(--pixel);font-size:16px;margin-right:9px}
h1{font-family:var(--pixel);font-size:clamp(25px,2.8vw,37px);line-height:1.65;margin:0;font-weight:400;letter-spacing:-1px}
h1 span{color:var(--accent);text-shadow:4px 4px 0 #4b483d}
.intro-copy{margin:19px 0 0;color:var(--muted);font-size:16px;max-width:530px}
.hero-note{font-size:11px;letter-spacing:1.3px;margin:19px 0 0;color:var(--cyan)}
.intro-aside{position:relative;flex:0 0 214px;display:flex;align-items:center;flex-direction:column;gap:14px;padding:22px 16px;border:2px solid var(--line);box-shadow:6px 6px 0 #080810;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),#1c1a2e}
.intro-aside::before,.intro-aside::after{content:"";position:absolute;width:7px;height:7px;background:var(--pink);top:-4px;left:-4px}
.intro-aside::after{inset:auto -4px -4px auto;background:var(--cyan)}
.player-label{font:10px/1.5 var(--pixel);color:var(--pink)}
.availability{font-size:13px;color:var(--ink)}
.availability i,.status i{display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:6px}
.aside-caption{font-size:9px;letter-spacing:.7px;color:var(--muted)}
.catalog-heading{display:flex;align-items:center;gap:18px;margin:0 0 20px;font:10px/1.6 var(--pixel);color:var(--muted)}
.catalog-heading>span:first-child{color:var(--ink)}
.catalog-line{flex:1;height:3px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 10px)}
.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;scroll-margin-top:24px}
.game-card{--card-accent:var(--cyan);border:2px solid var(--line);box-shadow:6px 6px 0 #07070f;background:var(--panel);min-width:0;transition:border-color .15s,transform .15s}
.game-card:hover,.game-card:focus-within{border-color:var(--card-accent)}
.game-card:hover{transform:translateY(-3px)}
.west-card{--card-accent:#ffc776}
.cover-link{display:block;position:relative;overflow:hidden;height:300px;background:#2a373f;border-bottom:3px solid var(--card-accent)}
.game-cover{width:100%;height:100%;object-fit:cover;display:block;object-position:center 45%;transition:transform .4s;filter:saturate(.85)}
.game-card:hover .game-cover{transform:scale(1.025)}
.image-shade{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000001a 0 1px,transparent 1px 4px),linear-gradient(180deg,#09091280,transparent 38%,#090912e8)}
.cover-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.game-category{font:9px/1.7 var(--pixel);color:var(--card-accent);background:#10101ceb;padding:7px 9px;border:1px solid #ffffff3b}
.status{font-size:11px;padding:5px 9px;border:1px solid #ffffff70;background:#10101cee;color:var(--ink);white-space:nowrap}
.cover-caption{position:absolute;left:22px;bottom:24px;font:clamp(15px,1.5vw,20px)/1.8 var(--pixel);color:#fff;text-shadow:3px 3px 0 #111}
.west-card .cover-caption{color:#ffdfa8}
.west-card .game-cover{object-position:center 44%}
.game-content{padding:26px}
.game-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}
.game-tags span{font-size:11px;color:var(--card-accent);padding:2px 7px;border:1px solid #48465f;background:#242337}
.game-content h2{font:clamp(17px,1.6vw,21px)/1.55 var(--pixel);margin:0 0 15px;letter-spacing:-.5px}
.game-content p{font-size:15px;color:var(--muted);line-height:1.75;margin:0;max-width:490px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}
.game-detail{font-size:12px;color:var(--muted);max-width:180px}
.play-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;min-width:138px;min-height:52px;background:var(--accent);color:#151a0f;border:2px solid #efffbf;box-shadow:4px 4px 0 #647937;font:12px/1.5 var(--pixel);white-space:nowrap;transition:transform .15s,box-shadow .15s}
.play-button svg{width:17px;height:17px}
.play-button:hover{background:#e4ff98;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #647937}
.play-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #647937}
.west-card .play-button{background:#ffc776;border-color:#ffe6b6;box-shadow:4px 4px 0 #886338}
.west-card .play-button:hover{background:#ffd69d}
.play-strip{display:flex;align-items:center;gap:24px;padding:30px 2px;color:var(--muted);font-size:13px;border-bottom:2px solid var(--line)}
.play-strip>span{display:flex;align-items:center;gap:8px}
.play-strip svg{width:18px;height:18px;fill:none;stroke:var(--cyan);stroke-width:1.5}
.play-strip .strip-end{margin-left:auto;font-size:11px;color:var(--muted)}
.good-to-know{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:44px 0 50px}
.good-to-know .eyebrow{margin-top:5px;margin-bottom:14px}
.good-to-know h2{font:19px/1.7 var(--pixel);margin:0;max-width:320px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0;cursor:pointer;font-size:15px;list-style:none}
summary::-webkit-details-marker{display:none}
summary span{font:16px/1 var(--pixel);color:var(--accent);transition:transform .2s}
details[open] summary span{transform:rotate(45deg)}
.answer{font-size:14px;color:var(--muted);padding:0 24px 20px 0}
.answer p{margin:0 0 10px}
.answer p:last-child{margin-bottom:0}
.answer a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
footer{border-top:2px solid var(--line);padding:22px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}
.footer-brand .brand-logo{width:142px}
.footer-caption{font-size:10px;color:var(--pink);letter-spacing:.6px}
footer a:hover{color:var(--accent)}
@media(min-width:1500px){.cover-link{height:320px}.intro{padding-top:64px;padding-bottom:54px}}
@media(max-width:1100px){.page-shell{padding:0 32px}.header-note{display:none}.intro-aside{flex-basis:190px}.intro{gap:26px}.game-content{padding:23px}.game-detail{max-width:145px}.cover-link{height:275px}.cover-top{left:16px;right:16px}.game-category{font-size:8px}.cover-caption{font-size:17px}.play-strip .strip-end,.footer-caption{display:none}.good-to-know{gap:30px}}
@media(max-width:850px){.intro-aside{display:none}h1{font-size:34px}.game-grid{gap:20px}.game-content{padding:20px}.card-bottom{flex-wrap:wrap}.game-detail{max-width:none}.cover-top{flex-wrap:wrap}.good-to-know h2{font-size:17px}}
@media(max-width:700px){.page-shell{padding:0 22px}.site-header{min-height:98px;gap:18px}.brand-logo{width:172px}.site-header nav{gap:16px;font-size:13px}.site-header nav a:last-child{display:none}.intro{padding:35px 0 32px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:16px}h1{font-size:clamp(20px,4.8vw,32px);letter-spacing:-.5px;line-height:1.8}.intro-copy{font-size:15px;max-width:400px;margin-top:16px}.hero-note{font-size:10px;margin-top:16px}.catalog-heading{font-size:9px;gap:12px}.game-grid{grid-template-columns:1fr;gap:28px}.cover-link{height:280px}.cover-caption{font-size:19px}.cover-top{flex-wrap:nowrap;top:18px;left:18px;right:18px}.game-category{font-size:9px}.game-content{padding:24px}.game-content h2{font-size:21px}.game-content p{max-width:none}.card-bottom{flex-wrap:nowrap}.game-detail{max-width:180px}.play-strip{padding:27px 0;gap:20px;flex-wrap:wrap;font-size:12px}.good-to-know{grid-template-columns:1fr;gap:23px;padding:35px 0}.good-to-know h2{font-size:20px;max-width:none}footer{flex-wrap:wrap;gap:12px 22px;padding:24px 0}footer .footer-brand{width:100%}.footer-brand .brand-logo{width:156px}}
@media(max-width:410px){.page-shell{padding:0 16px}.brand-logo{width:157px}.intro-copy{max-width:300px}.cover-link{height:250px}.cover-top{left:13px;right:13px}.game-category{font-size:8px;padding:6px}.status{font-size:10px;padding:5px 7px}.cover-caption{left:18px;bottom:20px;font-size:16px}.game-content{padding:21px 18px}.game-content h2{font-size:19px}.card-bottom{flex-direction:column;align-items:stretch;gap:15px}.game-detail{max-width:none}.play-button{width:100%}.play-strip{gap:13px;font-size:11px}.play-strip>span{gap:5px}.play-strip svg{width:16px;height:16px}.good-to-know h2{font-size:17px}summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media(forced-colors:active){.brand-logo,.brand-icon{background:CanvasText}.game-card,.play-button,.intro-aside{border-color:CanvasText}}