@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#ffda74;--text:#eff6ff;--muted:#abc2d6;--line:#32536b}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:#071b2d;color:var(--text);font:14px/1.6 'DM Sans',Arial,sans-serif}body{background:radial-gradient(ellipse at 72% 25%,#153f61aa,transparent 60%),#071b2d}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.header{min-height:84px;display:flex;align-items:center;gap:28px;padding:10px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid #ffffff20;background:#061624e8}.brand img{display:block;object-fit:contain}.home-link,.manage{font-size:12px;font-weight:700}.account{margin-left:auto;display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;color:var(--muted)}#account-name{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#75f4b8;box-shadow:0 0 12px #75f4b866}.manage{color:var(--gold)}button{border:1px solid #ffda74;border-radius:9px;min-height:44px;padding:11px 18px;font:800 11px 'DM Sans',Arial,sans-serif;letter-spacing:.3px;background:linear-gradient(120deg,#ffe797,#f8c44f);color:#102137;cursor:pointer;box-shadow:0 4px 0 #95651b}button:disabled{opacity:.55;cursor:wait}.stage{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr minmax(320px,560px);gap:80px;align-items:center;padding:24px;min-height:calc(100dvh - 130px)}.intro{padding:20px 0}.eyebrow,.mini-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--gold)}h1{font:800 clamp(54px,5.3vw,78px)/.98 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-.5px;margin:30px 0}h1 span{color:var(--gold)}.lead{font-size:18px;line-height:1.8;color:var(--muted)}.details{border:1px solid var(--line);border-radius:17px;background:#10324a99;padding:23px;margin:32px 0 18px;max-width:420px}.details p{color:var(--muted);font-size:13px;margin:12px 0 18px}.details a,.practice{font-size:11px;font-weight:800;color:var(--gold)}.app-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:16px 0 26px}.app-note span{color:#7ef0c3}.game-panel{border:1px solid #ad945b88;border-radius:22px;background:linear-gradient(130deg,#18425c,#0a2137 65%);padding:12px;box-shadow:0 20px 60px #0004;min-width:0}.game-caption,.game-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:800;letter-spacing:.7px;color:#c0d8eb;padding:4px 7px 12px}.game-caption span:first-child{display:flex;align-items:center;gap:9px}.game-caption span:last-child{font-size:8px;color:var(--gold)}#game-space{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:calc(100dvh - 225px);min-height:300px;max-height:900px;background:#061729;border:1px solid #315875;border-radius:13px;overflow:hidden}#unity-canvas{display:block;flex:none;width:var(--game-width,100%);height:var(--game-height,100%);background:#071d36;touch-action:none;max-width:100%}.game-footer{padding:13px 7px 1px;font-size:8px;letter-spacing:.1px}.game-footer span:last-child{font-weight:500;color:var(--muted)}#status{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at center,#173d59,#071b2d 75%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;gap:16px}#status img{object-fit:contain;width:84px;height:84px}#loading-text{font-size:14px}.loading-note{font-size:11px;color:var(--muted)}.loader{width:23px;height:23px;border:2px solid #ffffff25;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.progress{width:min(100%,210px);height:4px;border-radius:4px;background:#ffffff20;overflow:hidden}#progress-fill{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}#load-link{color:var(--gold);font-size:12px}.footer{border-top:1px solid #ffffff15;min-height:46px;padding:13px max(24px,calc((100vw - 1232px)/2));display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px}.footer a{color:var(--gold)}#unity-canvas:fullscreen{width:100vw!important;height:100dvh!important;object-fit:contain;background:#061a2f}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.stage{gap:35px;grid-template-columns:1fr minmax(300px,480px)}.header{gap:20px}.game-footer span:last-child{display:none}h1{font-size:60px}}
@media(max-width:720px){.header{min-height:70px;padding:7px 12px;gap:13px}.brand img{width:47px;height:47px}.home-link{display:none}.account{font-size:10px}.manage{font-size:10px}.header button{font-size:10px;min-height:40px;padding:10px}#account-name{max-width:100px}.stage{display:block;min-height:0;padding:10px;max-width:570px}.intro{display:none}.game-panel{padding:8px;border-radius:15px}.game-caption{font-size:8px;padding:3px 5px 9px}#game-space{height:calc(100dvh - 144px);min-height:240px;max-height:none;border-radius:9px}.game-footer{padding-top:9px;font-size:8px}.footer{display:none}}
@media(max-width:380px){.account{display:none}.manage{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}#progress-fill{transition:none}}