@font-face{font-family:EmberwakeDisplay;src:url('brand-display.ttf') format('truetype');font-display:swap}
@font-face{font-family:EmberwakeBody;src:url('brand-body.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101a1c;color:#e8e1cb;font-family:EmberwakeBody,system-ui,sans-serif}
canvas{display:block;width:100%;height:100%;outline:none;-webkit-user-select:none;user-select:none}
#unity-canvas[inert]{visibility:hidden}
#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 39%,#263029 0%,#101a1c 57%);text-align:center}
.identity{display:flex;flex-direction:column;align-items:center;gap:22px;transform:translateY(-40px)}
.seal{width:98px;height:140px;display:block}
h1{font:400 clamp(42px,6.5vw,80px)/1.05 EmberwakeDisplay,Georgia,serif;letter-spacing:.015em;margin:0;color:#f2e6c7}
.wordmark-rule{width:164px;height:1px;background:#8c6e42;position:relative;margin-top:5px}
.wordmark-rule:after{content:'';position:absolute;left:calc(50% - 3px);top:-3px;width:6px;height:6px;background:#b68b4b;transform:rotate(45deg)}
.loading-status{position:absolute;bottom:clamp(48px,10vh,100px);left:50%;transform:translateX(-50%);width:min(340px,calc(100% - 64px));font-size:18px}
#message{margin:0 0 18px;line-height:1.4;color:#d6d2bf}
.progress-row{display:flex;gap:16px;align-items:center}
progress{appearance:none;-webkit-appearance:none;flex:1;width:0;height:3px;border:0;background:#344035;color:#b68b4b;accent-color:#b68b4b}
progress::-webkit-progress-bar{background:#344035}
progress::-webkit-progress-value{background:#b68b4b}
progress::-moz-progress-bar{background:#b68b4b}
#percentage{font-variant-numeric:tabular-nums;min-width:40px;font-size:15px;color:#c6c8b7;text-align:right}
#retry{font:inherit;min-height:48px;width:100%;padding:10px 20px;color:#f2e6c7;background:#64451d;border:1px solid #b68b4b;cursor:pointer;margin-top:8px}
#retry:hover{background:#7b5526}#retry:active{background:#493c28}#retry:focus-visible{outline:2px solid #f2e6c7;outline-offset:4px}
[hidden]{display:none!important}
.failed #message{color:#f2e6c7}
#graphics-recovery{width:min(440px,calc(100% - 40px));max-height:calc(100% - 40px);overflow:auto;margin:auto;padding:32px;border:1px solid #8c6e42;background:#101a1c;color:#e8e1cb;text-align:center}
#graphics-recovery::backdrop{background:rgba(8,15,15,.88)}
#graphics-recovery img{display:block;margin:0 auto 22px}
#graphics-recovery h2{font:400 32px/1.15 EmberwakeDisplay,Georgia,serif;margin:0 0 12px;text-wrap:balance;color:#f2e6c7}
#graphics-recovery p{font-size:18px;line-height:1.4;margin:0 0 28px;overflow-wrap:anywhere}
#graphics-recovery button{display:block;min-height:48px;width:100%;padding:10px 20px;font:inherit;font-size:18px;color:#f2e6c7;background:#64451d;border:1px solid #b68b4b;cursor:pointer}
#graphics-recovery button:hover{background:#7b5526}#graphics-recovery button:active{background:#493c28}
#graphics-recovery button:focus-visible{outline:2px solid #f2e6c7;outline-offset:4px}
#graphics-recovery button:disabled{cursor:wait;background:#493c28;color:#e8e1cb}
@media(max-height:560px){.identity{transform:translateY(-55px);gap:12px}.seal{height:94px;width:66px}h1{font-size:48px}.loading-status{bottom:24px}}