@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600;700&display=swap');
#viewport-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:8px 16px;font-size:12px;background:#121b15}
#viewport-controls label{display:flex;align-items:center;gap:8px}
#viewport-controls input{width:120px;accent-color:var(--gold)}
#viewport.resizable{flex:none;align-self:center;resize:both;overflow:hidden;min-width:min(320px,100vw);min-height:240px;max-width:100%;max-height:calc(100dvh - 150px);border:1px solid #e0bc7970}
#viewport:fullscreen{width:100vw!important;height:100dvh!important;max-width:none;max-height:none;resize:none;border:0}
#exit-fullscreen{position:absolute;bottom:12px;right:12px;z-index:2;background:#121b15}
#game:has(.resizable){overflow:auto}
:root{color-scheme:dark;--gold:#e0bc79;--muted:#abb2ac;--ink:#101813}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f5f2e7;font-family:Manrope,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d9b36e;border-radius:4px;background:var(--gold);color:#182016;padding:19px 27px;font:700 14px Manrope,system-ui;transition:background .2s,transform .2s}button:hover{background:#f0d49e;transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid #a6ded8;outline-offset:5px}a{color:inherit;text-decoration:none}#landing{background:linear-gradient(90deg,rgba(8,16,12,.94),rgba(8,16,12,.73) 48%,rgba(8,16,12,.18)),linear-gradient(0deg,#101813,transparent 55%),url('/landscape.jpg') center top/auto 850px no-repeat}nav{display:flex;justify-content:space-between;align-items:center;padding:33px 6%;border-bottom:1px solid #c3c8b51a}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;letter-spacing:4px;color:var(--gold)}.world{font-size:12px;color:#cad4c4;display:flex;gap:9px;align-items:center}.world i{width:6px;height:6px;border-radius:50%;background:#9ccc9d;box-shadow:0 0 15px #9ccc9d}.hero{padding:82px 6% 63px;max-width:1000px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--gold)}h1{font:500 clamp(48px,5.8vw,84px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;margin:27px 0}h1 em{font-weight:500;color:var(--gold)}.intro{color:#c5ccbf;line-height:1.9;font-size:15px}.actions{display:flex;gap:12px;margin-top:34px}.actions span{margin-left:25px}.secondary{background:#111b1480;color:#ead9b7;border-color:#d9b36e60}.secondary:hover{background:#2d3826}.fine{color:#9ea998;font-size:11px;margin-top:18px}.beta{color:#a8b3a0;font-size:11px;line-height:1.8;margin-top:25px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 6%;border-block:1px solid #c3c8b525;font-size:11px;color:#aeb8a3}footer b{padding:0 18px;color:var(--gold)}#guide{padding:65px 6%;background:#101813}h2{font:500 38px 'Cormorant Garamond',Georgia,serif}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}article strong{font-size:13px;color:var(--gold)}article p{font-size:13px;line-height:1.9;color:var(--muted)}[hidden]{display:none!important}#game{height:100dvh;display:flex;flex-direction:column}#game header{display:flex;align-items:center;gap:20px;padding:10px 24px;background:#121b15;min-height:62px}#game header a{color:var(--gold);font-family:Georgia,serif;letter-spacing:2px}#connection{margin-left:auto;font-size:12px;color:#c5d4bc}.small{padding:8px 14px;font-size:11px;background:transparent;color:var(--gold);border-color:#d9b36e50}.viewport{flex:1;min-height:0;position:relative;background:#000;display:flex;align-items:center;justify-content:center}canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;outline:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse,#273226,#0e160f)}#loading p{font-size:13px;color:var(--muted)}#loading .eyebrow{color:var(--gold)}progress{width:min(400px,75%);height:5px;accent-color:var(--gold)}.game-hint{padding:8px 20px;margin:0;font-size:11px;color:#a7b5a0;background:#121b15;line-height:1.8}#save-status{float:right}@media(max-width:700px){nav{padding:23px 6%}.brand{font-size:18px}.world{font-size:10px}.hero{padding-top:60px}h1{letter-spacing:-1px}.actions{flex-direction:column;align-items:flex-start}footer{flex-wrap:wrap}.guide-grid{grid-template-columns:1fr;gap:20px}#game header{gap:8px;padding:8px}#game header a{font-size:12px}.game-hint{font-size:9px}#connection{font-size:10px}}