*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ecede9;color:#172c3a;font:13px/1.5 system-ui,sans-serif}#scene{position:absolute;inset:0}canvas{display:block;outline:none}header,nav,aside,footer{position:absolute;background:#fffffff0;border:1px solid #d4d9d5;padding:10px 14px}header{top:14px;left:14px;display:flex;gap:20px;align-items:center}header span{color:#637079;font-size:11px}nav{top:65px;left:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap;padding:8px}button{font:inherit;color:#173a58;background:white;border:1px solid #aeb7b9;border-radius:3px;padding:6px 9px;cursor:pointer}button[aria-pressed=true]{background:#173a58;color:white;border-color:#173a58}button:hover{border-color:#8c6c35}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b1843a;outline-offset:2px}aside{left:14px;bottom:88px;max-width:calc(100% - 28px)}aside p{margin:0 0 7px}aside label{margin-left:10px}footer{left:14px;right:14px;bottom:14px;font-size:11px;color:#4d5d67}a{color:#003262}noscript{position:absolute;top:40%;padding:20px;background:white}@media(max-width:480px){header span{display:none}nav{top:58px}button{font-size:11px;padding:5px 7px}aside{bottom:102px}footer{font-size:10px}}