@font-face{font-family:Marcellus;src:url('Marcellus-Regular.ttf')}@font-face{font-family:Barlow;src:url('Barlow-Regular.ttf')}
:root{color-scheme:dark;--ink:#102a32;--brass:#c8a765;--paper:#f4e8ce}
*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--ink);color:var(--paper);font-family:Barlow,sans-serif}#unity-canvas{width:100%;height:100%;display:block;outline:none}
#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#294b50 0%,#102a32 55%,#0b1b23 100%)}
#loading[hidden],button[hidden],aside[hidden]{display:none}.eyebrow{font-size:14px;letter-spacing:.25em;color:var(--brass);margin:26px 0 8px}h1{font:clamp(46px,7vw,76px)/1.1 Marcellus,serif;margin:0}.subtitle{font:24px Marcellus,serif;margin:12px 0 35px;color:var(--brass)}#status{font-size:20px;margin:0 0 16px;max-width:560px;line-height:1.4}progress{width:min(330px,80vw);height:7px;appearance:none;border:1px solid #7a6d4c;background:#0b1b23}progress::-webkit-progress-bar{background:#0b1b23}progress::-webkit-progress-value{background:var(--brass)}progress::-moz-progress-bar{background:var(--brass)}.hint{font:20px Marcellus,serif;margin:27px 0 12px}.note{font-size:16px;line-height:1.4;color:#bdc9c5;max-width:370px;margin:0}.seal{width:68px;height:68px;border:1px solid var(--brass);outline:1px solid #8c784f;outline-offset:7px;transform:rotate(45deg);display:grid;place-items:center}.seal span{display:block;width:29px;height:29px;border:3px double var(--brass);background:repeating-linear-gradient(90deg,transparent 0 5px,#c8a765 6px 7px);transform:rotate(-45deg)}button{font:18px Marcellus,serif;margin-top:24px;padding:12px 30px;cursor:pointer;border:1px solid var(--brass);background:#c8a765;color:#102a32}button:focus-visible{outline:3px solid white;outline-offset:4px}#small-screen{position:absolute;bottom:0;left:0;right:0;background:#102a32ee;padding:12px 20px;font-size:16px;text-align:center;border-top:1px solid var(--brass);pointer-events:none}
@media(prefers-reduced-motion:no-preference){#loading h1{animation:arrive .6s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}