:root{color-scheme:dark;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4edda;background:#101c18}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(8,19,14,.82),rgba(9,21,16,.35)),url("valley.png") center/cover fixed;min-height:100svh}button,a,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid #d2b979;border-radius:7px;background:#d9bf7d;color:#14241d;font:700 1rem inherit;min-height:48px;padding:12px 24px}button:disabled{opacity:.55;cursor:wait}a{color:#e6cc89}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f9df9c;outline-offset:4px}[hidden]{display:none!important}.brand{padding:26px max(24px,env(safe-area-inset-left));font-weight:750;letter-spacing:.15em}.brand span{float:right;font-size:.7rem;color:#d5d4c5;letter-spacing:.12em}.card{max-width:650px;margin:3vh 5vw;padding:clamp(22px,4vw,44px);background:rgba(12,29,22,.94);border:1px solid #65775d;border-radius:14px;box-shadow:0 24px 70px #0005}.eyebrow{font-size:.75rem;letter-spacing:.18em;color:#e4ce8d}h1{font-size:clamp(2.8rem,7.4vw,4.5rem);line-height:1.02;margin:16px 0;letter-spacing:-.03em}.lede{font-size:1.3rem;color:#e7e1cd}.beta-label{font-size:.78rem;letter-spacing:.06em;border-left:3px solid #d9bf7d;padding-left:12px;color:#e5d4a6}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 12px}#status,#download-size{color:#c7d1bf;font-size:.9rem}progress{width:100%;height:12px;accent-color:#d9bf7d}details{border-top:1px solid #64785a70;margin-top:14px;padding-top:14px;font-size:.9rem}summary{cursor:pointer;min-height:44px;padding:9px 0;color:#e4d7b8}textarea{width:100%;padding:12px;background:#071610;color:#f5efda;border:1px solid #879778;border-radius:6px;font:inherit;resize:vertical}.small{font-size:.85rem;padding:10px 14px}.footer{font-size:.75rem;color:#b1bcaa;margin-top:24px}.link{background:none;border:0;color:#e6cc89;font:inherit;padding:0;min-height:44px;text-decoration:underline}#cancel{background:transparent;color:#f4edda}#portrait-hint{color:#ffe1a0}#game-frame{position:fixed;left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);top:env(safe-area-inset-top,0px);bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:center;justify-content:center;background:#050a08}#canvas{display:block;background:#050a08;touch-action:none;outline:none}body.playing{background:#050a08;overflow:hidden}#beta-badge{position:fixed;top:max(4px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#07170ed9;border-radius:20px;color:#e8ddba;padding:3px 12px;font-size:10px;letter-spacing:.06em;pointer-events:none;z-index:2;white-space:nowrap}#rotate{position:fixed;inset:0;z-index:10;background:#10241ff5;display:grid;place-items:center;padding:30px;text-align:center}#rotate>div{max-width:400px}#rotate h2{font-size:2.4rem;margin:.4em 0}body.error #welcome{display:block}.card p{overflow-wrap:anywhere}@media(max-width:600px){.brand span{display:block;float:none;margin-top:8px}.card{margin:0 16px 24px}.brand{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:20px}}
#welcome{position:relative;z-index:3}button{font-family:system-ui,sans-serif;font-weight:700;font-size:1rem}
button#beta-badge{pointer-events:auto;min-height:40px;border:1px solid #7a8460;font:600 10px system-ui,sans-serif;cursor:pointer}
