/* Browser-game identity, adapted from the approved Minus Four social banner. */
:root{--ink:#142e45;--red:#d32322;--yellow:#ffe337;--paper:#f5f0dc}body{background:#142e45;background-image:none;color:var(--ink)}.web-shell{padding:0 24px;max-width:1180px;border:4px solid var(--ink);border-radius:12px 12px 0 0;background:var(--paper);box-shadow:10px 10px 0 #081e31;margin:25px auto}.site-header{margin:0 -24px}.browser-titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--red);color:var(--paper);padding:10px 15px;border-bottom:4px solid var(--ink);border-radius:8px 8px 0 0;gap:12px}.browser-address{font:900 16px/1.2 monospace;letter-spacing:1px;text-decoration:none}.browser-address>span{display:inline-block;font-size:26px;vertical-align:middle;color:var(--yellow);margin-right:10px}.window-controls{display:flex;gap:6px}.window-controls i{font:900 23px/26px monospace;font-style:normal;width:29px;height:29px;background:var(--yellow);border:3px solid var(--ink);text-align:center;color:var(--ink);box-shadow:2px 2px 0 #801f25}.site-header nav{padding:12px 19px 0;background:var(--paper);border-bottom:4px solid var(--ink);gap:4px;align-items:end}.site-header nav>a{background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-bottom:0;border-radius:14px 14px 0 0;padding:13px 25px;font:900 12px monospace;letter-spacing:1px;position:relative}.site-header nav>a:hover{background:#fff08a}.site-header nav>a[aria-current=page]{background:var(--paper);transform:translateY(4px);padding-bottom:17px;margin-top:-4px}.site-header nav>span{font:9px monospace;color:var(--ink);padding-bottom:14px}.masthead{position:relative;display:grid;grid-template-columns:1fr auto;gap:0 30px;padding:30px 85px 25px;overflow:hidden;border-bottom:4px solid var(--ink);background:var(--paper)}.masthead:before,.masthead:after{content:'';position:absolute;width:52px;height:52px;background:conic-gradient(var(--red) 25%,transparent 0 50%,var(--red) 0 75%,transparent 0);background-size:26px 26px;top:14px;left:0}.masthead:after{left:auto;right:0;top:auto;bottom:0;background:conic-gradient(var(--ink) 25%,transparent 0 50%,var(--ink) 0 75%,transparent 0);background-size:26px 26px}.wordmark{display:flex;flex-direction:column;align-items:center;white-space:nowrap;letter-spacing:0;justify-self:center}.wordmark .wordmark-name{font:1000 italic clamp(42px,6.5vw,82px)/1 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-3px;color:var(--red);text-shadow:2px 2px 0 var(--ink),4px 4px 0 var(--ink),6px 6px 0 var(--ink)}.wordmark .wordmark-games{display:flex;align-items:center;gap:18px;width:100%;justify-content:center;font:900 19px/1.3 monospace;letter-spacing:12px;color:var(--ink);margin-top:15px;padding-left:12px}.wordmark-games:before,.wordmark-games:after{content:'';height:7px;background:var(--red);flex:1}.mast-tagline{grid-column:1;margin:14px 0 0;text-align:center;font:900 16px monospace;letter-spacing:1px}.header-play{position:relative;align-self:center;background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);padding:12px 19px;font:900 24px monospace;text-decoration:none;transform:rotate(-3deg)}.header-play:hover{background:#fff08a;transform:rotate(0)}.pixel-pointer{position:absolute;right:-29px;bottom:-30px;color:var(--paper);-webkit-text-stroke:2px var(--ink);font:900 52px monospace;transform:rotate(10deg)}.edition-cover{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);margin-top:22px}.edition-strip{background:var(--yellow);font-size:10px}.cover-grid{min-height:490px;grid-template-columns:1fr 280px;gap:25px}.edition-lead h1{font-size:clamp(44px,5.4vw,70px);letter-spacing:-2px}.cover-highlights{gap:12px}.cover-callout{background:var(--paper);color:var(--ink);padding:13px 15px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--yellow)}.cover-callout>span{color:var(--red);font-weight:900}.cover-callout h2{font-size:27px}.cover-callout p{font-size:13px}.cover-ribbon{background:var(--red)}.edition-foot{padding-top:16px}.running-head{background:var(--ink);color:var(--paper);padding:10px 12px;border:0;font-size:10px}.running-head b{color:var(--yellow)}.breadcrumb{font-weight:bold}.catalog-picture,.news-image,.brief-image,.story figure img{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.catalog-heading h1,.news-index h1{letter-spacing:-2px}.catalog-heading>span{background:var(--yellow);padding:16px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.catalog-entry{padding:24px 0}.play-button,.coming-tag{background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:monospace;font-weight:900}.coming-tag{background:var(--paper)}.play-button:hover{background:#fff08a;color:var(--ink)}.catalog-end{border:3px solid var(--ink)}.progress-grid>article{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.progress-grid>article:before{content:'';display:block;height:13px;margin:-22px -22px 17px;background:var(--red);border-bottom:3px solid var(--ink)}.progress-grid>article:nth-child(2){background:var(--paper)}.progress-grid>article:nth-child(2):before{background:var(--yellow)}.red-bar{background:var(--red);border:2px solid var(--ink)}.studio-poster{box-shadow:6px 6px 0 var(--ink);position:relative}.studio-poster:after{content:'';display:block;height:25px;width:75px;background:conic-gradient(var(--yellow) 25%,transparent 0 50%,var(--yellow) 0 75%,transparent 0);background-size:25px 25px}.studio-links a,.related-strip a{background:var(--yellow);border:2px solid var(--ink);padding:8px;box-shadow:2px 2px 0 var(--ink);text-decoration:none}.notice{border:3px solid var(--ink);background:var(--yellow)}.site-footer{margin-top:8px;font-weight:bold}.news-list{max-width:none}.news-list .news-card{grid-template-columns:38% 1fr}.news-copy{align-self:center}.story-aside .red-bar{font-size:11px}.detail-layout .page{border:3px solid var(--ink)}
@media(max-width:1000px){.web-shell{margin:14px}.masthead{padding:28px 65px 25px;gap:0 22px}.wordmark .wordmark-name{font-size:clamp(38px,6.4vw,70px)}.mast-tagline{font-size:13px}.header-play{font-size:20px;padding:10px 14px}.site-header nav>a{padding:12px 18px}.cover-grid{grid-template-columns:1fr 235px}.cover-callout h2{font-size:23px}.cover-callout p{font-size:12px}}
@media(max-width:650px){.web-shell{padding:0 12px;margin:8px;border-width:3px;box-shadow:4px 4px 0 #081e31}.site-header{margin:0 -12px}.browser-titlebar{padding:9px 8px}.browser-address{font-size:10px;letter-spacing:0}.browser-address>span{font-size:18px;margin-right:4px}.window-controls{gap:3px}.window-controls i{width:19px;height:19px;font-size:16px;line-height:15px;border-width:2px;box-shadow:none}.site-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 6px 0;gap:3px}.site-header nav>a{font-size:8px;letter-spacing:0;padding:10px 2px;text-align:center;border-width:2px;border-radius:8px 8px 0 0;white-space:nowrap}.site-header nav>a[aria-current=page]{padding-bottom:14px}.masthead{padding:25px 24px 23px;grid-template-columns:1fr;gap:0}.wordmark .wordmark-name{font-size:clamp(32px,8.5vw,55px);letter-spacing:-1.5px;text-shadow:2px 2px 0 var(--ink),3px 3px 0 var(--ink)}.wordmark .wordmark-games{font-size:12px;letter-spacing:7px;margin-top:11px;gap:10px}.wordmark-games:before,.wordmark-games:after{height:4px}.mast-tagline{font-size:clamp(9px,2.6vw,13px);letter-spacing:0;margin-top:10px}.header-play{display:none}.masthead:before,.masthead:after{width:24px;height:24px;background-size:12px 12px}.cover-grid{grid-template-columns:1fr;min-height:0;padding:14px}.edition-lead h1{font-size:clamp(38px,10.5vw,65px);letter-spacing:-1px}.cover-highlights{gap:13px}.cover-callout h2{font-size:26px}.cover-callout p{font-size:14px}.edition-cover{margin-top:15px;box-shadow:3px 3px 0 var(--ink)}.edition-lead{padding-top:145px}.catalog-heading h1,.news-index h1{letter-spacing:-1px}.catalog-heading>span{padding:10px;min-width:50px;font-size:33px}.catalog-heading small{font-size:6px}.news-list .news-card{grid-template-columns:1fr}.studio-links{flex-wrap:wrap;gap:15px}.related-strip{flex-wrap:wrap}.site-footer{font-size:7px}.running-head{font-size:8px;line-height:1.5}}
.edition-art{object-position:center top;top:38px;height:calc(100% - 38px)}
@media(max-width:650px){.edition-art{top:35px;height:540px;object-position:center top}}
/* Outlined checker tiles and a filled pixel pointer. */
.masthead:before,.masthead:after,.studio-poster:after{outline:2px solid var(--ink);outline-offset:-2px;background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px),conic-gradient(var(--red) 25%,var(--paper) 0 50%,var(--red) 0 75%,var(--paper) 0);background-size:26px 26px,26px 26px,26px 26px}
.masthead:after{background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px),conic-gradient(var(--ink) 25%,var(--paper) 0 50%,var(--ink) 0 75%,var(--paper) 0)}
.studio-poster:after{background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px),conic-gradient(var(--yellow) 25%,var(--paper) 0 50%,var(--yellow) 0 75%,var(--paper) 0);background-size:25px 25px}
.pixel-pointer{width:34px;height:43px;right:-21px;bottom:-27px;transform:rotate(-14deg);pointer-events:none}
@media(max-width:650px){.masthead:before,.masthead:after{background-size:12px 12px}}
/* Use the actual approved banner lettering, including the Games line/tagline. */
.masthead .wordmark{width:100%;max-width:650px;min-width:0;display:block;white-space:normal;mix-blend-mode:multiply}.brand-lettering{display:block;width:100%;height:auto;overflow:hidden}.masthead{padding-top:18px;padding-bottom:18px}
@media(max-width:650px){.masthead{padding-top:16px;padding-bottom:16px}.masthead .wordmark{max-width:430px}}