*{box-sizing:border-box}body{margin:0;background:#0b252c url('./sanctuary.webp') center/cover fixed;color:#f6eee1;font:15px/1.55 system-ui,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:#071d25b8;z-index:-1}header,main,footer,#touch{max-width:1210px;margin:auto}header{padding:32px 24px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#a8d9cd;font-weight:750}h1{margin:3px 0;font:42px Georgia,serif}h1 em{font:italic 23px Georgia,serif;color:#edbf83;margin-left:12px}.actions{display:flex;gap:8px}button{border:1px solid #8fa99c66;border-radius:10px;background:#15383e;color:#f9f0de;padding:11px 16px;cursor:pointer;font:600 14px system-ui;touch-action:none}button:hover{background:#2d5254}button:focus-visible,a:focus-visible{outline:3px solid #edbf83;outline-offset:3px}main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;padding:0 24px}#stage{position:relative;aspect-ratio:4/3;border:1px solid #a8d9cd55;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #0006;background:#163943}canvas{display:block;width:100%;height:100%;touch-action:none}q{position:absolute;top:12px;left:4%;width:92%;padding:12px 16px;background:#fff4dfef;color:#593720;border-radius:12px;text-align:center;font:17px/1.4 Georgia}q:before,q:after{content:none}#logo{position:absolute;inset:0;pointer-events:none}#logo svg{width:100%;height:100%}#playTxt{position:absolute;bottom:22%;width:100%;text-align:center;font-size:14px;letter-spacing:2px;text-shadow:0 2px 8px #000;background:#15383ecf;padding:12px}#creditsTxt{position:absolute;bottom:4px;left:18px;font-size:12px;color:white;text-shadow:0 2px 3px #000}#timers{position:absolute;bottom:10px;right:15px;text-align:right;color:#fff;text-shadow:0 1px 4px #000;font:13px monospace}#timers p{margin:3px}#victoryTxt{position:absolute;inset:30% 5%;text-align:center;background:#15383ef5;border-radius:15px;padding:15px;color:#fff}aside{padding:16px 0}h2{font:36px/1.1 Georgia,serif;margin:13px 0 18px}aside p{color:#c7d8d5}#progress{border-block:1px solid #8fa99c44;padding:13px 0;margin:18px 0;color:#edbf83;font-size:22px}.tips{display:grid;grid-template-columns:50px 1fr;gap:8px;font-size:12px}.tips span{color:#bbd4cf}.hint{font-size:12px}#start{background:#e9bb7e;color:#223c3e;width:100%;margin-top:5px}footer{padding:22px 24px;color:#b0c7c2;font-size:11px;display:flex;justify-content:space-between;gap:12px}a{color:#edbf83}#touch{display:flex;justify-content:space-between;padding:15px 24px 0;gap:15px}.dpad{text-align:center}.dpad button{width:50px;padding:10px;margin:2px}.jump{align-self:center;min-height:60px}dialog{max-width:480px;border:1px solid #9ab8ab;border-radius:18px;background:#12383ff2 url('./sanctuary.webp') center/cover;color:#fff;padding:26px;box-shadow:inset 0 0 0 1000px #0b252cdc}dialog::backdrop{background:#001a22c9}dialog p{font-size:14px}[hidden]{display:none!important}@media(max-width:850px){header{padding:18px 16px}h1{font-size:32px}h1 em{font-size:18px}.eyebrow{font-size:8px}main{grid-template-columns:1fr;padding:0 12px;gap:8px}aside{padding:12px}aside h2{font-size:26px}aside h2 br{display:none}.tips{grid-template-columns:55px 1fr}.actions button{padding:10px;font-size:12px}footer{flex-direction:column}#touch{padding:10px 16px;position:sticky;bottom:0;background:#0b252ce8;border-top:1px solid #a8d9cd44}q{font-size:13px;padding:8px}#playTxt{font-size:10px}#creditsTxt{font-size:9px}}
#touch{grid-row:2;grid-column:1;width:100%;padding:8px 0;position:static}aside{grid-row:1;grid-column:2}@media(max-width:850px){#touch{grid-row:2;grid-column:1;padding:8px 4px}aside{grid-row:3;grid-column:1}header{flex-wrap:wrap}}