*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020813;color:#fff;font-family:Arial,Helvetica,sans-serif}main{min-height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#082e44,#020813 75%)}.scene{position:relative;width:min(100vw,177.683svh);aspect-ratio:1672/941;box-shadow:0 0 90px #053b5466}svg{display:block;width:100%;height:auto;overflow:hidden}a{color:#d4f8ff;text-decoration:none}a:focus-visible{outline:3px solid #53fff2;outline-offset:5px}.admin{position:absolute;top:2.5%;right:2.8%;width:5%;min-width:45px;text-align:center;background:#051323;border-bottom:1px solid #3deaf8;font-style:italic;font-size:clamp(9px,1.2vw,19px)}.back{position:absolute;left:3.5%;bottom:3.5%;display:flex;align-items:center;gap:9px;padding:11px 20px;border:1px solid #4aeaf48c;border-radius:7px;background:#041322c9;backdrop-filter:blur(12px);font-weight:bold;font-size:clamp(11px,1.1vw,16px);box-shadow:0 0 22px #19dce925;transition:background .2s,box-shadow .2s}.back:hover{background:#0c3c50;box-shadow:0 0 28px #19dce94a}.sparks path{stroke:#ffc277;stroke-width:3;opacity:0;animation:spark 2.2s ease-out infinite;animation-delay:calc(var(--n) * .07s);filter:drop-shadow(0 0 4px #ff9e30)}.loading-dot{animation:loading-dot 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 7px #64ffff)}.loading-glow{animation:loading-glow 2s ease-in-out infinite alternate}@keyframes spark{0%,35%,80%,100%{opacity:0;transform:scale(.15)}42%{opacity:1;transform:scale(.35)}70%{opacity:0;transform:scale(1.3) translateY(12px)}}@keyframes loading-dot{to{transform:translateX(537px)}}@keyframes loading-glow{to{opacity:.3}}@media(max-width:600px){.back{padding:8px 12px;bottom:-60px;left:50%;transform:translateX(-50%)}.scene{margin-bottom:60px}.admin{top:2.4%;right:2.6%;font-size:10px;min-width:38px}}@media(prefers-reduced-motion:reduce){svg *{animation:none!important}.sparks{display:none}}
.work-glow{animation:work-glow 2.2s ease-in-out infinite;pointer-events:none}@keyframes work-glow{0%,34%,72%,100%{opacity:0}42%{opacity:.35}49%{opacity:.08}57%{opacity:.25}}

.test-page{position:absolute;top:10%;right:2.8%;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #52eaf8;border-radius:8px;background:linear-gradient(120deg,#062c42ed,#251344ed);color:#ecfdff;font-size:clamp(11px,1vw,16px);font-weight:700;box-shadow:0 0 22px #28e8f433;backdrop-filter:blur(10px);transition:background .2s,box-shadow .2s}.test-page:hover{background:#184059;box-shadow:0 0 30px #31e7ff66}.test-page span{color:#7cf6ff;font-size:1.2em}@media(max-width:600px){.test-page{top:auto;bottom:-105px;right:auto;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 15px;font-size:12px}.scene{margin-bottom:115px}}