:root{color-scheme:dark;--gold:#ffcc00;--cyan:#7cffff;--purple:#e7a0ff;--muted:#b4becb;--edge:#584468}*{box-sizing:border-box}body{margin:0;background-color:#03030b;background-image:radial-gradient(1px 1px at 17px 25px,#d4c6f0 95%,transparent),radial-gradient(1px 1px at 110px 76px,#7a85a1 95%,transparent),radial-gradient(1px 1px at 61px 112px,#796591 95%,transparent);background-size:149px 137px,211px 181px,263px 229px;color:var(--cyan);font:17px/1.65 Arial,Helvetica,sans-serif}.site{max-width:1040px;margin:30px auto;padding:0 32px}a{color:var(--purple);text-underline-offset:4px}a:hover{color:#fff}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;background:black;padding:10px;z-index:10}.skip:focus{top:12px}.original-banner{width:100%;margin:10px auto 28px;table-layout:fixed;text-align:center}.original-banner td:first-child,.original-banner td:last-child{width:110px}.original-banner h1{font-size:36px;line-height:1.25;margin:0}.original-banner font{font:inherit!important;color:var(--gold)}.original-banner font[color="#CC00CC"]{display:inline-block;color:var(--purple);font-size:22px!important;margin-top:8px}.original-banner img{vertical-align:middle;max-width:100%;height:auto}.pixel{image-rendering:pixelated}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 27px;padding:14px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);font-size:15px}nav a[aria-current]{color:var(--gold);text-decoration:none}nav .play-link{color:var(--gold);font-weight:bold}main{padding:36px 0 18px}h2,h3{color:var(--gold);line-height:1.25}h2{font-size:34px;margin:0 0 22px}h3{font-size:22px;margin:20px 0 12px}p{margin:0 0 20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:15px}.lead{font-size:21px}.welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}.button{display:inline-block;color:#080609;background:var(--gold);border:3px outset #ffe688;padding:10px 19px;font-weight:bold;font-size:16px;letter-spacing:1px;text-decoration:none}.button:hover{background:#fff099;color:black}.note{font-size:13px;color:var(--muted);margin-top:15px}.ship-window{border:2px solid #786481;background:#080610;text-align:center;box-shadow:6px 6px 0 #24132b}.window-label{font:11px/1.4 monospace;letter-spacing:1px;color:var(--muted);padding:12px;border-bottom:1px solid var(--edge)}.scene{height:206px;position:relative;border-bottom:10px ridge #52697b;background:linear-gradient(90deg,transparent 49%,#232737 50%,transparent 51%),linear-gradient(#09081a,#191a30);background-size:64px 100%}.scene img{position:absolute;bottom:0}.captain{width:64px;left:9%}.mama{width:92px;left:34%}.exit{width:98px;right:5%}.ship-window p{font-size:14px;color:var(--purple);padding:16px;margin:0}hr{border:0;border-top:1px solid var(--edge);margin:36px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.columns h2{font-size:25px}.briefing{padding-left:24px}.briefing li{margin:0 0 20px}.briefing a{font-weight:bold}.keys{display:grid;grid-template-columns:145px 1fr;gap:15px 16px}.keys dd{margin:0}.keys dt{color:white}kbd{font:14px Arial;background:#1a1024;color:#fff;border:1px solid #9167a7;border-bottom:3px solid #654b73;padding:4px 7px;white-space:nowrap}li{margin-bottom:14px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:10px 48px}.guide section{padding:22px 0;border-bottom:1px dashed var(--edge);display:flow-root}.guide img{float:right;max-width:90px;max-height:95px;width:auto;height:auto;margin:18px 0 15px 18px}.guide h3{margin-top:0}.notice{padding:5px 22px;border-left:3px solid var(--purple);background:#100c1b;margin-top:30px}.notice p{color:var(--muted)}footer{text-align:center;border-top:1px solid var(--edge);padding:24px 0 35px;margin-top:25px}footer p{color:var(--muted);font-size:12px;margin-top:20px}body.game{padding:22px}.game main{max-width:1050px;margin:auto;padding:0}.game h1{color:var(--gold);font-size:30px}.game p,.game #title,.game details{color:var(--cyan)}.game #menu,.game #result{background:#0c0b17;border:1px solid var(--edge);border-radius:0}.game button,.game select{background:#1c1029;color:#fff;border-radius:0;border:2px outset #84658f}.game button.primary{background:var(--gold);color:black;border-color:#ffe688}.game .game-nav{max-width:1050px;margin:0 auto 24px;justify-content:flex-start}.game canvas{max-width:min(100%,max(320px,calc(133.333vh - 430px)));width:960px;border:2px ridge #705c80}.game #title{font-size:16px}.game kbd{border-radius:0}.game #status{color:var(--gold)}@media(max-width:700px){.site{margin:16px auto;padding:0 20px}.original-banner td:first-child,.original-banner td:last-child{width:52px}.original-banner h1{font-size:25px}.original-banner font[color="#CC00CC"]{font-size:16px!important}.original-banner td:first-child img{width:32px}.original-banner td:last-child img{width:49px}nav{gap:10px 17px}.welcome,.columns,.guide{grid-template-columns:1fr;gap:22px}h2{font-size:29px}.welcome{align-items:start}.ship-window{max-width:410px;width:100%;margin:auto}.keys{grid-template-columns:120px 1fr;gap:15px 10px}.game{padding:14px!important}.game .game-nav{font-size:14px}.game h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Restore the original site’s character-led, Arial-era presentation. */
body:not(.game){background-image:url('web-art/space.gif');background-size:auto;background-color:#000;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#00ffff}
.original-banner h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:36px}
.original-banner font[color="#CC00CC"]{font-size:28px!important;font-weight:400;color:#df72ec}
.original-banner td:last-child{width:20px}
body:not(.game) h2{font-family:Arial,Helvetica,sans-serif;font-size:42px;font-weight:400}
body:not(.game) h3{font-family:Arial,Helvetica,sans-serif;font-size:24px}
.harry-portrait{text-align:center;align-self:center}.harry-portrait img{display:block;margin:0 auto;width:151px;height:242px}.harry-portrait p{font-size:15px;color:#df72ec;margin-top:18px}
.welcome{grid-template-columns:1.5fr 1fr;gap:35px}.lecture-title{text-align:center;margin:8px 0 24px}.lecture-title h2{font-size:48px!important;margin-bottom:12px}.professor-subtitle{font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:1.3;font-weight:400;color:#df72ec;margin:0}
.professor-intro{display:flow-root;margin:22px 0 28px;min-height:247px}.professor-intro img{float:right;width:262px;height:247px;margin:0 0 22px 35px}.professor-intro .lead{color:#ffcc00;font-size:23px}.professor-intro h3{margin-top:24px}.about-harry{float:right;margin:0 0 22px 30px}.guide .web-icon{image-rendering:auto;width:auto;max-width:115px;max-height:none}
@media(max-width:700px){body:not(.game) h2{font-size:32px}.original-banner h1{font-size:26px}.original-banner font[color="#CC00CC"]{font-size:21px!important}.original-banner td:first-child{width:62px}.original-banner td:first-child img{width:56px}.original-banner td:last-child{width:0}.welcome{grid-template-columns:1fr}.harry-portrait{grid-row:auto}.lecture-title h2{font-size:36px!important}.professor-subtitle{font-size:24px}.professor-intro img{float:none;display:block;margin:0 auto 26px;max-width:100%;height:auto}.about-harry{float:none;display:block;margin:0 auto 25px}}

.old-play{display:inline-block;line-height:0}.old-play img{width:139px;height:46px;border:0}.old-play:hover{filter:brightness(1.2)}

.story-intro{display:flow-root;margin:24px 0 30px;min-height:242px}.story-intro>img{float:right;margin:0 30px 24px 45px}.story-chapter{max-width:820px;margin:36px auto;padding:12px 25px;border-left:2px solid var(--edge)}.story-chapter strong{color:var(--purple);font-size:14px}.story-chapter h3{margin-top:0}.chapter-links{margin:22px 0}.catalogue dt{color:var(--purple);font-size:22px;margin-top:25px}.catalogue dd{margin:8px 0 20px}.recordings{display:grid;grid-template-columns:1fr 1fr;gap:24px}.recording{padding:10px 0 22px;border-bottom:1px solid var(--edge)}audio{width:100%;max-width:400px;display:block}.faq details{padding:18px 0;border-bottom:1px solid var(--edge)}.faq summary{cursor:pointer;font-size:21px;color:var(--gold)}.faq details p{margin:15px 0 0}.art-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:35px 0}.art-gallery figure{margin:0;padding:18px;text-align:center;border:1px solid var(--edge);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px}.art-gallery img{max-width:100%;height:auto;max-height:350px;object-fit:contain}.art-gallery figcaption{font-size:13px;color:var(--purple);margin-top:14px}.workshop-icon{vertical-align:middle;margin:0 14px 10px 0}nav{gap:8px 22px}.game .game-nav{gap:10px 27px}
@media(max-width:700px){.story-intro>img{float:none;display:block;margin:0 auto 25px}.recordings{grid-template-columns:1fr}.art-gallery{grid-template-columns:1fr 1fr;gap:15px}.art-gallery figure{padding:12px}.story-chapter{padding:10px 15px}.faq summary{font-size:19px}nav{gap:8px 16px}}

.original-back{display:block;width:136px;margin:0 auto 18px;line-height:0}.original-back img{width:136px;height:70px}