@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,700;1,500&display=swap');
:root{--gold:#e4ba6d;--navy:#0b1820;--paper:#eee4ce;--muted:#a9b2b5}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:#f7efdf;font-family:'DM Sans',sans-serif;background-image:radial-gradient(ellipse at 80% 20%,#29414850,transparent 60%)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dfb46b;outline-offset:4px}button{min-height:44px}header{max-width:1320px;margin:auto;padding:28px 42px;border-bottom:1px solid #c7a66a30;display:flex;align-items:center;justify-content:space-between;gap:20px}#brand{color:var(--gold);text-decoration:none;letter-spacing:3px;font-family:Georgia,serif;font-size:24px;font-weight:bold}#brand span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2.3px;margin-top:7px}.case,.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold)}.ghost{border:1px solid #b8a47a65;color:inherit;background:transparent;padding:10px 18px;border-radius:3px}.ghost:hover{background:#b8a47a15}.hero{max-width:1240px;margin:auto;padding:65px 42px 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}h1,h2,blockquote{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(40px,4.4vw,66px);line-height:1.12;letter-spacing:-1.5px;margin:24px 0}em{color:var(--gold);font-weight:400}.lead{font-size:18px;line-height:1.85;color:#dddcd5}.sub{color:var(--muted);line-height:1.8;font-size:15px;margin:24px 0 30px}.gold{background:var(--gold);color:#142028;padding:18px 24px;border:0;border-radius:3px;font-weight:700;box-shadow:0 7px 24px #0003}.gold:hover{background:#f2cd8b}.gold span{padding-left:30px}.specs{display:flex;gap:18px;margin:30px 0 10px;font-size:9px;letter-spacing:1.2px;color:#c4c4b9}small{font-size:10px;color:var(--muted)}.cover{position:relative;transform:rotate(2deg);max-width:440px;justify-self:center}.cover img{width:100%;display:block;border-radius:3px;box-shadow:0 24px 70px #0009}.seal{position:absolute;bottom:8%;left:-28px;border:1px solid var(--gold);border-radius:50%;background:#12242a;width:90px;height:90px;display:grid;place-content:center;text-align:center;font-size:12px;letter-spacing:2px;transform:rotate(-14deg);box-shadow:0 0 0 6px #12242a}footer{max-width:1156px;margin:0 auto 25px;border-top:1px solid #c7a66a30;padding:22px 0;display:flex;justify-content:space-between;gap:20px;color:#b9b4a8;font-size:12px}footer span:last-child{color:var(--gold);letter-spacing:2px;font-size:10px}#game{max-width:1200px;margin:auto;padding:40px}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-head h1{font-size:46px;margin:14px 0}.workspace-head p:last-child{color:var(--muted);font-size:13px}.progress{min-width:180px}.progress>span{font-family:Georgia,serif;color:var(--gold);font-size:30px}.progress small{display:block;font-size:9px;letter-spacing:1.5px;margin:8px 0 12px}.progress>div{background:#ffffff10;height:3px}.progress i{display:block;height:3px;background:var(--gold);transition:width .3s}nav{display:flex;border-bottom:1px solid #c7a66a40;margin:24px 0 36px;gap:30px}nav button{background:none;color:#aeb6b9;border:0;padding:18px 0;border-bottom:2px solid transparent;font-size:13px}nav button.active{color:var(--gold);border-color:var(--gold)}.desk-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:35px}.desk-intro h2{font-size:36px;margin:16px 0}.desk-intro p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:440px}.al-card{display:flex;background:#15272e;border:1px solid #bba67625;border-radius:5px;overflow:hidden;align-items:center;gap:24px}.al-card img{width:38%;height:220px;object-fit:cover;object-position:50% 42%}.al-card>div{padding:15px 20px 15px 0}.al-card strong{font-family:Georgia,serif;font-size:21px;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.file{border:0;border-top:5px solid #a88b55;background:var(--paper);color:#242c2c;padding:25px 25px 22px;text-align:left;min-height:190px;position:relative;box-shadow:0 5px 15px #0003;transition:transform .2s}.file:hover{transform:translateY(-5px)}.file .type{font-family:monospace;font-size:10px;letter-spacing:1.2px;color:#786b55}.file h3{font:24px Georgia,serif;margin:23px 0 12px}.file p{font-size:12px;line-height:1.6;margin:0;color:#686357}.file .read{position:absolute;right:15px;top:15px;color:#596e55;font-size:10px}.file .arrow{display:block;text-align:right;color:#8a6b38;margin-top:15px}.file:nth-child(4n){background:#e2d3b5}.help-row{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:20px;border-top:1px solid #c7a66a30;padding-top:25px}.help-row p,#hinttext{font-size:13px;color:var(--muted);line-height:1.8}.paper{background:var(--paper);color:#263032;padding:40px;box-shadow:0 10px 30px #0003}.paper h2{font-size:34px}.paper p{line-height:1.8}.stamp{display:inline-block;color:#93483e;border:2px solid #93483e;font:11px monospace;letter-spacing:2px;padding:8px 12px;transform:rotate(-2deg)}textarea{width:100%;min-height:330px;border:1px solid #978e78;background:#f7f0df;padding:20px;font:16px/1.9 Georgia,serif;resize:vertical;color:#263032}form{max-width:700px}label{display:block;font-size:14px;font-weight:600;margin:22px 0}select{display:block;width:100%;margin-top:10px;padding:14px;background:#faf4e7;border:1px solid #aea18a;color:#263032;font:14px sans-serif}#ending{margin-top:35px;border-top:1px solid #aaa08c;padding-top:35px}blockquote{font-size:25px;color:#715522}dialog{width:min(750px,94vw);max-height:90dvh;border:0;background:var(--paper);color:#242b2b;padding:50px;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#051118de;backdrop-filter:blur(7px)}#close{position:sticky;top:0;float:right;border:1px solid #aaa08c;background:var(--paper);width:44px;font-size:18px}#docbody h2{font-size:34px;clear:both}#docbody p,#docbody li{font:15px/1.9 Georgia,serif}#docbody .meta{font:11px/1.8 monospace;border-bottom:1px solid #ac9f85;padding-bottom:18px;white-space:pre-line}#docbody table{width:100%;border-collapse:collapse;font:13px/1.7 monospace}td,th{padding:10px;border-bottom:1px solid #b9ad97;text-align:left}#docbody img{width:100%;max-height:330px;object-fit:cover;object-position:center 45%;filter:sepia(.4);margin:12px 0}#feedback{font-weight:600;color:#8b4639}[hidden]{display:none!important}@media(max-width:750px){header{padding:20px}.case{display:none}#brand{font-size:20px}#resume{font-size:11px;padding:8px 10px}.hero{padding:30px 24px;grid-template-columns:1fr;gap:35px}.hero-copy{order:2}.cover{max-width:300px;transform:rotate(1deg)}.hero h1{font-size:43px}.lead{font-size:16px}.seal{width:70px;height:70px;font-size:10px;left:-15px}footer{margin:15px 24px;flex-direction:column}.specs{gap:12px;font-size:8px}#game{padding:24px 18px}.workspace-head h1{font-size:34px}.progress{min-width:100px}.progress small{font-size:7px;letter-spacing:0}.progress>span{font-size:24px}nav{gap:20px}nav button{font-size:11px}.desk-intro{grid-template-columns:1fr;gap:20px}.al-card img{height:160px;width:32%}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.file{padding:18px;min-height:190px}.file h3{font-size:21px}.file .type{font-size:8px}.file .read{position:static;display:block;margin-top:8px;font-size:9px}.paper{padding:24px}.paper h2{font-size:28px}.help-row{align-items:flex-start;flex-direction:column}dialog{padding:25px}#docbody h2{font-size:28px}td,th{padding:7px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#brand .brand-logo{display:block;width:94px;height:96px;object-fit:contain}header{padding-top:12px;padding-bottom:12px}.cover{width:100%}.cover-art{position:relative;aspect-ratio:2/3;overflow:hidden;border:1px solid #bd9659;border-radius:4px;background:#0b1820;box-shadow:0 24px 70px #0009}.cover .cover-scene{position:absolute;width:100%;height:78%;bottom:0;object-fit:cover;object-position:center 75%;box-shadow:none;border-radius:0}.cover-title{position:absolute;top:0;left:0;width:100%;height:47%;padding:12px 20px 30px;background:linear-gradient(#0b1820 75%,transparent);display:flex;justify-content:center}.cover .cover-title img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:none;border-radius:0}@media(max-width:750px){#brand .brand-logo{width:75px;height:80px}}
/* The logo and illustration occupy separate rows; never obscure the characters. */
.cover-art{display:flex;flex-direction:column;aspect-ratio:auto;overflow:hidden}
.cover-title{position:relative;order:-1;inset:auto;height:auto;padding:18px 0 12px;background:#0b1820;flex:none}
.cover .cover-title img{width:52%;height:auto;max-width:230px;object-fit:contain}
.cover .cover-scene{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;display:block}
.cover{max-width:360px}
@media(max-width:750px){.cover{max-width:300px}.cover-title{padding:14px 0 10px}}