/* Merged account card: the welcome panel, its live online capacity, the
   homepage login form and the getting-started links share one card beside the
   news. Guests sign in inline; signed-in visitors get their account and out. */
.gb-login-form{display:flex;flex-direction:column;margin:16px 16px 0;padding:14px;border:1px solid var(--gb-line);border-radius:7px;background:color-mix(in srgb,var(--gb-blue) 7%,var(--gb-panel))}
.gb-login-label{margin:0 0 6px;color:var(--gb-text);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.gb-login-control{position:relative;display:flex;align-items:center;margin-bottom:12px;border:1px solid var(--gb-line);border-radius:6px;background:var(--gb-panel-2);transition:border-color .18s,box-shadow .18s}
.gb-login-control:last-of-type{margin-bottom:0}
.gb-login-control:focus-within{border-color:var(--gb-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--gb-cyan) 18%,transparent)}
.gb-login-control>i{width:38px;color:var(--gb-muted);font-size:12px;text-align:center}
.gb-login-control>input{width:100%;height:38px;margin:0;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--gb-text)!important;font-size:12px!important}
.gb-login-control>input:focus{outline:0;background:transparent}
.gb-login-control>input::placeholder{color:var(--gb-muted)!important;opacity:1}
.gb-login-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin:18px 0 0;padding:0 20px;overflow:hidden;border:1px solid var(--gb-cyan);border-radius:8px;background:linear-gradient(135deg,var(--gb-blue) 0%,color-mix(in srgb,var(--gb-blue) 58%,var(--gb-cyan)) 100%);box-shadow:0 8px 20px color-mix(in srgb,var(--gb-blue) 32%,transparent),inset 0 1px 0 color-mix(in srgb,var(--theme-color-ffffffff,#fff) 20%,transparent);color:var(--gb-text)!important;font-size:11px!important;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 1px 2px var(--theme-color-00000073,rgba(0,0,0,.45));cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}
.gb-login-submit:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 26px color-mix(in srgb,var(--gb-blue) 45%,transparent),0 0 0 1px color-mix(in srgb,var(--gb-cyan) 55%,transparent),inset 0 1px 0 color-mix(in srgb,var(--theme-color-ffffffff,#fff) 28%,transparent)}
.gb-login-submit:active{transform:translateY(0)}
.gb-login-submit:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:3px}
.gb-login-submit>i{font-size:11px;transition:transform .18s}
.gb-login-submit:hover>i{transform:translateX(5px)}
.gb-login-submit:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:42%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-color-ffffffff,#fff) 32%,transparent),transparent);transition:left .55s ease}
.gb-login-submit:hover:after{left:120%}
.gb-login-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0}
.gb-login-links a{color:var(--gb-muted);font-size:10px;text-decoration:none}
.gb-login-links a:hover{color:var(--gb-cyan);text-decoration:underline}
.gb-login-links a:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:3px;border-radius:4px}
.gb-login-links .gb-login-register{color:var(--gb-cyan);font-weight:700}
@media(prefers-reduced-motion:reduce){.gb-login-submit,.gb-login-submit>i,.gb-login-submit:after{transition:none}}
.gb-account-panel{display:flex;align-items:center;gap:12px;margin:16px 16px 0;padding:14px;border:1px solid var(--gb-line);border-radius:7px;background:color-mix(in srgb,var(--gb-blue) 7%,var(--gb-panel))}
.gb-account-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid var(--gb-line);border-radius:7px;background:color-mix(in srgb,var(--gb-blue) 12%,var(--gb-panel));color:var(--gb-cyan);font-size:16px}
.gb-account-identity{min-width:0}
.gb-account-identity small,.gb-account-identity strong{display:block}
.gb-account-identity small{color:var(--gb-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}
.gb-account-identity strong{margin-top:3px;overflow:hidden;color:var(--gb-text);font:700 14px/1.3 var(--font-display);text-overflow:ellipsis;white-space:nowrap}
.gb-new-player-logout .gb-new-player-icon{color:var(--gb-text)}
.gb-welcome-online{margin:16px 16px 0;padding:14px;border:1px solid var(--gb-line);border-radius:7px;background:color-mix(in srgb,var(--gb-blue) 7%,var(--gb-panel))}
.gb-welcome-online-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.gb-welcome-online-heading>span{display:flex;align-items:center;gap:8px;color:var(--gb-text);font-size:11px}
.gb-welcome-online-heading i{color:var(--gb-cyan);font-size:13px}
.gb-welcome-online-heading>strong{color:var(--gb-cyan);font:700 22px/1.2 var(--font-display);white-space:nowrap}
.gb-welcome-online-heading small{color:var(--gb-muted);font-size:12px;font-weight:500}
.gb-welcome-online-meter{display:block;width:100%;height:8px;margin:12px 0 0;border:0;border-radius:999px;overflow:hidden;background:var(--gb-line)}
.gb-welcome-online-meter::-webkit-meter-bar{height:8px;border:0;border-radius:999px;background:var(--gb-line);box-shadow:none}
.gb-welcome-online-meter::-webkit-meter-optimum-value{border-radius:999px;background:linear-gradient(90deg,var(--gb-blue),var(--gb-cyan))}
.gb-welcome-online-meter::-moz-meter-bar{border-radius:999px;background:linear-gradient(90deg,var(--gb-blue),var(--gb-cyan))}
.gb-new-player-links{display:flex;flex-direction:column;padding:8px 16px}
.gb-new-player-links>a{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 0;border-bottom:1px solid var(--gb-line);color:var(--gb-text)!important;text-decoration:none!important}
.gb-new-player-links>a:last-child{border-bottom:0}
.gb-new-player-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--gb-line);border-radius:7px;background:color-mix(in srgb,var(--gb-blue) 10%,var(--gb-panel));color:var(--gb-cyan);font-size:15px}
.gb-new-player-links>a>span:nth-child(2){min-width:0;flex:1}
.gb-new-player-links strong,.gb-new-player-links small{display:block}
.gb-new-player-links strong{color:var(--gb-text);font-size:12px;font-weight:700;line-height:1.5}
.gb-new-player-links small{margin-top:3px;color:var(--gb-muted);font-size:10px;line-height:1.5}
.gb-new-player-links>a>i{color:var(--gb-muted);font-size:9px}
.gb-new-player-links>a:hover strong,.gb-new-player-links>a:hover>i{color:var(--gb-cyan)}
.gb-new-player-links>a:hover .gb-new-player-icon{border-color:var(--gb-cyan)}
.gb-new-player-links>a:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:3px;border-radius:4px}