:root{color-scheme:dark;font-family:Arial,sans-serif;background:#080e18;color:#e8f0fb}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}header{height:60px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26364c}a{color:#b3c8e1;text-decoration:none}button{font:inherit;border:1px solid #425a76;background:#172a40;color:#e8f0fb;border-radius:4px;padding:10px 16px;cursor:pointer}button:disabled{opacity:.4;cursor:default}main{position:relative;flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#183147,#080e18 70%)}canvas{width:100%;max-height:calc(100dvh - 96px);aspect-ratio:16/9;object-fit:contain;outline:none}#loading{position:absolute;inset:0;background:#080e18ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:16px}#loading img{width:210px;height:auto;margin-bottom:20px}h1{font-size:28px;margin:0}p{line-height:1.6;color:#9bb0c9;max-width:600px;margin:0}progress{width:min(420px,85vw);height:8px;accent-color:#ff9b4a}footer{font-size:11px;text-align:center;padding:12px;color:#829ab7}[hidden]{display:none!important}:focus-visible{outline:2px solid #6bd8ce;outline-offset:4px}@media(max-width:600px){header{font-size:12px;padding:10px}footer{font-size:10px}h1{font-size:22px}}