*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#070d13;color:#f1e9d6;font-family:Georgia,serif}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:30px;left:38px;right:38px;display:flex;align-items:center;gap:18px;pointer-events:none}.mark{font-size:40px;color:#c6a76b}.eyebrow{font:10px Arial,sans-serif;letter-spacing:3px;color:#c6a76b}h1{font-weight:400;font-size:26px;margin:8px 0 0}.enter{margin-left:auto;border:1px solid #bfa16a;background:#151e23e8;color:#f1e9d6;padding:15px 23px;font:13px Arial,sans-serif;letter-spacing:1px;cursor:pointer;pointer-events:auto;border-radius:3px}.enter:hover{background:#3c3528}.enter span{margin-left:25px;color:#d0ae70}footer{position:absolute;bottom:24px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;color:#a9b3b8;font:9px Arial,sans-serif;letter-spacing:1.5px}footer p{text-align:center;letter-spacing:.4px;line-height:1.9;font-size:11px;margin:0}footer i{display:inline-block;width:5px;height:5px;background:#c6a76b;border-radius:50%;margin-right:8px}.error{position:absolute;top:110px;left:38px;background:#352c20;padding:12px;font:13px Arial,sans-serif}@media(max-width:700px){header{left:18px;right:18px;top:18px;gap:10px}h1{font-size:18px}.eyebrow{font-size:8px;letter-spacing:1.5px}.enter{padding:12px}.enter span,footer>span{display:none}footer{justify-content:center;left:12px;right:12px}}footer p{position:fixed;left:38px;bottom:60px;width:220px;text-align:left}@media(max-width:700px){footer p{left:14px;bottom:14px;width:180px;font-size:9px}}