/* Game-owned composition; the common loader files remain pinned. */
#flames-loader{background:#07132f url('../restrained_night.jpg') center/cover no-repeat;}
#flames-loader:before{content:"";position:absolute;inset:0;background:rgba(4,12,29,.66);pointer-events:none;}
#flames-loader .flames-loader-composition{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 36px);transition:top .5s ease,transform .5s ease;}
.flames-loader-artwork-shell>img{display:block;width:64.6667%;height:64.6667%;}
#loader-stage{margin:2px 0 0;color:#bed0e3;min-height:1.3em;font-size:12px;}
#loader-retry{pointer-events:auto;border:1px solid #cfe1f5;border-radius:7px;background:#494fa9;color:white;padding:12px 26px;font:600 16px Arial;cursor:pointer;margin-top:14px;}
#loader-retry:focus-visible{outline:3px solid #ffe09a;outline-offset:4px;}
#loader-retry[hidden]{display:none;}
#defold-progress{display:none;}
#flames-loader.demo-docked .flames-loader-composition{top:max(18px,env(safe-area-inset-top));transform:translateX(-50%);flex-direction:row;gap:16px;}
#flames-loader.demo-docked .flames-loader-artwork{width:68px;height:68px;}
#flames-loader.demo-docked .flames-loader-copy{font-size:12px;text-align:left;align-items:flex-start;}
.tetflow-loading-demo{position:absolute;inset:110px 30px 30px;display:flex;align-items:center;justify-content:center;gap:30px;font-family:Arial,sans-serif;}
.tetflow-loading-demo[hidden]{display:none;}
.tetflow-loading-demo canvas{height:min(100%,580px);max-width:50%;width:auto;object-fit:contain;}
.tetflow-loading-copy{width:min(320px,42%);color:#f2f7ff;}
.demo-eyebrow{font-size:11px;letter-spacing:.12em;color:#bfd0e7;margin:0 0 14px;}
.tetflow-loading-copy h2{font-size:clamp(23px,3.2vw,32px);line-height:1.15;margin:0 0 15px;font-weight:500;color:#ffe4a1;}
.tetflow-loading-copy p:not(.demo-eyebrow){font-size:16px;line-height:1.45;margin:0;}
.tetflow-loading-copy .demo-cue{margin-top:18px!important;font-size:13px!important;color:#aebfd7;min-height:3em;}
#flames-loader[data-state="error"] .tetflow-loading-demo{display:none;}
#flames-loader[data-state="error"] .flames-loader-composition{top:50%;transform:translate(-50%,-50%);transition:none;}
#flames-loader[data-state="error"] .flames-loader-copy{font-size:16px;}
@media(max-aspect-ratio:9999/10000){
 #flames-loader.demo-docked .flames-loader-artwork{width:48px;height:48px;}
 #flames-loader.demo-docked .flames-loader-copy{font-size:11px;}
 .tetflow-loading-demo{inset:95px 18px max(24px,env(safe-area-inset-bottom));flex-direction:column;gap:2px;}
 .tetflow-loading-demo canvas{max-width:100%;width:auto;height:auto;max-height:calc(100% - 170px);min-height:0;flex:1 1 0;}
 .tetflow-loading-copy{width:min(360px,100%);text-align:center;flex:0 0 162px;}
 .demo-eyebrow{margin-bottom:9px;}.tetflow-loading-copy h2{font-size:24px;margin-bottom:9px;}
 .tetflow-loading-copy p:not(.demo-eyebrow){font-size:15px;}.tetflow-loading-copy .demo-cue{margin-top:10px!important;}
}
@media(prefers-reduced-motion:reduce){#flames-loader *{animation:none!important;transition:none!important;}}