@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0e14;--panel:#111720;--panel2:#151d28;--line:#222d3a;--text:#edf2f7;--muted:#8793a4;--mint:#72e0bb;--mintdark:#153d36;--orange:#f0a65c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 16% 12%,#17222a 0,transparent 40%),var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.auth-layout{width:min(1050px,calc(100% - 40px));min-height:100vh;margin:auto;display:grid;grid-template-columns:1fr .84fr;gap:22px;align-items:center;padding:50px 0}.auth-card,.updates-card,.name-card{border:1px solid var(--line);background:linear-gradient(145deg,#131a24,#0f151d);border-radius:18px;box-shadow:0 28px 80px #0005}.auth-card{padding:42px 46px}.updates-card{padding:36px;align-self:center}.brand-mark{width:46px;height:46px;border-radius:14px;background:var(--mint);color:#0a1917;display:grid;place-items:center;font:700 17px 'Space Grotesk';box-shadow:0 0 30px #72e0bb28}.brand-mark span{color:#315c50;display:inline}.eyebrow,.section-label,.side-caption{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--mint)}.auth-card .eyebrow,.name-card .eyebrow{margin:26px 0 8px}.auth-card h1,.name-card h1,.workspace-head h1{font:600 38px 'Space Grotesk';letter-spacing:-.04em;margin:0}.muted{color:var(--muted);line-height:1.6}.auth-tabs{display:flex;border-bottom:1px solid var(--line);gap:26px;margin:29px 0 24px}.switch{padding:0 0 13px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:600}.switch.active{border-color:var(--mint);color:var(--text)}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;color:#cbd4df;font-size:12px;font-weight:600}.auth-form input{width:100%;height:46px;border:1px solid #293442;background:#0c1219;border-radius:8px;padding:0 13px;color:var(--text);outline:none}.auth-form input:focus{border-color:var(--mint)}.auth-form input::placeholder{color:#5b6877}.primary{height:48px;border:0;border-radius:8px;background:var(--mint);color:#092019;font-weight:700;margin-top:6px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.primary span{font-size:20px}.hidden{display:none!important}.section-label{display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;display:inline-block;border-radius:99px;background:var(--mint);box-shadow:0 0 10px #72e0bb99}.updates-card h2{font:600 23px 'Space Grotesk';margin:18px 0 22px}.update{padding:16px 0;border-top:1px solid var(--line)}.update time{font-size:10px;letter-spacing:.08em;color:var(--orange)}.update h3{font-size:14px;margin:8px 0 5px}.update p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.tiny-note{font-size:10px;color:#697584;margin:18px 0 0}.alert{border:1px solid #764c32;background:#3a241c;color:#ffd1a2;border-radius:8px;padding:11px 13px;margin:18px 0;font-size:12px}.name-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.name-card{width:min(440px,100%);padding:38px}.name-card h1{font-size:36px}.name-card .auth-form{margin-top:25px}.logout-form{margin-top:16px}.text-button{background:none;border:0;color:var(--muted);font-size:12px;padding:8px 0}.text-button:hover{color:var(--mint)}.game-shell{min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:#0d1219}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font:600 16px 'Space Grotesk'}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:12px}.player{display:flex;align-items:center;gap:10px;font-weight:600;font-size:12px}.player small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--mint);background:var(--mintdark)}.player form{margin-left:16px;border-left:1px solid var(--line);padding-left:16px}.game-layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:220px 1fr}.sidebar{border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column}.side-caption{color:#667484;margin:0 0 15px 10px}.nav-item{height:42px;display:flex;align-items:center;gap:12px;border-radius:7px;padding:0 11px;color:#9ca8b7;text-decoration:none;font-size:12px;margin-bottom:4px}.nav-item:hover,.nav-item.selected{background:#17232a;color:var(--mint)}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{margin:auto 8px 0;border-top:1px solid var(--line);padding-top:16px;color:#748193;font-size:9px;letter-spacing:.12em}.sidebar-footer .live-dot{margin-right:7px;width:6px;height:6px}.game-main{padding:34px 40px}.workspace-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px}.workspace-head .eyebrow{margin:0 0 8px;font-size:9px;color:#778596}.workspace-head h1{font-size:28px}.empty-tag{border:1px solid var(--line);border-radius:5px;color:#778596;padding:7px 9px;font-size:9px;letter-spacing:.1em}.empty-stage{height:min(650px,calc(100vh - 210px));min-height:330px;margin-top:22px;border:1px dashed #273340;border-radius:12px;background:radial-gradient(ellipse at center,#141c24 0,transparent 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.stage-symbol{width:48px;height:48px;border:1px solid #2b4542;color:var(--mint);display:grid;place-items:center;border-radius:14px;font-size:20px}.empty-stage h2{font:500 17px 'Space Grotesk';margin:19px 0 7px}.empty-stage p{max-width:390px;color:var(--muted);font-size:12px;line-height:1.7;margin:0}@media(max-width:760px){.auth-layout{grid-template-columns:1fr;padding:28px 0}.auth-card,.updates-card{padding:27px}.game-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:12px;display:flex;flex-direction:row;overflow:auto;gap:4px}.side-caption,.sidebar-footer{display:none}.nav-item{flex:0 0 auto;margin:0;padding:0 10px}.game-main{padding:23px 17px}.topbar{padding:0 16px}.empty-stage{min-height:350px}.player form{margin-left:3px;padding-left:7px}}
.brand-mark{background:transparent;box-shadow:none;flex:0 0 auto}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-mark.small img{width:34px;height:34px}
.brand-mark{width:42px;height:42px}.brand-mark.small{width:42px;height:42px}.brand-mark.small img{width:42px;height:42px}

/* Update 014: większy znak MC² dopasowany do nagłówka. */
.topbar{height:100px}
.game-layout{min-height:calc(100vh - 100px)}
.brand{gap:16px}
.brand b{white-space:nowrap}
.brand-mark.small{width:84px;height:84px;min-width:84px;border-radius:0;background:transparent;box-shadow:none}
.brand-mark.small img{width:84px;height:84px;object-fit:contain}