/* Styles of the original online gate, auth and ranked/league screens (verbatim). */
.gt{padding:18px 0}.gt h1{text-align:center;margin:8px 0 4px;font-size:24px}.gt .sub{text-align:center;color:var(--mu);margin-bottom:18px}.gtb{display:block;width:100%;text-align:right;background:var(--cd);color:var(--tx);border:1px solid var(--bd);border-radius:16px;padding:16px;margin-bottom:12px;font:inherit;cursor:pointer}.gtb b{display:block;font-size:17px;margin-bottom:4px}.gtb span{color:var(--mu);font-size:13px}.gtb.pr{background:var(--ac);border-color:var(--ac);color:#fff}.gtb.pr span{color:#e8fff6}.gtb.dis{opacity:.75}.gtk{display:inline-block;background:var(--bd);color:var(--mu);border-radius:8px;padding:2px 8px;font-size:11px;margin-top:6px}.gtbk{background:none;border:0;color:var(--mu);font:inherit;cursor:pointer;padding:6px 0;margin-bottom:6px}
.gt.hm{padding:28px 0 20px;max-width:520px;margin:0 auto}.gt .vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.gt .stlogo.gl{width:min(44vw,160px);margin:0 auto 12px}.gt.hm .sub{margin:4px 0 26px;font-size:15px;letter-spacing:.2px}.hc{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:116px;padding:14px;margin:0 0 16px;text-align:right;border-radius:22px;border:1px solid var(--bd);background:linear-gradient(160deg,#151a0e,#0a0c07);color:var(--tx);font:inherit;cursor:pointer;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.45);transition:transform .15s,border-color .15s}.hc:active{transform:scale(.98)}.hc:hover{border-color:rgba(168,224,42,.5)}.hc .ico{flex:none;width:80px;height:80px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1d2612,#0d1109);border:1px solid rgba(168,224,42,.3);color:#a8e02a}.hc .ico svg{width:50px;height:50px}.hc .tx{flex:1;min-width:0}.hc .tx b{display:block;font-size:19px;margin-bottom:6px}.hc .tx .d{display:block;font-size:13px;line-height:1.7;color:var(--mu)}.hc .go{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(168,224,42,.55);color:#a8e02a}.hc .go svg{width:18px;height:18px}.hc.pr{border-color:#a8e02a;background:linear-gradient(135deg,#a8e02a 0%,#5f9a0a 55%,#2f4d0a 100%);box-shadow:0 0 26px rgba(168,224,42,.3)}.hc.pr .tx b{color:#fff}.hc.pr .tx .d{color:#eefacc}.hc.pr .ico{background:rgba(0,0,0,.32);border-color:rgba(255,255,255,.28);color:#f4ffd0}.hc.pr .go{background:#f1fbc8;color:#2f4d0a;border-color:transparent}.hft{text-align:center;color:var(--mu);font-size:12px;opacity:.7;margin-top:26px}.lgsel{gap:12px;margin:8px 0 6px}.lgsel.lgerr .lgc{border-color:#ef4444!important;animation:lgshake .4s}@keyframes lgshake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.lgc{min-height:236px;gap:8px;padding:0 8px 14px;border:2px solid rgba(168,224,42,.45);border-radius:20px;isolation:isolate;background:radial-gradient(75% 38% at 50% 0,rgba(120,255,90,.34),transparent 72%),radial-gradient(90% 55% at 50% 38%,rgba(40,140,40,.35),transparent 75%),linear-gradient(175deg,#0f3d14 0%,#082b0d 48%,#031208 100%);box-shadow:0 0 14px rgba(168,224,42,.18),inset 0 0 22px rgba(168,224,42,.12);filter:brightness(.88) saturate(.9);transition:border-color .2s,box-shadow .2s,transform .15s,filter .2s}.lgc::before{content:"";position:absolute;left:0;right:0;top:0;height:78px;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(220,255,160,.95) 0 1.6px,transparent 2.4px) 50% 16px/15px 15px repeat-x,radial-gradient(circle,rgba(180,255,110,.55) 0 1.4px,transparent 2.2px) 58% 33px/15px 15px repeat-x;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.lgc::after{content:"";position:absolute;top:0;right:0;width:58px;height:58px;z-index:-1;pointer-events:none;background:repeating-linear-gradient(225deg,transparent 0 9px,rgba(168,224,42,.7) 9px 13px,transparent 13px 20px);clip-path:polygon(0 0,100% 0,100% 100%)}.lgc .bdg{width:90px;height:106px;margin:14px 0 2px;opacity:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:transform .25s,filter .25s}.lgc b{position:relative;isolation:isolate;display:block;width:100%;padding:9px 14px;font-size:14px;line-height:1.3;color:#fff;text-shadow:0 1px 3px #000;background:linear-gradient(180deg,#e6ff6a,#6da90e);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%)}.lgc b::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:linear-gradient(180deg,#14400f,#06180a);clip-path:inherit}.lgc span{display:block;width:100%;font-size:11.5px;line-height:1.65;color:#e4f2d4;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.3)}.lgc small{display:block;width:100%;font-size:11px;line-height:1.5;color:#d9ff6a;padding:5px 8px;border:1px solid rgba(168,224,42,.6);border-radius:999px;background:rgba(0,0,0,.35);margin-top:0}.lgc small::before{content:"★ ";color:#ffd34d}.lgc .chk{top:9px;left:9px;width:28px;height:28px;z-index:2}.lgc:hover{filter:brightness(1)}.lgc.on{filter:none;border-color:#d4ff4a;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(212,255,74,.7),0 0 28px rgba(168,224,42,.65),inset 0 0 30px rgba(168,224,42,.22);animation:lgpulse 2.6s ease-in-out infinite;background:radial-gradient(75% 40% at 50% 0,rgba(150,255,100,.5),transparent 72%),radial-gradient(90% 55% at 50% 38%,rgba(60,170,50,.45),transparent 75%),linear-gradient(175deg,#145219 0%,#0a3711 48%,#04170a 100%)}.lgc.on .bdg{transform:scale(1.06);filter:drop-shadow(0 0 12px rgba(168,224,42,.75))}@keyframes lgpulse{0%,100%{box-shadow:0 0 0 1px rgba(212,255,74,.7),0 0 20px rgba(168,224,42,.45),inset 0 0 26px rgba(168,224,42,.18)}50%{box-shadow:0 0 0 1px rgba(212,255,74,.9),0 0 36px rgba(168,224,42,.8),inset 0 0 34px rgba(168,224,42,.28)}}.sthint{margin:12px 0 4px;padding:12px;text-align:center;font-size:13px;color:var(--mu);border:1px dashed rgba(168,224,42,.4);border-radius:14px;background:rgba(0,0,0,.25)}@media (prefers-reduced-motion:reduce){.lgc.on{animation:none}}@media (max-width:360px){.lgc b{font-size:12.5px;padding:8px 10px}.lgc{min-height:226px}}.hrow{display:flex;gap:12px;align-items:stretch}.hrow .hc{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;text-align:center;gap:12px;min-height:230px;padding:18px 10px 16px;margin:0}.hrow .hc .ico{width:84px;height:84px}.hrow .hc .ico svg{width:58px;height:58px}.hrow .hc .tx{flex:none;width:100%}.hrow .hc .tx b{font-size:17px;margin-bottom:6px}.hrow .hc .tx .d{font-size:12px;line-height:1.65}.hrow .hc .go{width:34px;height:34px;margin-top:auto}@media (max-width:340px){.hrow{gap:8px}.hrow .hc .tx b{font-size:15px}}.hrow .hc{animation:hcin .7s cubic-bezier(.2,.8,.2,1) backwards,hcglow 3.4s ease-in-out .8s infinite}.hrow .hc:nth-child(2){animation-delay:.14s,1.2s}.hc::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-130%);animation:hcshine 5s ease-in-out 1s infinite;pointer-events:none}.hrow .hc:nth-child(2)::after{animation-delay:3.4s}.hc .ico{animation:hcfloat 3.6s ease-in-out infinite}.hrow .hc:nth-child(2) .ico{animation-delay:-1.8s}.hc .go svg{animation:hcnudge 1.5s ease-in-out infinite}.stlogo.gl{animation:hclogo .8s cubic-bezier(.2,.8,.2,1) backwards}@keyframes hcin{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}@keyframes hclogo{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes hcglow{0%,100%{box-shadow:0 0 18px rgba(168,224,42,.22)}50%{box-shadow:0 0 34px rgba(168,224,42,.5)}}@keyframes hcshine{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}@keyframes hcfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hcnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}@media (prefers-reduced-motion:reduce){.hc,.hc::after,.hc .ico,.hc .go svg,.stlogo.gl{animation:none!important}}
⌂
.o3c{background:var(--cd);border:1px solid var(--bd);border-radius:16px;padding:14px;margin-bottom:12px}.o3h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.o3h b{font-size:17px}.o3g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:10px 0}.o3g b{display:block;font-size:20px}.o3g span{font-size:11px;color:var(--mu)}.o3r{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--bd);font-size:13px}.o3r:last-child{border:0}.o3p{background:var(--bd);border-radius:6px;padding:2px 6px;font-size:11px;min-width:38px;text-align:center;flex:none}.o3n{flex:1;min-width:0}.o3m{display:flex;justify-content:space-around;align-items:center;gap:6px;text-align:center;margin:10px 0}.o3m b{flex:1}.o3m span{color:var(--mu);font-size:12px}.o3s{font-size:34px;font-weight:bold;text-align:center;margin:6px 0}.o3code{font-size:28px;letter-spacing:6px;text-align:center;direction:ltr;font-weight:bold;background:var(--bg);border:1px dashed var(--bd);border-radius:12px;padding:10px;margin:8px 0}.o3t{width:100%;border-collapse:collapse;font-size:12px;text-align:center}.o3t th{color:var(--mu);font-weight:normal;padding:4px 2px}.o3t td{padding:6px 2px;border-top:1px solid var(--bd)}.o3t tr.me td{background:rgba(16,185,129,.14);font-weight:bold}.o3t td.l{text-align:right}.gt select{display:block;width:100%;background:var(--cd);color:var(--tx);border:1px solid var(--bd);border-radius:12px;padding:11px;font:inherit;margin:6px 0}.o3r select{margin:0;padding:8px;flex:1;min-width:0}.o3sc{max-height:280px;overflow:auto}.o3w{color:#22c55e}.o3d{color:#eab308}.o3l{color:#ef4444}.o3e{padding:4px 0;font-size:13px;border-bottom:1px solid var(--bd)}.o3e:last-child{border:0}.o3e i{font-style:normal;color:var(--mu);margin-left:6px}
/* original club crests in the shared-competition screens (same lg() artwork as the career view) */
.o3lg{display:inline-flex;flex:none;line-height:0;vertical-align:middle}.o3tm{display:inline-flex;align-items:center;gap:6px;min-width:0}.o3t td:nth-child(2){text-align:right}.o3pick{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.o3pick>.o3lg{grid-row:span 2}.o3pick b{margin:0 0 2px}.o3vs{display:flex;align-items:center;gap:8px;margin-bottom:4px}.o3vs b{display:inline;flex:1;margin:0}