:root{color-scheme:dark;background:#090b10;color:#f5f1e8;font-family:Arial,sans-serif}
    *{box-sizing:border-box}
    body{margin:0;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#090b10}
    header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 24px;border-bottom:1px solid #292c32;flex-wrap:wrap}
    h1{font-size:18px;line-height:1.4;margin:0}
    nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px}
    a{color:#ffd21f;text-decoration:none;line-height:1.5;padding:10px 0}
    button{font:inherit;color:#f5f1e8;background:#181c24;border:1px solid #414651;border-radius:5px;padding:10px 14px;min-height:44px;cursor:pointer}
    button:hover{border-color:#ffd21f}
    :focus-visible{outline:2px solid #ffd21f;outline-offset:3px}
    .stage{min-width:0;min-height:0;overflow:auto;padding:20px;display:grid;place-items:center;background:#090b10}
    .stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
    .stage.actual{display:block}
    .stage.actual img{max-width:none;max-height:none;margin:0 auto}
    @media(max-width:560px){header{padding:12px 16px}h1{font-size:16px}nav{font-size:13px;gap:14px}.stage{padding:10px}}