@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--ink:#101b25;--panel:#182630;--gold:#e9be73;--cream:#f4e8d4;--muted:#a9b2b5;--line:#ffffff20;font-family:'DM Sans',sans-serif;font-size:16px;background:var(--ink);color:var(--cream)}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:none;border:1px solid var(--line);border-radius:5px;padding:10px 15px;transition:background .15s,border-color .15s}button:hover{background:#ffffff0c;border-color:#e9be7380}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button.gold{background:var(--gold);color:#201a13;border-color:var(--gold);font-weight:700}button.gold:hover{background:#fbd99d}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:var(--gold);font-weight:600}h1,h2,p{margin:0}h1,h2,.brand{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}p{line-height:1.65}.start{min-height:100svh;display:grid;grid-template-columns:minmax(320px,.85fr) 1.15fr;max-width:1440px;margin:auto;align-items:center;padding:36px 6vw;gap:7vw;background:radial-gradient(ellipse at 15% 45%,#29445855,transparent 65%)}.cover{max-width:490px;justify-self:center;transform:rotate(-2deg);box-shadow:0 25px 75px #000a}.cover img{display:block;width:100%;max-height:86svh;object-fit:contain}.start-copy{max-width:560px}.start h1{font-size:clamp(4rem,7vw,7rem);line-height:.88;letter-spacing:-.04em;margin:28px 0}.start h1 em,.brand em{color:var(--gold);font-weight:400}.start h2{font-size:1.7rem;line-height:1.2;margin:0 0 25px}.start p{color:#bcc3c6;max-width:480px}.start-button{margin-top:32px;display:flex;justify-content:space-between;gap:35px;min-height:55px}.start-meta{font-size:.875rem;color:var(--muted);margin:18px 0}.start-foot{margin-top:50px;font-size:.75rem;color:var(--muted);line-height:1.6}.start-foot span{color:var(--gold);padding:0 10px}.game-shell{max-width:1440px;margin:auto;padding:0 40px 24px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:1.65rem;border:0;padding:0;white-space:nowrap}.chapter{color:var(--muted);font-size:.875rem}.header-actions{display:flex;gap:8px}.header-actions button{font-size:.875rem;border:0;color:var(--muted)}.location{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;gap:16px}.location h1{font-size:2.15rem;margin-top:4px}.spot-toggle{font-size:.875rem;color:var(--gold)}.stage{position:relative;width:100%;aspect-ratio:1672/941;background:#090f15;overflow:hidden;border:1px solid #ddb87145;border-radius:6px 6px 0 0}.scene{display:block;width:100%;height:100%;object-fit:cover}.scene-caption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px 12px;background:linear-gradient(transparent,#080c12bd);font-family:Georgia,serif;font-size:.875rem;pointer-events:none;color:#f2dab4}.scene-caption span{font-size:.625rem;padding-right:8px;color:var(--gold)}.hotspot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2}.marker{width:27px;height:27px;border-radius:50%;border:1px solid #edd297a8;background:#111922b0;color:#fbdca3;display:grid;place-items:center;box-shadow:0 2px 10px #0008;opacity:.65;font-size:18px;transition:opacity .2s,transform .2s}.person .marker{border-radius:4px}.hotspot:hover{background:transparent}.hotspot:hover .marker,.hotspot:focus .marker,.show-spots .marker{opacity:1;transform:scale(1.08)}.hotspot-label{display:none;position:absolute;bottom:100%;white-space:nowrap;background:#111922f0;color:#fbe1af;border:1px solid #aa884f;border-radius:4px;padding:5px 9px;font-size:.875rem;box-shadow:0 3px 15px #0008}.hotspot:hover .hotspot-label,.hotspot:focus .hotspot-label,.show-spots .hotspot-label{display:block}.hotspot:focus,.hotspot:hover{z-index:5}.console{display:grid;grid-template-columns:340px 1fr;background:#1b2b36;border:1px solid #ffffff19;border-top:0}.action-area{padding:21px 24px;border-right:1px solid var(--line)}.verbs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.verb{font-size:.875rem;padding:9px;border-color:#ffffff22;color:#c5ccce}.verb.active{border-color:var(--gold);color:var(--gold);background:#e9be7310}.action-status{font-size:.75rem;color:#b6c2c7;line-height:1.4;margin-top:12px;min-height:34px}.inventory-area{padding:21px 24px}.inventory-heading{display:flex;justify-content:space-between;gap:20px}.inventory-heading>span:last-child{color:var(--muted);font-size:.75rem}.inventory{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;align-items:stretch;min-height:89px}.item{width:108px;font-size:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;min-height:89px;background:#101b2566}.item-icon{font-family:Georgia,serif;font-size:1.9rem;color:var(--gold);height:34px}.item.selected{border-color:var(--gold);background:#e9be7320}.empty-inventory{color:#8f9da6;font-size:.875rem;align-self:center}.story-panel{display:flex;gap:18px;padding:23px 24px;background:#0b141d;border:1px solid var(--line);border-top:0;min-height:110px}.speaker-medallion{flex-shrink:0;width:44px;height:44px;border:1px solid #e9be7360;color:var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:1.35rem;border-radius:50%;background:#e9be730a}.speaker-name{text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;color:var(--gold);margin-bottom:7px}.story-text{flex:1}.story-text p{font-size:1rem;color:#d6d9d6;max-width:1000px}#choices{display:flex;flex-direction:column;align-items:flex-start;gap:7px}#choices:not(:empty){margin-top:15px}#choices button{font-size:.875rem;text-align:left;color:var(--gold);border-color:#e9be732a}#choices button span{margin-left:15px}.game-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:17px;color:var(--muted);font-size:.75rem}.game-footer #goal{flex:1;min-width:250px}.game-footer button{font-size:.875rem;color:var(--gold);border:0;padding:0}.save-label{width:100%;font-size:.75rem;opacity:.7}.completion{border-left:2px solid var(--gold);padding-left:20px;margin:10px 0}.completion h2{font-size:2rem;margin:8px 0}.completion button{margin-top:14px}dialog{max-width:580px;width:calc(100% - 32px);background:#162631;border:1px solid #e9be7370;border-radius:10px;color:var(--cream);padding:30px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#02070ad9;backdrop-filter:blur(4px)}dialog h2{font-size:2.1rem;margin-bottom:18px}dialog p{margin-bottom:18px;color:#cbd0d1}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}@media(min-width:1500px){.game-shell{max-width:1380px}.stage{max-height:620px;aspect-ratio:auto}.scene{object-fit:fill}}@media(max-width:900px){.game-shell{padding:0 18px 20px}.chapter{display:none}.console{grid-template-columns:280px 1fr}.action-area,.inventory-area{padding:18px}.start{gap:35px;padding:30px}.start h1{font-size:4.5rem}.start h2{font-size:1.4rem}.start-foot{margin-top:25px}}@media(max-width:620px){.start{grid-template-columns:1fr;padding:24px;gap:26px}.cover{max-width:210px;transform:rotate(-2deg)}.cover img{max-height:310px}.start-copy{text-align:center}.start h1{font-size:3.9rem;margin:16px 0}.start h2{font-size:1.35rem}.start p{font-size:.875rem}.start-button{margin:24px auto 0}.start-meta{font-size:.75rem}.start-foot{margin-top:20px}.game-shell{padding:0 10px 20px}.topbar{height:65px;gap:8px}.brand{font-size:1.3rem}.header-actions{gap:0}.header-actions button{font-size:.75rem;padding:8px}.location{padding:16px 3px 13px}.location h1{font-size:1.65rem}.location .eyebrow{font-size:.65rem}.spot-toggle{padding:9px;font-size:.75rem}.stage{aspect-ratio:1.45}.scene{object-fit:fill}.scene-caption{font-size:.65rem;padding:20px 10px 8px}.hotspot-label{font-size:.75rem;padding:4px 6px;white-space:normal;min-width:65px;max-width:90px;text-align:center}.marker{width:23px;height:23px}.console{grid-template-columns:1fr}.action-area{padding:15px;border-right:0;border-bottom:1px solid var(--line)}.verbs{grid-template-columns:repeat(4,1fr);gap:5px}.verb{font-size:.75rem;padding:9px 3px}.action-status{min-height:0;margin-top:10px}.inventory-area{padding:15px}.inventory{min-height:55px;gap:7px}.item{width:calc(25% - 6px);min-width:70px;font-size:.75rem;min-height:80px}.story-panel{padding:18px 14px;gap:12px}.speaker-medallion{width:32px;height:32px;font-size:1rem}.story-text p{font-size:.9375rem}.game-footer{padding:16px 5px}.game-footer #goal{width:100%;flex:auto;font-size:.75rem}.eyebrow{font-size:.75rem}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* A warm, dimensional game-menu button with an oversized inventory Bembel. */
button.gold.start-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;width:370px;max-width:calc(100% - 14px);min-height:88px;margin:44px 0 0 14px;padding:17px 22px 17px 88px;border:1px solid #f4d99a;border-bottom-color:#b77928;border-radius:9px;background:linear-gradient(115deg,#d69a40 0%,#f5d28c 36%,#e8b55f 76%,#c98b35 100%);color:#302316;text-shadow:0 1px 0 #ffe7b580;box-shadow:inset 0 2px 0 #ffedbcad,inset 0 -3px 0 #85511545,0 5px 0 #754719,0 7px 0 #1c1713,0 15px 28px #0005;transition:transform .2s,box-shadow .2s,filter .2s}
button.gold.start-button::before{content:'';position:absolute;inset:5px;border-top:1px solid #fff0bd80;border-bottom:1px solid #85511545;border-radius:4px;pointer-events:none}
.start-bembel{position:absolute;left:-23px;bottom:-3px;display:block;width:100px;height:113px;object-fit:contain;transform:rotate(-10deg);filter:drop-shadow(4px 6px 4px #30200f85);pointer-events:none;transition:transform .2s}
.start-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;text-align:left}
.start-kicker{font-family:'DM Sans',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.4;color:#594021}
.start-title{font-family:Georgia,'Times New Roman',serif;font-size:1.4rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.start-arrow{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-left:1px solid #68421a40;padding-left:14px;font-size:1.25rem;color:#593918}
button.gold.start-button:hover{background:linear-gradient(115deg,#e0a74c,#ffdfa0 36%,#efc273 76%,#dfa34b);border-color:#ffe5ac;transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff0c5,inset 0 -3px 0 #85511545,0 7px 0 #754719,0 9px 0 #1c1713,0 17px 34px #0005,0 0 35px #e7b25c20}
button.gold.start-button:hover .start-bembel{transform:rotate(-15deg) translateY(-3px)}
button.gold.start-button:active{transform:translateY(3px);box-shadow:inset 0 2px 0 #ffedbcad,0 2px 0 #754719,0 7px 14px #0005}
button.gold.start-button:focus-visible{outline:3px solid #ffe7b0;outline-offset:8px}
@media(max-width:620px){button.gold.start-button{width:340px;margin:38px auto 0;max-width:calc(100% - 16px);padding:16px 15px 16px 74px;gap:8px;min-height:84px}.start-bembel{width:85px;height:98px;left:-19px}.start-title{font-size:1.18rem}.start-kicker{font-size:.625rem;letter-spacing:.055em}.start-arrow{width:24px;padding-left:8px}}
@media(prefers-reduced-motion:reduce){button.gold.start-button:hover,button.gold.start-button:active{transform:none}button.gold.start-button:hover .start-bembel{transform:rotate(-10deg)}}
/* Original supplied AURORA mark, optically framed without altering the asset. */
.publisher{display:flex;align-items:center;gap:20px;margin-top:26px;padding-top:19px;border-top:1px solid #c9a25d35;max-width:390px}
.aurora-logo{display:block;position:relative;width:132px;height:102px;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}
.aurora-logo img{position:absolute;display:block;width:158px;height:158px;max-width:none;left:-13px;top:-26px;object-fit:contain}
.publisher-copy{display:flex;flex-direction:column;gap:7px}.publisher-copy span{color:#b5b9b7;font-size:.75rem;letter-spacing:.08em}.publisher-copy strong{font-size:.8125rem;letter-spacing:.2em;color:#e8c575;font-weight:500}
.start .start-foot{margin-top:22px}
@media(max-width:620px){.publisher{justify-content:center;gap:16px;margin:25px auto 0;text-align:left}.aurora-logo{width:112px;height:87px}.aurora-logo img{width:134px;height:134px;left:-11px;top:-22px}.publisher-copy strong{font-size:.75rem;letter-spacing:.14em}}