#boot-screen{z-index:10000;color:#f4dfa5;background:#152d38;place-items:center;font-family:Mali,Tahoma,sans-serif;display:grid;position:fixed;inset:0}#boot-screen .boot-stage{box-sizing:border-box;background:linear-gradient(#10232238,#0000 23% 70%,#0d1c2266),url(/art/environment/home-glade.png) 50%/cover no-repeat;width:100%;height:100dvh;position:relative;overflow:hidden}#boot-screen.has-scene,#boot-screen.has-scene .boot-stage{background:0 0}#boot-screen.has-scene .boot-logo{visibility:hidden}.boot-logo{object-fit:contain;width:80%;height:auto;position:absolute;top:15%;left:10%}.boot-progress{left:7%;right:7%;bottom:calc(14% + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(145deg,#263e32f5,#182e29f5);border:1px solid #ac915a;padding:16px 18px 13px;position:absolute;box-shadow:inset 0 0 0 3px #182b25,inset 0 0 0 4px #71613b,0 5px #0b1e2180}.boot-progress:before,.boot-progress:after{content:"◆";color:#cfb779;text-shadow:0 1px 2px #142820;font-size:14px;position:absolute;top:-10px}.boot-progress:before{left:8px}.boot-progress:after{right:8px}.boot-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.boot-progress label{text-align:left;font-size:13px;font-weight:700;line-height:1.7;display:block}#boot-percent{color:#ffdf92;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:19px}.boot-progress progress{appearance:none;box-sizing:border-box;background:#10271f;border:1px solid #aa884b;width:100%;height:16px;margin:10px 0 13px;padding:2px;display:block;box-shadow:0 1px #c5aa6340}.boot-progress progress::-webkit-progress-bar{background:#10271f}.boot-progress progress::-webkit-progress-value{background:linear-gradient(#e8cc83 0 28%,#bda05b 29% 72%,#947d41 73%)}.boot-progress progress::-moz-progress-bar{background:linear-gradient(#e8cc83,#bda05b,#947d41)}.boot-tip-heading{color:#c1b48b;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;display:flex}.boot-tip-heading:before,.boot-tip-heading:after{content:"";background:#92824e66;flex:1;height:1px}#boot-tip{text-wrap:pretty;color:#eee0b5;min-height:44px;margin:0;font-size:12px;line-height:1.8}#boot-screen button{font:inherit;color:#f4dfa5;cursor:pointer;background:linear-gradient(#55412c,#342b21);border:1px solid #c5a062;min-height:44px;padding:9px 23px;font-weight:700;box-shadow:inset 0 0 0 2px #342b21,inset 0 0 0 3px #876944,0 3px #16231f}#boot-screen button:focus-visible{outline-offset:4px;outline:2px solid #f3d887}#boot-screen button:active{box-shadow:inset 0 0 0 2px #342b21}#boot-how{bottom:calc(4% + env(safe-area-inset-bottom));white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}#boot-retry{margin-top:10px}#boot-screen dialog{color:#f4dfa5;background:#30271e;border:2px solid #ac844f;max-width:min(380px,85vw);max-height:80dvh;padding:20px;line-height:1.8;overflow:auto}#boot-screen dialog h1{margin:0 0 14px;font-size:20px}#boot-screen dialog p{margin:0 0 14px;font-size:14px}#boot-screen dialog::backdrop{background:#071613b8}.is-loading #topbar,.is-loading .home-menu,.is-loading .how-link{visibility:hidden}#boot-screen [hidden]{display:none!important}@media (width>=601px){#boot-screen .boot-stage{width:min(100vw,46.2085dvh)}}@media (height<=620px){.boot-logo{top:9%}.boot-progress{padding:12px 15px 10px;bottom:16%}.boot-progress label{font-size:12px}#boot-tip{min-height:40px;font-size:11px}.boot-progress progress{margin:7px 0 9px}}
