/* Dark forest startup, matching the game's 2D cartoon panels. */
body.startup-loading{background:#062a19}
#startupLoading{position:fixed;inset:0;z-index:100001;display:flex;align-items:safe center;justify-content:center;overflow-y:auto;background:#062a19 url('ui/loading-forest.svg') center/cover no-repeat;color:#fff2c4;padding:calc(var(--safe-top,0px) + 24px) calc(var(--safe-right,0px) + 24px) calc(var(--safe-bottom,0px) + 24px) calc(var(--safe-left,0px) + 24px);font-family:var(--ui,Arial,sans-serif)}
#startupLoading[hidden]{display:none}
.startup-content{--bar-height:104px;--head-width:148px;width:min(1020px,78vw);text-align:center;isolation:isolate}
#startupLoading .startup-logo{display:block;width:82%;max-width:830px;padding:0;margin:0 auto 42px;line-height:1;font-size:inherit;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none;transform:rotate(-1deg)}
.startup-logo svg{display:block;width:100%;height:auto;overflow:visible}
.startup-logo text{font:400 216px 'Snake Display',Arial,sans-serif;text-anchor:middle;stroke-linejoin:round;paint-order:stroke fill}
.startup-logo-shadow{stroke:#021004;stroke-width:23px;fill:#4a8012}
.startup-logo-face{stroke:#031407;stroke-width:17px;fill:url(#boot-logo-color)}
#startupTrack{position:relative;height:var(--bar-height);width:100%;border:8px solid #051305;border-radius:999px;background:linear-gradient(#fff7db,#ffefbd);box-shadow:inset 0 7px 0 #fffdec,inset 0 -7px 0 #f5dca4,0 7px 0 #04180566;overflow:visible}
#startupSnake{position:absolute;inset:0 auto 0 0;width:0%;min-width:calc(var(--head-width) + 75px);border-radius:999px;background:radial-gradient(ellipse at 30px 100%,#83c012 0 32px,transparent 34px),radial-gradient(ellipse at 124px 0%,#98cd19 0 35px,transparent 37px),linear-gradient(#d7f953,#b7ec23);background-size:200px 100%,240px 100%,100% 100%;box-shadow:inset 0 6px 0 #e9ff98,inset 0 -7px 0 #84bd11;will-change:width}
#startupSnake:before{content:'';position:absolute;top:8px;left:23px;right:var(--head-width);height:5px;border-radius:99px;background:#f3ffbcbf}
#startupPercent{position:absolute;inset:0 calc(var(--head-width) - 20px) 0 18px;display:flex;align-items:center;justify-content:center;font:400 48px/1 'Snake Display',Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;color:#061704;text-shadow:0 2px #dcff7266}
.startup-head{position:absolute;width:var(--head-width);height:auto;right:-10px;top:50%;transform:translateY(-50%);overflow:visible;filter:drop-shadow(0 3px 0 #05200633);pointer-events:none}
#startupMessage{margin:25px 0 0;font:400 52px/1.2 'Snake Display',Arial,sans-serif;letter-spacing:0;color:#fff0c1;-webkit-text-stroke:6px #092009;paint-order:stroke fill;text-shadow:0 5px #05200b}
#startupRetry{margin:20px auto 0;min-height:44px;padding:10px 28px;background:linear-gradient(#d4f464,#ace336);color:#112507;border:4px solid #041306;border-radius:18px;box-shadow:inset 0 0 0 2px #eaff9d,0 4px #03190b;font:400 24px 'Snake Display',Arial,sans-serif;touch-action:manipulation}
#startupRetry[hidden]{display:none}
#startupRetry:focus-visible{outline:3px solid #fff2c4;outline-offset:4px}
@media(max-height:600px),(max-width:800px){.startup-content{--bar-height:64px;--head-width:92px;width:min(740px,82vw)}#startupLoading .startup-logo{width:66%;max-width:480px;margin-bottom:22px}#startupTrack{border-width:5px;box-shadow:inset 0 5px #fffdec,inset 0 -5px #f5dca4,0 5px #04180566}#startupSnake{min-width:calc(var(--head-width) + 56px);box-shadow:inset 0 4px #e9ff98,inset 0 -5px #84bd11;background-size:125px 100%,150px 100%,100% 100%}#startupSnake:before{top:6px;left:15px;height:3px}#startupPercent{left:9px;right:calc(var(--head-width) - 15px);font-size:32px}.startup-head{right:-7px}#startupMessage{font-size:34px;margin-top:18px;-webkit-text-stroke-width:4px;text-shadow:0 3px #05200b}}
@media(max-width:480px){.startup-content{--bar-height:53px;--head-width:76px;width:100%}#startupLoading .startup-logo{width:96%;margin-bottom:26px}#startupPercent{font-size:27px}#startupMessage{font-size:29px}#startupSnake{min-width:calc(var(--head-width) + 48px)}}
@media(max-height:330px) and (orientation:landscape){.startup-content{--bar-height:50px;--head-width:74px;width:min(620px,78vw)}#startupLoading .startup-logo{width:54%;max-width:320px;margin-bottom:15px}#startupMessage{font-size:27px;margin-top:12px}#startupPercent{font-size:28px}}