.xg-overlay{z-index:9000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0814229e;justify-content:center;align-items:center;padding:20px;animation:.25s xg-fade;display:flex;position:fixed;inset:0}@keyframes xg-fade{0%{opacity:0}}.xg-card{background:#fff;border-radius:18px;width:100%;max-width:470px;animation:.3s cubic-bezier(.2,.9,.3,1.2) xg-pop;overflow:hidden;box-shadow:0 40px 90px -30px #081422b3}@keyframes xg-pop{0%{opacity:0;transform:translateY(16px)scale(.97)}}.xg-head{background:#0d2c50;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.xg-kicker{letter-spacing:.16em;text-transform:uppercase;color:#7fb2e6;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.xg-x{color:#9fb6cf;cursor:pointer;background:0 0;border:0;padding:4px;font-size:16px;line-height:1}.xg-x:hover{color:#fff}.xg-body{padding:20px}.xg-title{color:#0d2c50;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 8px;font-family:Unbounded,system-ui,sans-serif;font-size:20px;font-weight:600}.xg-sub{color:#51657a;margin:0 0 16px;font-size:14.5px;line-height:1.55}.xg-accent{color:#1f74c8}.xg-progress{align-items:center;gap:12px;margin-bottom:14px;display:flex}.xg-bar{background:#e8eef4;border-radius:99px;flex:1;height:9px;overflow:hidden}.xg-bar-fill{background:linear-gradient(90deg,#1f74c8,#45a0e6);border-radius:99px;height:100%;transition:width .3s}.xg-progress-num{color:#51657a;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.xg-game{align-items:stretch;gap:16px;display:flex}.xg-canvas{background:#0e2742;border-radius:10px;display:block;box-shadow:0 14px 30px -18px #0d2c5099}.xg-controls{flex-direction:column;flex:1;justify-content:space-between;display:flex}.xg-pad{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.xg-pad button{color:#0d2c50;cursor:pointer;background:#f3f6f9;border:1px solid #d7e0ea;border-radius:10px;height:44px;font-size:18px;transition:background .12s}.xg-pad button:hover{background:#e8eef4}.xg-pad button:active{transform:scale(.95)}.xg-pad .xg-drop{text-transform:uppercase;color:#fff;background:#1f74c8;border-color:#1f74c8;grid-column:1/-1;font-family:Unbounded,system-ui,sans-serif;font-size:13px;font-weight:600}.xg-pad .xg-drop:hover{background:#1a64ad}.xg-hint{color:#8496a8;margin:10px 0 0;font-size:11.5px;line-height:1.5}.xg-retry{color:#1f74c8;cursor:pointer;background:#fff;border:1px solid #1f74c8;border-radius:10px;width:100%;height:44px;margin-top:14px;font-weight:600}.xg-win-top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.xg-badge{color:#fff;background:#1f74c8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-family:Unbounded,system-ui,sans-serif;font-size:17px;font-weight:700;display:flex}.xg-form{flex-direction:column;gap:10px;display:flex}.xg-form input{color:#0d2c50;background:#fff;border:1px solid #d7e0ea;border-radius:10px;height:46px;padding:0 14px;font-size:15px}.xg-form input:focus{border-color:#1f74c8;outline:none;box-shadow:0 0 0 3px #1f74c824}.xg-submit{color:#fff;text-transform:uppercase;cursor:pointer;background:#1f74c8;border:0;border-radius:10px;height:48px;font-family:Unbounded,system-ui,sans-serif;font-size:14px;font-weight:600}.xg-submit:hover{background:#1a64ad}.xg-submit:disabled{opacity:.6;cursor:default}.xg-err{color:#c0392b;margin:0;font-size:13px}.xg-consent{color:#8496a8;text-align:center;margin:2px 0 0;font-size:11px}.xg-success{text-align:center}.xg-success .xg-badge{width:64px;height:64px;margin:4px auto 12px;font-size:20px}@media (max-width:460px){.xg-game{flex-direction:column}.xg-canvas{margin:0 auto}}