@font-face{font-family:ArrowPixel;src:url('loader-font.woff') format('woff');font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030719}#unity-canvas{width:100%;height:100%;display:block;touch-action:none} [hidden]{display:none!important}
#game-loader{position:fixed;inset:0;z-index:10;overflow:auto;background:#040b25;color:#f0f6ff;font-family:ArrowPixel,monospace;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom));isolation:isolate}
#game-loader:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(90deg,#102354 2px,transparent 2px),linear-gradient(#102354 2px,transparent 2px);background-size:72px 72px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}
.loader-shell{width:min(100%,380px);text-align:center}.loader-brand{margin:0 0 28px;line-height:.95;text-shadow:3px 3px 0 #062758,-2px -2px 0 #062758,0 5px 0 #010615;letter-spacing:-2px}.brand-arrow{display:block;color:#a2f0ff;font-size:clamp(44px,12vw,64px);-webkit-text-stroke:1px #248fc3}.brand-sub{display:block;color:#ffcf31;font-size:clamp(24px,7vw,34px);letter-spacing:-1px;margin-top:8px;text-shadow:2px 3px 0 #824819,0 5px 0 #010615}
.practice-card{position:relative;background:#081335;border:2px solid #25477b;box-shadow:0 4px 0 #020617,inset 0 0 0 4px #0d1d43;clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 10px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 10px) calc(100% - 5px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 5px),0 calc(100% - 5px),0 5px,10px 5px);padding:20px 15px 15px}
.practice-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#6996cb;font-size:12px;letter-spacing:1px}.practice-label span:last-child{color:#00d5f8;display:flex;align-items:center;gap:6px}.practice-label i{display:inline-block;width:6px;height:6px;background:#00d5f8;animation:loader-pulse 1.8s steps(2,end) infinite}
.arrow-board{display:block;width:100%;height:auto;overflow:hidden;margin:6px 0}.practice-arrow{cursor:pointer;outline:none;transform-box:view-box;transition:opacity .15s}.practice-arrow .arrow-line{fill:none;stroke:currentColor;stroke-width:7;stroke-linejoin:round;stroke-linecap:square}.practice-arrow .arrow-hit{fill:none;stroke:transparent;stroke-width:32;pointer-events:stroke}.practice-arrow:focus-visible .arrow-line,.practice-arrow:hover .arrow-line{stroke-width:9}.practice-arrow .arrow-head{fill:currentColor}.practice-arrow.out{animation:arrow-exit .48s ease-in forwards;pointer-events:none}.practice-arrow.returning{animation:arrow-return .25s ease-out}.cyan{color:#13cde6;--exit-x:0px;--exit-y:-250px}.pink{color:#ff59ae;--exit-x:0px;--exit-y:250px}.yellow{color:#ffe228;--exit-x:-340px;--exit-y:0px}.green{color:#9de62d;--exit-x:340px;--exit-y:0px}
#practice-hint{font-size:13px;margin:0;min-height:30px;line-height:1.4;color:#c6d8f2}.loader-progress{margin:30px 0 0}.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 11px;text-align:left}#status{font-size:13px;line-height:1.4;letter-spacing:.4px;color:#b8ccea;margin:0}#load-percent{color:#57e1ff;font-size:19px;font-variant-numeric:tabular-nums}
.progress-track{height:20px;padding:3px;background:#02091e;border:2px solid #264a78;box-shadow:0 3px 0 #010512;overflow:hidden}.progress-fill{height:100%;width:100%;transform-origin:left;transform:scaleX(.01);background:repeating-linear-gradient(90deg,#0abfff 0,#0abfff 12px,#087dda 12px,#087dda 15px);border-top:2px solid #6cf2ff;will-change:transform;transition:transform .2s linear}
.loader-tip{color:#819cc0;font-size:12px;line-height:1.65;min-height:42px;margin:17px 6px 0;letter-spacing:.15px}.loader-tip strong{color:#ffdc65;font-weight:normal}.loader-footer{margin:18px 0 0;font-size:10px;letter-spacing:2px;color:#42648b}.failed .practice-card,.failed .loader-footer{display:none}.failed .loader-progress{margin:0}.failed .progress-track,.failed #load-percent{display:none}.failed #status{text-align:center;color:#f0f6ff;font-size:16px}.failed .progress-heading{display:block}.failed .loader-tip{display:none}#retry{margin:24px auto 0;min-height:48px;padding:12px 28px;border:3px solid #46dfff;background:#007ae3;box-shadow:0 4px 0 #063d8a;color:white;font:17px ArrowPixel,monospace;cursor:pointer}#retry:focus-visible{outline:3px solid #ffe228;outline-offset:5px}
@keyframes arrow-exit{to{transform:translate(var(--exit-x),var(--exit-y));opacity:0}}@keyframes arrow-return{from{opacity:0}to{opacity:1}}@keyframes loader-pulse{50%{opacity:.4}}
@media(max-height:650px){#game-loader{padding-top:16px;padding-bottom:16px}.loader-brand{margin-bottom:16px}.brand-arrow{font-size:42px}.brand-sub{font-size:24px}.arrow-board{max-height:175px}.practice-card{padding-top:13px}.loader-progress{margin-top:18px}.loader-footer{margin-top:8px}.loader-tip{margin-top:11px}}
@media(orientation:landscape) and (max-height:500px){.loader-shell{width:min(95%,720px);display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:center}.loader-brand{grid-column:1;grid-row:1;margin:0}.practice-card{grid-column:2;grid-row:1/4}.loader-progress{grid-column:1;grid-row:2}.loader-footer{grid-column:1;grid-row:3}.failed .loader-brand,.failed .loader-progress{grid-column:1/3}.arrow-board{max-height:160px}}
@media(prefers-reduced-motion:reduce){.practice-arrow.out{animation:none;opacity:.2}.practice-arrow.returning,.practice-label i{animation:none}.progress-fill{transition:none}}