.game-loading{--accent:#6aafd0;--ink:#35627a;--paper:#edf8fd;background-color:var(--paper);color:var(--ink);overflow:hidden;isolation:isolate}.game-loading::before,.game-loading::after{content:'';position:absolute;z-index:-1;pointer-events:none}.loading-caption{font-size:9px;letter-spacing:2px;color:var(--ink);opacity:.6}.loading-dots{gap:12px;height:45px}.loading-dots span{display:grid;place-items:center;width:28px;height:30px;line-height:1;font-size:25px;font-weight:600;background:none!important;box-shadow:none;border-radius:0;color:var(--accent)}.loading-dots span:nth-child(2){color:var(--ink)}.loading-dots svg{width:28px;height:28px}.loading-progress{color:var(--accent)}.loading-progress::-webkit-progress-value{background:var(--accent)}.loading-progress::-moz-progress-bar{background:var(--accent)}.loading-percent{color:var(--ink);opacity:.65}.loading-retry{color:var(--ink)}
.game-loading[data-game=jinsan],.game-loading[data-game=sudoku]{--accent:#67b4d5;--paper:#f0f9ff;background-image:linear-gradient(#d4eaf444 1px,transparent 1px),linear-gradient(90deg,#d4eaf444 1px,transparent 1px),radial-gradient(ellipse at 85% 85%,#fff3d9,transparent 60%);background-size:26px 26px,26px 26px,100% 100%}.game-loading[data-game=jinsan]::before{content:'＋';font-size:100px;font-weight:300;color:#a7d7ee;opacity:.2;left:6%;top:0}.game-loading[data-game=jinsan]::after{content:'÷';font-size:120px;color:#a7d7ee;opacity:.2;right:5%;bottom:-30px}
.game-loading[data-game=rhythm]{--accent:#aaa0d5;--ink:#686d9a;--paper:#f2f2ff;background-image:radial-gradient(ellipse at 12% 100%,#dde9ff,transparent 60%),radial-gradient(ellipse at 95% 0%,#fbe9f6,transparent 65%)}.game-loading[data-game=rhythm]::before{width:170px;height:170px;border:1px solid #c3c6e34d;border-radius:50%;box-shadow:0 0 0 25px #c3c6e31a,0 0 0 50px #c3c6e31a;right:-90px;top:-80px}.game-loading[data-game=rhythm]::after{content:'♫';font-size:110px;opacity:.1;left:6%;bottom:-15px}
.game-loading[data-game=ninja]{--accent:#6bafa4;--ink:#437c76;--paper:#edf8f5;background-image:radial-gradient(circle at 85% 20%,#ffffed 0 26px,transparent 27px),linear-gradient(135deg,#e8f7fb,#edf8f1)}.game-loading[data-game=ninja]::before{inset:58% -5% 0;background:#b8dcd544;clip-path:polygon(0 80%,20% 20%,36% 65%,60% 0,100% 90%,100% 100%,0 100%)}.game-loading[data-game=ninja]::after{inset:73% -5% 0;background:#97c8c02b;clip-path:polygon(0 50%,30% 0,55% 70%,75% 25%,100% 65%,100% 100%,0 100%)}
.game-loading[data-game=snake]{background-image:repeating-linear-gradient(90deg,transparent 0 28px,#c1e5f32e 28px 29px)}.game-loading[data-game=memory]{--accent:#a898cd;--ink:#7d7398;--paper:#f5f1ff;background-image:radial-gradient(#ddd3ef 1px,transparent 1px);background-size:20px 20px}.game-loading[data-game=reaction]{--accent:#dfb568;--paper:#fff9ed;background-image:radial-gradient(ellipse,#fffdf8,#eaf8ff)}.game-loading[data-game=breakout]{--accent:#eba887;--paper:#fff6ee;background-image:linear-gradient(0deg,#ffe2d155,transparent 60%)}.game-loading[data-game=dodge]{--accent:#9ca9d8;--ink:#6576a2;--paper:#f0f3ff;background-image:radial-gradient(#bdccef 1px,transparent 1px);background-size:28px 28px}.game-loading[data-game=mines]{--accent:#81bab1;--paper:#eef9f5;background-image:linear-gradient(#c2e0d544 1px,transparent 1px),linear-gradient(90deg,#c2e0d544 1px,transparent 1px);background-size:24px 24px}.game-loading[data-game=slide]{--accent:#80b4d6;background-image:linear-gradient(135deg,#edf8fd,#e4f1ff)}.game-loading[data-game=lights]{--accent:#d4b267;--ink:#8b815f;--paper:#fffcef;background-image:radial-gradient(ellipse,#fffdf4,#f6edd3)}.game-loading[data-game=connect]{--accent:#82b6d0;background-image:radial-gradient(#bddfe74d 4px,transparent 5px);background-size:30px 30px}.game-loading[data-game=reversi]{--accent:#7ebaae;--ink:#4d8a7e;--paper:#eff8f2;background-image:linear-gradient(45deg,#dcefe83d 25%,transparent 25%,transparent 75%,#dcefe83d 75%);background-size:32px 32px}.game-loading[data-game=hanoi]{--accent:#c9a16c;--ink:#8c785e;--paper:#fff8ed;background-image:linear-gradient(0deg,#f4e8d85c,transparent 70%)}.game-loading[data-game=shooter3d]{--accent:#8aafd2;--ink:#557ba4;background-image:radial-gradient(ellipse at 50% 100%,#cce5f7,transparent 65%),linear-gradient(#d8eaf34d 1px,transparent 1px),linear-gradient(90deg,#d8eaf34d 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px}
[data-motion=float] .loading-dots span{animation:theme-float 1.8s ease-in-out infinite}[data-motion=beat] .loading-dots span{animation:theme-beat .9s ease-in-out infinite}[data-motion=spin] .loading-dots span{animation:theme-spin 2.4s linear infinite}[data-motion=crawl] .loading-dots span{animation:theme-crawl 1.4s ease-in-out infinite}[data-motion=flip] .loading-dots span{animation:theme-flip 2s ease-in-out infinite}[data-motion=spark] .loading-dots span{animation:theme-spark 1.3s ease-in-out infinite}[data-motion=bounce] .loading-dots span{animation:theme-bounce 1.4s ease-in-out infinite}[data-motion=fall] .loading-dots span{animation:theme-fall 2s ease-in-out infinite}[data-motion=peek] .loading-dots span{animation:theme-peek 1.6s ease-in-out infinite}[data-motion=slide] .loading-dots span{animation:theme-slide 1.6s ease-in-out infinite}[data-motion=glow] .loading-dots span{animation:theme-glow 1.8s ease-in-out infinite}[data-motion=drop] .loading-dots span{animation:theme-drop 1.7s ease-in-out infinite}[data-motion=stack] .loading-dots span{animation:theme-stack 1.8s ease-in-out infinite}[data-motion=orbit] .loading-dots span{animation:theme-orbit 2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}
@keyframes theme-float{0%,100%{transform:translateY(2px) rotate(-5deg)}50%{transform:translateY(-9px) rotate(5deg)}}@keyframes theme-beat{0%,100%{transform:translateY(2px) scale(.95)}35%{transform:translateY(-10px) scale(1.1)}}@keyframes theme-spin{to{transform:rotate(360deg)}}@keyframes theme-crawl{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px) translateY(-5px)}}@keyframes theme-flip{0%,25%,100%{transform:rotateY(0)}60%{transform:rotateY(180deg)}}@keyframes theme-spark{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.1);opacity:1}}@keyframes theme-bounce{0%,100%{transform:translateY(5px)}50%{transform:translateY(-10px)}}@keyframes theme-fall{0%{transform:translate(-7px,-9px);opacity:.3}50%{opacity:1}100%{transform:translate(7px,9px);opacity:.3}}@keyframes theme-peek{0%,100%{transform:translateY(4px);opacity:.55}50%{transform:translateY(-4px);opacity:1}}@keyframes theme-slide{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@keyframes theme-glow{0%,100%{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}@keyframes theme-drop{0%,100%{transform:translateY(-7px)}55%,75%{transform:translateY(5px)}}@keyframes theme-stack{0%,100%{transform:translateY(4px)}50%{transform:translateY(-7px)}}@keyframes theme-orbit{0%,100%{transform:translate(-4px,0) rotate(-10deg)}50%{transform:translate(4px,-6px) rotate(10deg)}}
.game-loading.is-error .loading-dots span{animation:none;opacity:.6}@media(prefers-reduced-motion:reduce){.game-loading .loading-dots span{animation:none}}@media(max-height:240px){.loading-dots{height:30px}.loading-dots span{font-size:22px;width:24px;height:25px}.loading-caption{font-size:8px}}
@media(max-height:500px){.game-loading{gap:5px;padding:8px}.loading-dots{height:28px}.loading-dots span{height:25px;font-size:22px}.loading-caption{font-size:8px}.loading-label{font-size:14px}}