/* player sign-up panel (main site) */
.pl-shade{position:fixed;inset:0;z-index:998;background:rgba(10,30,70,.18);backdrop-filter:blur(2px)}
.pl-panel{position:fixed;z-index:999;background:#fff;border-radius:22px;box-shadow:0 22px 60px rgba(10,60,150,.3);overflow:hidden;animation:plIn .25s cubic-bezier(.34,1.56,.64,1);font-family:inherit;color:#0d1b34;max-height:calc(100vh - 90px);overflow-y:auto}
.pl-panel[hidden],.pl-shade[hidden]{display:none!important}
@keyframes plIn{from{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}
.pl-panel::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#1aa7ff,#7a3ffc,#ff5c8a,#ffa21a)}
.pl-h{display:flex;align-items:center;gap:8px;padding:16px 16px 6px}
.pl-t{flex:1;min-width:0}
.pl-t b{display:block;font-size:20px;line-height:1.2}
.pl-t small{display:block;color:#5d7390;font-weight:700;font-size:13px;margin-top:2px}
.pl-ic{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:#e4f0fb;color:#0d1b34;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s}
.pl-ic:hover{transform:scale(1.12);background:#cfe6ff}
.pl-ic svg{width:18px;height:18px}
.pl-b{padding:10px 16px 18px;display:grid;gap:10px}
.pl-o{display:flex;align-items:center;gap:12px;width:100%;border:2px solid #dbe8f7;background:#fff;color:#0d1b34;font:inherit;font-weight:800;font-size:15px;padding:12px 14px;border-radius:999px;cursor:pointer;text-align:left;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s,background .2s}
.pl-o:hover:not(:disabled){transform:translateY(-3px) scale(1.03);border-color:#0a6cff;box-shadow:0 10px 22px rgba(10,108,255,.2);background:#f4f9ff}
.pl-o:active{transform:scale(.97)}
.pl-o:disabled{opacity:.6;cursor:default}
.pl-oi{width:24px;height:24px;display:grid;place-items:center;flex:none}
.pl-oi svg{width:22px;height:22px}
.pl-ph{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:8px}
.pl-panel select,.pl-panel input{font:inherit;font-weight:700;font-size:15px;padding:12px;border:2px solid #dbe8f7;border-radius:14px;background:#fff;color:#0d1b34;min-width:0;width:100%;box-sizing:border-box}
.pl-panel select:focus,.pl-panel input:focus{outline:none;border-color:#0a6cff;box-shadow:0 0 0 4px rgba(10,108,255,.15)}
.pl-code{text-align:center;letter-spacing:.4em;font-size:22px!important}
.pl-go{border:0;cursor:pointer;font:inherit;font-weight:900;letter-spacing:.04em;font-size:15px;color:#fff;background:linear-gradient(135deg,#2aa7ff,#0a6cff);padding:13px;border-radius:999px;box-shadow:0 8px 18px rgba(10,108,255,.3);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.pl-go:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 14px 26px rgba(10,108,255,.4)}
.pl-go:disabled{background:#cfd8e6;color:#8795aa;box-shadow:none;cursor:not-allowed}
.pl-out{background:linear-gradient(135deg,#ff6b6b,#e11d48);box-shadow:0 8px 18px rgba(225,29,72,.3)}
.pl-lk{border:0;background:none;color:#0a6cff;font:inherit;font-weight:800;cursor:pointer;padding:4px}
.pl-lk:hover{text-decoration:underline}
.pl-msg{min-height:0;font-size:13px;font-weight:800;color:#c0143c;text-align:center}
.pl-msg:empty{display:none}
.pl-msg.ok{color:#14803c}
.pl-f{margin:2px 0 0;text-align:center;font-size:12px;font-weight:700;color:#6b7c93}
.pl-f a{color:#0a6cff}
.pl-me{display:flex;align-items:center;gap:12px}
.pl-me b{display:block;overflow-wrap:anywhere}
.pl-me small{display:block;color:#5d7390;font-weight:700;overflow-wrap:anywhere}
.pl-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#2aa7ff,#7a3ffc);color:#fff;font-weight:900;font-size:20px;display:grid;place-items:center;overflow:hidden;flex:none}
.pl-av img{width:100%;height:100%;object-fit:cover}
nav a.sep.on-pl,nav a.sep.pl-in{background:#dbeeff}
@media(max-width:480px){.pl-t b{font-size:18px}.pl-o{font-size:14px;padding:11px 12px}}