:root{--bg:#111315;--panel:#1a1d20;--panel2:#212529;--text:#f3f5f7;--muted:#9ca5ad;--accent:#f04a3a;--line:#33383d;--green:#317a48;--warning:#e8c966}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100vh}button,input,select{font:inherit}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:30px;position:sticky;top:0;background:rgba(17,19,21,.96);backdrop-filter:blur(8px);z-index:20}.brand{font-size:25px;font-weight:900;letter-spacing:-2px}.brand span{color:var(--accent)}nav{display:flex;gap:5px}.nav-btn,.tab{border:0;background:transparent;color:var(--muted);padding:10px 12px;cursor:pointer}.nav-btn.active,.nav-btn:hover,.tab.active{color:white;background:var(--panel2)}.account-box{margin-left:auto;color:var(--muted);font-size:13px}main{max-width:1380px;margin:auto;padding:34px 26px 70px}.view{display:none}.view.active{display:block}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:4px 4px 0 #090a0b}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding:48px;align-items:center}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:12px}h1{font-size:clamp(32px,5vw,66px);line-height:.98;margin:0 0 20px;letter-spacing:-4px}h2{margin-top:0}h3{margin-top:24px}.hero p{color:var(--muted);max-width:720px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:28px}.primary,.secondary{border:1px solid var(--line);padding:12px 17px;cursor:pointer;font-weight:800}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--panel2);color:white}.secondary:hover{background:#2b3034}.wide{width:100%}.pixel-card{display:flex;flex-direction:column;justify-content:center}.gameplay-preview-card{min-width:0}.gameplay-preview-card canvas{display:block;width:100%;height:auto;background:#2d7b49;border:2px solid #dfe5e1;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:6px 6px 0 #090a0b}.preview-caption{display:grid;gap:4px;margin-top:14px;color:var(--muted);font-size:11px}.preview-caption span{color:var(--accent);font-weight:800;letter-spacing:1.3px}.preview-caption b{color:#dfe4e7;font-weight:600;line-height:1.4}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.grid-2>.panel{padding:28px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-form{display:grid;gap:13px}.hidden{display:none!important}label{display:grid;gap:7px;color:var(--muted);font-size:13px}input,select{background:#101214;border:1px solid var(--line);color:white;padding:11px;outline:none}input:focus,select:focus{border-color:var(--accent)}input[type=color]{padding:3px;height:42px;min-width:54px;cursor:pointer}.hint{color:var(--muted);font-size:12px;line-height:1.5}.message{min-height:18px;margin-top:12px;font-size:12px;color:var(--warning)}.controls-panel{display:grid;align-content:start}.control-row{display:grid;grid-template-columns:170px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}kbd{display:inline-block;background:#0d0f10;border:1px solid #50565c;box-shadow:0 3px 0 #08090a;padding:8px 10px;width:max-content}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h1{font-size:48px;margin:0}.status-pill{background:var(--panel);border:1px solid var(--line);padding:14px 18px}.status-pill strong{color:var(--accent)}.grid-team{display:grid;grid-template-columns:320px 1fr;gap:20px}.team-settings,.player-market{padding:22px}.team-settings>label{margin-bottom:16px}.color-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.club-color-help{margin:-5px 0 18px}.team-rules{display:grid;grid-template-columns:1fr;gap:2px;margin:20px 0 4px;padding:16px;background:#111416;border:1px solid var(--line)}.team-rules label{margin-bottom:14px}.team-rules label:last-child{margin-bottom:0}.field-help{font-size:10px;color:var(--muted);line-height:1.45;margin-top:-2px}.range-row{display:grid;grid-template-columns:1fr 58px;align-items:center;gap:10px}.range-row input[type=range]{padding:0;accent-color:var(--accent);width:100%}.range-row output{text-align:right;color:#fff;font-size:12px}.selected-list{display:grid;gap:7px;margin-bottom:18px}.selected-item{display:flex;align-items:center;justify-content:space-between;background:#111416;border:1px solid var(--line);padding:9px}.selected-item button{background:none;color:#e66;border:0;cursor:pointer}.selected-item b{color:var(--muted);font-weight:400}.market-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filters input{min-width:190px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;margin-top:18px;max-height:760px;overflow:auto;padding-right:4px}.player-card{background:#121517;border:1px solid var(--line);padding:0 14px 14px;cursor:pointer;position:relative;overflow:hidden}.player-card:hover{border-color:#777;transform:translateY(-1px)}.player-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.player-preview-wrap{height:128px;margin:0 -14px 13px;background:linear-gradient(#2c7847,#245f3a);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.player-preview{width:100px;height:118px;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.player-top{display:flex;justify-content:space-between;gap:8px}.ovr{font-size:28px;font-weight:900}.player-name{font-weight:800;margin:8px 0 4px;min-height:32px}.player-meta{font-size:10px;color:var(--muted);line-height:1.35}.stats{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:9px 0 18px;font-size:10px;color:var(--muted)}.game-shell{padding:14px;background:#161a1d;border-color:#3d454a;box-shadow:6px 6px 0 #090a0b;overflow:hidden}.hud{display:grid;grid-template-columns:1fr auto 1fr auto;gap:18px;align-items:center;padding:5px 8px 14px;font-size:13px;letter-spacing:.4px}.hud .away-hud{text-align:right}.hud .away-hud small{display:block;color:var(--accent);font-size:9px;margin-top:2px}.hud strong{font-size:25px;color:#fff}#gameCanvas{width:100%;height:auto;display:block;background:#2e7545;image-rendering:pixelated;image-rendering:crisp-edges;border:3px solid #dce4df;box-shadow:inset 0 0 0 2px #15231b,0 8px 24px rgba(0,0,0,.28);outline:none;touch-action:none;user-select:none}.game-help{text-align:center;color:#b5bdc4;font-size:11px;padding-top:12px;letter-spacing:.15px}.modal-overlay{position:fixed;inset:0;background:rgba(4,6,7,.78);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.match-setup{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:26px;box-shadow:10px 10px 0 #050606}.match-setup-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);margin-bottom:20px}.match-setup-head h2{font-size:32px;margin:0 0 20px}.icon-btn{background:transparent;border:1px solid var(--line);color:#fff;width:38px;height:38px;font-size:24px;cursor:pointer}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kit-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.kit-box{background:#111416;border:1px solid var(--line);padding:16px}.kit-box h3{margin:0 0 14px}.kit-preview{display:block;margin:14px auto 0;width:100px;height:120px;background:#20282a;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid #343b40}.setup-summary{margin-top:18px;padding:12px;border:1px solid var(--line);background:#111416;text-align:center;color:#dfe4e7;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.loading{color:var(--muted)}footer{text-align:center;color:#555;padding:30px;font-size:11px}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.grid-team{grid-template-columns:290px 1fr}.players-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(max-width:780px){.hero,.grid-2,.grid-team,.setup-grid,.kit-setup-grid{grid-template-columns:1fr}.topbar{padding:0 12px;gap:10px}.brand{font-size:20px}.nav-btn{padding:8px}.hero{padding:28px}.market-head{display:block}.filters{margin-top:15px;justify-content:flex-start}.section-head h1{font-size:38px}.account-box{display:none}.control-row{grid-template-columns:140px 1fr}.color-pair{grid-template-columns:1fr 1fr}.modal-overlay{padding:10px}.match-setup{padding:18px}.hud{grid-template-columns:1fr auto 1fr}.hud>#matchClock{grid-column:1/-1;text-align:center}.players-grid{max-height:none}}

/* v9 formation builder */
.lineup-builder{padding:22px;margin-bottom:20px}.lineup-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.lineup-builder-head h2{margin:0 0 6px}.lineup-builder-head .hint{margin:0;max-width:760px}.lineup-formation-badge{font-size:22px;font-weight:900;color:var(--accent);border:1px solid var(--line);background:#101214;padding:9px 13px;min-width:86px;text-align:center}.lineup-stage{display:grid;grid-template-columns:minmax(460px,820px) minmax(210px,1fr);gap:20px;align-items:stretch}.formation-pitch{position:relative;aspect-ratio:1.58/1;min-height:360px;background:repeating-linear-gradient(90deg,#2d7948 0,#2d7948 12.5%,#317f4d 12.5%,#317f4d 25%);border:3px solid #e4e9e6;overflow:hidden;box-shadow:inset 0 0 0 2px #183b27}.formation-pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.85);transform:translateX(-50%)}.formation-pitch:after{content:"";position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;border:2px solid rgba(255,255,255,.85);border-radius:50%;transform:translate(-50%,-50%)}.formation-goal{position:absolute;left:42%;right:42%;bottom:-2px;height:7%;border:2px solid rgba(255,255,255,.9);border-bottom:0}.formation-box{position:absolute;left:27%;right:27%;bottom:-2px;height:22%;border:2px solid rgba(255,255,255,.85);border-bottom:0}.formation-slot{position:absolute;transform:translate(-50%,-50%);width:88px;min-height:76px;border:1px solid rgba(255,255,255,.22);background:rgba(12,17,14,.72);color:#fff;padding:4px 4px 5px;text-align:center;cursor:pointer;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;box-shadow:2px 2px 0 rgba(0,0,0,.35)}.formation-slot:hover,.formation-slot.active{border-color:#ffe45c}.formation-slot.drag-over{outline:2px solid var(--accent);outline-offset:2px}.formation-slot.empty{background:rgba(12,17,14,.42);border-style:dashed}.formation-slot canvas{display:block;width:42px;height:42px;image-rendering:pixelated;image-rendering:crisp-edges}.formation-slot .slot-name{font-size:9px;font-weight:900;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px #000}.formation-slot .slot-role{font-size:8px;color:#c2c9c4;letter-spacing:.5px}.formation-slot .slot-empty{font-size:10px;color:#d5dbd7;font-weight:800}.lineup-help{border:1px solid var(--line);background:#111416;padding:18px;display:flex;flex-direction:column}.lineup-help h3{margin:0 0 8px}.lineup-help .wide{margin-top:auto}.lineup-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.lineup-legend span{display:flex;align-items:center;gap:7px;font-size:10px;color:#dfe4e7}.role-dot{display:inline-block;width:8px;height:8px}.role-dot.keeper{background:#f0c84b}.role-dot.defender{background:#4b8bf0}.role-dot.midfield{background:#55c77a}.role-dot.forward{background:#e9645d}
@media(max-width:900px){.lineup-stage{grid-template-columns:1fr}.formation-pitch{min-height:320px}.lineup-help .wide{margin-top:10px}}
@media(max-width:560px){.lineup-builder{padding:14px}.lineup-builder-head{display:block}.lineup-formation-badge{display:inline-block;margin-top:12px}.formation-pitch{min-height:280px}.formation-slot{width:72px;min-height:68px}.formation-slot canvas{width:36px;height:36px}.formation-slot .slot-name{max-width:64px;font-size:8px}}

/* v11 team library + match picker */
.team-head-actions{display:flex;align-items:center;gap:10px}.team-library-panel{padding:18px 22px;margin-bottom:20px}.team-library-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-library-head h2{margin:0 0 4px}.team-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.team-library-card,.match-team-card{border:1px solid var(--line);background:#111416;color:#fff;padding:12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}.team-library-card:hover,.match-team-card:hover{border-color:#777}.team-library-card.active,.match-team-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.team-library-card>span:nth-child(2),.match-team-card>span{display:grid;gap:3px;min-width:0;flex:1}.team-library-card small,.match-team-card small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-library-card>strong,.match-team-card>strong{color:var(--accent);font-size:11px}.team-swatch{width:28px;height:34px;flex:0 0 auto;background:linear-gradient(180deg,var(--shirt) 0 70%,var(--trim) 70% 100%);border:1px solid rgba(255,255,255,.3);position:relative}.team-swatch:after{content:'';position:absolute;left:11px;top:2px;width:6px;height:2px;background:var(--trim)}.builder-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.editing-team-label{font-size:11px;color:var(--accent);letter-spacing:1.3px;font-weight:900}.builder-actions{display:grid;gap:8px}.danger{border:1px solid #72332f;background:#3a1b19;color:#ffb4ae;padding:12px 17px;cursor:pointer;font-weight:800}.danger:hover{background:#4b211e}button:disabled{opacity:.45;cursor:not-allowed}.match-step{border-bottom:1px solid var(--line);padding:4px 0 18px;margin-bottom:18px}.match-step-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.match-step-title>span{display:grid;place-items:center;width:26px;height:26px;background:var(--accent);font-weight:900}.match-step-title h3{margin:0 0 3px}.match-step-title p{margin:0}.format-choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.format-choice-row button{border:1px solid var(--line);background:#111416;color:#fff;padding:12px;cursor:pointer}.format-choice-row button.active{border-color:var(--accent);background:#2b1a18;color:#fff}.match-team-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.match-team-empty{padding:14px;border:1px dashed var(--line);color:var(--muted);font-size:12px}.match-setup-paused{color:var(--warning);font-size:10px;letter-spacing:1px}.formation-slot{transition:border-color .1s,transform .1s}.formation-slot.active{transform:translate(-50%,-50%) scale(1.04)}
@media(max-width:720px){.team-head-actions,.builder-status-row{align-items:stretch;flex-direction:column}.team-library,.match-team-choices{grid-template-columns:1fr}.format-choice-row{grid-template-columns:1fr}.team-head-actions .status-pill{width:100%}}

/* v14 post-match, profile and quick chat */
.game-stage{position:relative}.quick-chat-bar{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:min(92%,760px);pointer-events:auto}.quick-chat-bar button{border:1px solid rgba(255,255,255,.35);background:rgba(10,13,14,.82);color:#fff;padding:7px 10px;font:800 10px/1 monospace;cursor:pointer;box-shadow:2px 2px 0 rgba(0,0,0,.35)}.quick-chat-bar button:hover{border-color:var(--accent);background:rgba(39,22,20,.94)}.quick-chat-popups{position:absolute;inset:0;pointer-events:none;overflow:hidden}.quick-chat-popup{position:absolute;top:18px;max-width:44%;padding:12px 16px;background:rgba(8,10,11,.88);border:2px solid #fff;color:#fff;font:900 22px/1.15 monospace;letter-spacing:-1px;box-shadow:5px 5px 0 rgba(0,0,0,.38);animation:quickChatIn .16s steps(2,end),quickChatOut .25s 2.35s forwards}.quick-chat-popup.home{left:18px;border-color:var(--accent)}.quick-chat-popup.away{right:18px;border-color:#7394ff;text-align:right}@keyframes quickChatIn{from{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}@keyframes quickChatOut{to{transform:translateY(-8px);opacity:0}}
.post-match{width:min(720px,100%);padding:26px;box-shadow:10px 10px 0 #050606}.post-match-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:14px}.post-match-head h2{font-size:32px;margin:0}.result-badge{padding:9px 14px;border:1px solid var(--line);font-weight:900;letter-spacing:1px}.result-badge.win{background:#173d28;color:#74e39d;border-color:#397c54}.result-badge.loss{background:#44211f;color:#ff958b;border-color:#7c3934}.result-badge.draw{background:#33301c;color:#ffe45c;border-color:#6c6331}.post-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:24px 4px}.post-scoreboard>div{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-weight:900}.post-scoreboard>div:last-child{justify-content:flex-start}.post-scoreboard strong{font-size:48px;color:#fff}.post-scoreboard span{font-size:15px}.post-stats{border:1px solid var(--line);background:#101315}.post-stat-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;padding:10px 14px;border-bottom:1px solid #24292c;align-items:center}.post-stat-row:last-child{border-bottom:0}.post-stat-row b:first-child{text-align:right}.post-stat-row b:last-child{text-align:left}.post-stat-row span{text-align:center;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.post-save-status{min-height:18px;padding:10px 0 0;color:var(--muted);font-size:10px}.post-match-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;margin-top:12px}.profile-guest{padding:18px;margin-bottom:16px;color:var(--warning)}.profile-hero{display:flex;align-items:center;justify-content:space-between;padding:22px;margin-bottom:14px}.profile-hero h2{margin:4px 0 5px;font-size:30px}.profile-record{font-size:19px;font-weight:900;color:var(--accent)}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.profile-stat{padding:16px}.profile-stat span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}.profile-stat strong{font-size:26px}.recent-matches-panel{padding:20px}.recent-match{display:grid;grid-template-columns:74px 1fr auto 95px;gap:12px;align-items:center;padding:11px 8px;border-top:1px solid var(--line)}.recent-match:first-child{border-top:0}.recent-result{font-weight:900}.recent-result.win{color:#74e39d}.recent-result.loss{color:#ff958b}.recent-result.draw{color:#ffe45c}.recent-score{font-size:18px;font-weight:900}.recent-meta{font-size:9px;color:var(--muted);text-align:right}
@media(max-width:760px){.quick-chat-bar{bottom:6px;gap:4px}.quick-chat-bar button{font-size:8px;padding:6px}.quick-chat-popup{font-size:16px;max-width:68%}.post-match-actions{grid-template-columns:1fr 1fr}.profile-stat-grid{grid-template-columns:1fr 1fr}.profile-hero{align-items:flex-start;flex-direction:column}.recent-match{grid-template-columns:58px 1fr auto}.recent-meta{display:none}}

/* v16 online rooms + navigation */
.nav-link{appearance:none;border:0;background:transparent;color:var(--muted);text-decoration:none;font:800 11px/1 monospace;text-transform:uppercase;letter-spacing:.8px;padding:10px 8px;cursor:pointer}.nav-link:hover{color:#fff}.match-head-actions{display:flex;gap:8px;align-items:center}.online-setup{width:min(720px,100%);padding:24px;box-shadow:10px 10px 0 #050606}.online-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.online-tabs button{border:1px solid var(--line);background:#15191b;color:var(--muted);padding:12px;font-weight:900;cursor:pointer}.online-tabs button.active{background:#2a1d1b;border-color:var(--accent);color:#fff}.online-panel{display:grid;gap:12px;padding:16px;border:1px solid var(--line);background:#101315}.online-panel h3{margin:0}.online-login-required{padding:16px;border:1px solid #735b29;background:#302812;color:#ffe08a;margin-top:14px}.online-lobby{padding:18px;border:1px solid var(--line);background:#0d1011;margin-top:12px}.room-code-row{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.room-code-row strong{font:900 34px/1 monospace;letter-spacing:5px;color:var(--accent)}.online-lobby-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}.online-lobby-team{border:1px solid var(--line);padding:14px;background:#171b1d}.online-lobby-team.away{text-align:right}.online-lobby-vs{font-weight:900;color:var(--muted)}.online-status{padding:10px 0;color:#d8e6df;font-weight:800}.online-status.ready{color:#75e39f}.online-status.error{color:#ff9287}.online-panel select,.online-panel input{width:100%}.online-room-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;padding:4px 7px;border:1px solid #4b5d55;color:#9fd9b8;background:#142019;margin-left:6px}
@media(max-width:760px){.nav-link{font-size:9px;padding:8px 5px}.match-head-actions{flex-wrap:wrap;justify-content:flex-end}.online-lobby-teams{grid-template-columns:1fr}.online-lobby-vs{text-align:center}.online-lobby-team.away{text-align:left}.room-code-row strong{font-size:25px}}
.player-details-link{display:block;border-top:1px solid var(--line);padding-top:9px;color:#a7c7ff;font-size:9px;text-decoration:none;font-weight:800;letter-spacing:.3px}.player-details-link:hover{color:#fff}

/* v17 guest identity + online reconnect */
.guest-identity{margin-top:10px;padding:9px 11px;border:1px solid #2f3b35;background:#111815;color:#9fd9b8;font-size:11px;line-height:1.45}
.online-reconnect{position:absolute;z-index:9;left:50%;top:16px;transform:translateX(-50%);min-width:min(430px,86%);padding:11px 15px;background:rgba(12,15,16,.94);border:2px solid #ffd45c;color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.4);text-align:center;pointer-events:none}
.online-reconnect strong{display:block;color:#ffd45c;font-size:13px;letter-spacing:.7px;margin-bottom:4px}.online-reconnect span{font-size:11px;color:#e5e8ea}