:root{color-scheme:dark;font-family:"Trebuchet MS",system-ui,sans-serif;background:#081718;color:#f8edcf}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 25%,#173a37,#071313 72%)}button{font:inherit;color:#f8edcf;background:#284e47;border:2px solid #e3bd68;border-radius:6px;padding:.65rem 1rem;cursor:pointer;box-shadow:0 3px 0 #0a1917}button:hover,button:focus-visible{background:#38695e;outline:2px solid #fff1b2;outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed}.secondary{background:#172d2c;border-color:#72988b}#shell{position:relative;width:100%;height:100%;display:grid;place-items:center}#game{width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16/9;box-shadow:0 0 80px #0009;background:#061010;overflow:hidden}canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}.hidden{display:none!important}.screen{position:absolute;inset:0;display:grid;place-items:center;background:#071315d9;z-index:20}.panel,.title-card,.date-box{width:min(92vw,520px);padding:1.5rem;background:linear-gradient(145deg,#172d2c,#0d201f);border:3px solid #d3b263;box-shadow:0 12px 45px #000b,inset 0 0 0 2px #5f4a28;border-radius:8px}.compact{text-align:center}.title-card{width:min(88vw,450px);text-align:center}.title-card h1{font-family:Georgia,serif;font-size:clamp(2rem,7vw,3.8rem);line-height:.94;margin:.45rem 0 1.6rem;text-shadow:3px 3px #522a35}.title-card h1 span{color:#f2c66d}.title-card nav{display:grid;gap:.65rem;max-width:280px;margin:auto}.title-card small{display:block;margin-top:1.1rem;color:#8eaaa2}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:#d6b86e;font-size:.75rem;font-weight:bold}.bar{height:12px;border:1px solid #b99b5a;background:#071110}.bar i{display:block;height:100%;width:0;background:#6db88b;transition:width .15s}#hud{position:absolute;inset:0;z-index:6;pointer-events:none;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16/9;margin:auto;padding:12px;display:flex;align-items:flex-start;gap:10px;font-size:clamp(.66rem,1.45vw,.95rem)}#hearts{padding:7px 9px;background:#091917dc;border:2px solid #c8ab66;border-radius:5px;color:#ed6671;letter-spacing:2px}.quest{max-width:440px;padding:6px 10px;background:#091917dc;border:2px solid #537b70;border-radius:5px;display:grid}.quest span{color:#d7e3d7;font-size:.9em}#area-name{margin-left:auto;padding:6px 9px;background:#091917c7;border-radius:5px}.dialogue{position:absolute;z-index:15;left:50%;bottom:4%;transform:translateX(-50%);width:min(92vw,720px);min-height:118px;display:flex;gap:16px;padding:12px 16px;background:linear-gradient(#17302e,#0a1918);border:3px solid #e0bd69;border-radius:7px;box-shadow:0 8px 28px #000b}.dialogue img{width:92px;height:92px;object-fit:cover;image-rendering:pixelated;background:#0b1d1c;border:2px solid #6e9a88}.dialogue b{color:#f1c86f;font-size:1.08rem}.dialogue p{margin:.35rem 0;line-height:1.35;font-size:clamp(.9rem,2vw,1.08rem)}.dialogue small{color:#8eaaa2}.panel h2{margin-top:0;color:#f0c66d}.panel button{margin-top:1rem}.menu-row{padding:.55rem;border-bottom:1px solid #31514b}.menu-row span{color:#9ebbb1}.date{background:#061113e8 url('assets/world/date_clearing.png') center/cover no-repeat}.date-box{display:flex;gap:18px;width:min(94vw,700px);background:#0b1919ef}.date-box>img{width:118px;height:118px;object-fit:cover;image-rendering:pixelated;border:2px solid #d3b263;background:#102725}.date-box>div{flex:1}.date-box h2{margin:.2rem 0;color:#f0c66d}.date-box p{line-height:1.45}.date-box button{margin:.25rem}.date-box #date-choices{display:grid;gap:.35rem}.date-box #date-choices button{text-align:left}#touch{position:absolute;z-index:10;inset:auto 0 12px;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none}.dpad,.actions{display:grid;grid-template-columns:repeat(2,52px);gap:5px;pointer-events:auto}.dpad button,.actions button{width:52px;height:52px;padding:0;background:#0a1b1bcc;border-color:#d2b96d99;touch-action:none}.actions{align-self:end}.actions button{border-radius:50%}@media(pointer:fine){#touch{display:none!important}}@media(max-width:650px){.dialogue{bottom:2%;min-height:105px;padding:9px}.dialogue img{width:70px;height:70px}.date-box>img{width:82px;height:82px}.panel,.date-box{padding:1rem}#hud{padding:6px}.quest{max-width:65%}}