*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;grid-template-rows:auto 1fr auto;background:#123d4b;color:#fff;font:700 16px/1.2 system-ui,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#173746}h1{font-size:clamp(20px,6vw,30px);margin:0;color:#ffe19b}small{font-size:10px;letter-spacing:.12em;color:#8fe4d1}#clock{font-size:22px;color:#ffe19b}#stage{position:relative;min-height:0;outline:none;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}#chapter{position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#123d4bcc;border:1px solid #8fe4d1;border-radius:999px;padding:7px 12px;font-size:12px;pointer-events:none}footer{min-height:76px}footer p{margin:0;max-width:62%;font-size:13px}button{min-width:48px;min-height:48px;border:0;border-radius:14px;background:#ffe19b;color:#173746;font:800 14px system-ui;margin-left:6px}#veil{position:absolute;inset:0;z-index:4;display:grid;place-content:center;text-align:center;background:#123d4be8}#veil[hidden]{display:none}@media(max-height:620px){header{padding:4px 10px}footer{min-height:58px;padding:4px 8px}footer p{font-size:11px}button{min-height:44px}#chapter{top:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
body[data-production=true] header{display:grid;grid-template-columns:48px 1fr auto}.back{display:grid;place-items:center;min-width:48px;min-height:48px;border-radius:14px;background:#ffe19b;color:#173746;text-decoration:none;font-size:24px}body[data-production=true] footer{display:grid;grid-template-columns:1fr;gap:6px;padding:6px 8px}body[data-production=true] footer p{max-width:none;text-align:center}.controls{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px}.controls button{min-width:44px;margin:0;padding:4px;font-size:11px}.storage{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.storage button{margin:0;min-height:44px}dialog{width:min(92vw,420px);border:2px solid #8fe4d1;border-radius:22px;background:#173746;color:white;text-align:center;padding:18px}dialog::backdrop{background:#082932cc}dialog button{margin:5px;min-height:48px}#mosaic-preview{width:100%;height:120px;background:#f6d697;border-radius:16px}@media(max-height:500px){body[data-production=true] header{padding:2px 8px}body[data-production=true] footer{grid-template-columns:1fr 2fr}.controls{grid-row:1/3;grid-column:2}.storage{grid-column:1/3}.back{min-height:44px}.controls button{min-height:44px}}