:root{--bg:#070e14;--panel:#101e29;--ink:#edf6f7;--orange:#ff9000;--cyan:#039ec3;--red:#ed263b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Courier New',monospace;line-height:1.65;background-image:linear-gradient(#039ec309 1px,transparent 1px),linear-gradient(90deg,#039ec309 1px,transparent 1px);background-size:36px 36px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer}.editor{display:flex;align-items:center;gap:12px;padding:9px 4%;font-size:10px;background:#15202a;border-bottom:1px solid #344651}.editor span{margin-right:auto;color:#c1ced4}.editor small{display:block;color:#8ea1ac}.editor button{background:transparent;border:1px solid #627480;color:#edf6f7;padding:5px 10px}.arcade-header{max-width:1280px;margin:auto;padding:25px 35px;display:flex;justify-content:space-between;gap:30px;align-items:center}.brand{font-size:22px;font-weight:900;line-height:1;color:var(--orange);text-shadow:2px 2px #7d4100;letter-spacing:1px}.brand span{display:block;color:var(--red);font-size:15px;letter-spacing:5px;margin-top:8px;text-shadow:none}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:10px 14px;font-size:11px;text-transform:uppercase;font-weight:bold;border:1px solid #324c5c;background:#0d1922}nav a:hover,nav a[aria-current=page]{border-color:var(--cyan);color:var(--cyan);box-shadow:3px 3px 0 #039ec340}.arcade-home{max-width:1280px;margin:auto;padding:20px 35px 60px}section{max-width:1200px;margin:auto;padding:55px 35px}.title-screen{position:relative;text-align:center;border:3px solid var(--cyan);box-shadow:8px 8px 0 #034354,-8px -8px 0 #ed263b44;background:radial-gradient(ellipse at center,#162d3a 0,#0a151e 70%);padding:18px 25px 22px;overflow:hidden}.title-screen:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);pointer-events:none;z-index:1}.screen-top,.screen-bottom{position:relative;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:var(--cyan);z-index:2}.screen-top span:first-child{color:var(--orange)}.screen-top span:last-child{color:var(--red)}.screen-bottom{border-top:1px solid #2a414e;padding-top:16px;margin-top:35px;color:#9aadb8}.arcade-logo{width:min(330px,70vw);margin:30px auto 22px;background:#fff;box-shadow:6px 6px 0 var(--orange),-6px -6px 0 var(--red)}.arcade-logo img{width:100%;display:block}.welcome-text{max-width:600px;margin:25px auto;color:#bcccd6;font-family:Arial,sans-serif;font-size:16px}.button{display:inline-block;padding:15px 24px;background:var(--orange);border:2px solid #ffbb57;color:#08121a;font-size:12px;font-weight:900;letter-spacing:1px;box-shadow:4px 4px 0 #874300;position:relative;z-index:2}.button:hover{background:#ffae38;transform:translateY(-2px)}.story-link{display:block;width:fit-content;margin:20px auto;color:var(--cyan);font-size:11px;position:relative;z-index:2}.arcade-gallery{padding:50px 0 0}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.gallery-heading h2{font-size:18px;letter-spacing:1px;margin:0}.gallery-heading>span{font-size:9px;color:#8ba1af}.picture-band{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:22px}.picture-placeholder{height:230px;border:2px solid var(--cyan);background:repeating-linear-gradient(45deg,#101e29 0 12px,#12232f 12px 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:4px 4px 0 #034354}.picture-placeholder:nth-child(2){border-color:var(--orange);box-shadow:4px 4px #874300}.picture-placeholder:nth-child(3){border-color:var(--red);box-shadow:4px 4px #78121e}.picture-placeholder span{font-size:40px;font-weight:bold;color:#536875}.picture-placeholder p{font-size:10px;color:#a2b6c2}.picture-placeholder img{width:100%;height:100%;object-fit:cover}h2{font-size:clamp(26px,4vw,45px);line-height:1.2;letter-spacing:-1px}em{color:var(--orange);font-style:normal}h3{font-size:21px;color:var(--cyan)}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:2px}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.editable{font-family:Arial,sans-serif;color:#b9cad4}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.photo-slot{height:300px;border:2px solid var(--cyan);background:#12232f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;font-size:12px;color:#a5bac7}.photo-slot span{font-size:10px;margin-top:10px}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot.has-photo{padding:0}.faqs{max-width:900px}details{border-bottom:1px solid #355060;padding:22px 0}summary{cursor:pointer;font-size:18px}form{background:var(--panel);border:2px solid var(--cyan);padding:30px}label{display:block;font-size:12px;margin-bottom:18px}input,textarea,select{width:100%;background:#070e14;border:1px solid #456172;color:var(--ink);padding:12px;margin-top:7px}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:11px;color:#a4b9c6;margin:0 0 22px}button:disabled{opacity:.55;cursor:default}[data-key]:empty:before{content:attr(data-placeholder);color:#8ea7b8}[data-key]:empty{min-height:32px}.editing [data-key]{outline:1px dashed var(--cyan);padding:10px;white-space:pre-wrap;min-height:48px}.editing [data-key]:focus{outline:2px solid var(--orange);background:#142633}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:750px){.editor{flex-wrap:wrap}.editor span{width:100%}.arcade-header{flex-direction:column;padding:22px;align-items:flex-start}nav{gap:6px}nav a{padding:8px 10px;font-size:10px}.arcade-home{padding:15px 20px 40px}.title-screen{padding:15px}.screen-top,.screen-bottom{font-size:8px;gap:10px;flex-wrap:wrap}.screen-top span:last-child{display:none}.arcade-logo{width:min(280px,65vw)}.picture-band{grid-template-columns:repeat(2,1fr);gap:15px}.picture-placeholder{height:190px}.gallery-heading{align-items:flex-start;flex-direction:column}.gallery-heading h2{font-size:16px}.split,.gallery{grid-template-columns:1fr;gap:25px}section{padding:40px 24px}.fields{grid-template-columns:1fr;gap:0}}
.arcade-logo {
  width: 100%;
  margin: 30px auto 22px;
  box-shadow: none;
  background: transparent;
}

.arcade-logo img {
  display: block;
  width: 100%;
  height: auto;
}
/* About Me portrait, directly below Behind the paint. */
#about .artist-portrait {
  width: 100%;
  max-width: 360px;
  aspect-ratio: 3 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #12232f;
  border: 2px solid var(--cyan);
  box-shadow: 5px 5px 0 #034354;
  color: #a5bac7;
  font-size: 12px;
  letter-spacing: 2px;
}

#about .artist-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}