:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f9f7fa;background:#100e16;font-synthesis:none;--bg:#100e16;--surface:#191620;--surface2:#211d2a;--border:#34303d;--muted:#a9a2b4;--accent:#c6f968;--red:#ff8b99}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}input,select{min-width:0;color:#fff;background:#15131c;border:1px solid #44404e;border-radius:11px;padding:13px 15px;outline:none;width:100%;transition:border-color .2s}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:#817a90}code{color:var(--accent)}p{line-height:1.6}.muted{color:var(--muted)}.accent{color:var(--accent)}.outer{max-width:1280px;margin:auto;padding:0 5vw}.logo{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:23px;font-weight:900;letter-spacing:-1px}.logo-mark{color:var(--accent);font-size:34px;line-height:1}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px}.nav-note,.eyebrow,.field-label{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#aaa5b5}.eyebrow{color:var(--accent)}.home-layout{min-height:100vh;background:radial-gradient(ellipse at 68% 35%,#292532 0,transparent 45%),radial-gradient(ellipse at 5% 95%,#202018 0,transparent 30%),var(--bg)}.hero{padding-top:95px;padding-bottom:120px}.hero-label{color:var(--accent);font-size:12px;letter-spacing:2.1px;font-weight:800}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #c6f96870;margin-right:6px}.dot.orange{background:#efad61}.hero h1{font-size:clamp(48px,8.8vw,118px);line-height:.99;letter-spacing:-.07em;margin:22px 0 27px;max-width:1140px;font-weight:850}.hero-copy{color:#c5bdce;font-size:clamp(17px,2vw,22px);max-width:680px;line-height:1.6}.create-card{max-width:790px;border:1px solid #45404f;background:#201b28;padding:25px;border-radius:20px;margin-top:49px;box-shadow:0 24px 70px #0003}.create-line{display:flex;gap:9px;align-items:center}.create-line input{flex:1}.form-hint{color:#a8a0af;font-size:12px;margin:13px 0 0}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--border);color:#f8f7fa;background:#292532;border-radius:11px;padding:11px 15px;font-weight:750;font-size:13px;min-height:42px;white-space:nowrap;transition:transform .1s,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px);background:#393343}.btn.primary{background:var(--accent);color:#15191b;border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:#ddff94}.btn.secondary{background:#363e27;border-color:#637e3c;color:#d7ffa3}.btn.ghost{background:transparent}.btn.large{font-size:15px;padding:15px 21px}.btn.wide{width:100%;margin-top:7px}.btn.tiny{font-size:11px;padding:5px 8px;min-height:28px}.btn.small{font-size:11px;padding:5px 9px;min-height:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;max-width:820px;margin-top:78px}.steps>div{display:flex;flex-direction:column;gap:8px;border-top:1px solid #504a57;padding-top:16px}.steps span{color:var(--accent);font:700 14px monospace}.steps b{font-size:15px}.steps small{color:var(--muted)}.footer{color:#8f889c;font-size:12px;padding-top:20px;padding-bottom:28px}.gate-page{min-height:100vh;background:radial-gradient(circle at 50% 30%,#332a3a,#100e16 65%);padding:35px 6vw}.gate-card{max-width:460px;margin:11vh auto 0;padding:38px;background:#211c2b;border:1px solid #50465b;border-radius:22px;box-shadow:0 20px 80px #0005}.gate-card h1{font-size:42px;line-height:1.09;letter-spacing:-2px;margin:18px 0}.gate-card p{color:#c1baca}.gate-card form{display:flex;flex-direction:column;gap:13px;margin-top:30px}.gate-meta{color:#938c9f;border-top:1px solid #3d3648;margin-top:25px;padding-top:20px;font-size:11px}.small-note{text-align:center;font-size:11px}.app-shell{max-width:1920px;margin:auto}.room-nav{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:0 3vw;background:#14111b;position:relative;z-index:3}.room-label{font-size:11px;font-weight:800;letter-spacing:1.1px;color:#ded7e4}.room-label .status{font-weight:400;letter-spacing:0}.top-actions{display:flex;gap:6px;margin-left:auto}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;padding:25px 3vw;align-items:start}.watch-column{min-width:0}.watch-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.watch-header h1{font-size:clamp(20px,3vw,33px);letter-spacing:-1.2px;margin:4px 0 0}.live-badge{font-size:10px;letter-spacing:1.5px;border:1px solid #536041;color:#c5f28c;border-radius:40px;padding:9px 13px;white-space:nowrap}.player-wrap{background:#070608;aspect-ratio:16/9;position:relative;border:1px solid #383040;border-radius:15px;overflow:hidden;min-height:200px}.yt-host,.yt-host iframe,.player-wrap>iframe{width:100%;height:100%;border:0}.player-footer{display:flex;justify-content:space-between;font-size:10px;gap:12px;padding:11px 0 14px}.player-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;background:#211c29;border:1px solid var(--border);border-radius:12px;padding:11px}.seek-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#bdb7c4;flex:1;min-width:130px}.seek-label input{padding:0;accent-color:var(--accent);border:0}.time{font-size:11px;color:#c0bac6}.join-play{padding:14px 16px;background:#2d3623;border:1px solid #637449;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px;border-radius:11px;font-size:12px}.player-hint{font-size:12px;color:#bfb5c8;padding:7px}.notice{font-size:12px;color:#d7dbd1;background:#242833;border:1px solid #414e5e;padding:14px;border-radius:10px;margin:10px 0}.notice.error{color:#ffe0e2;background:#402532;border-color:#7f4657}.notice a{text-decoration:underline}.reaction-section,.heatmap-panel{margin-top:22px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:19px}.reaction-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.reaction-head .muted{font-size:11px}.reaction-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.btn.reaction{font-size:27px;flex:1;min-width:50px;height:59px;background:#282431;border-color:#494151;border-radius:12px}.btn.reaction:hover{background:#393145;transform:translateY(-3px)}.reaction-feed{display:flex;gap:5px;flex-wrap:wrap;min-height:16px;margin-top:12px}.reaction-chip{font-size:11px;background:#312b3a;padding:5px 8px;border-radius:7px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.section-heading h3{font-size:15px;margin:0;letter-spacing:-.3px}.pill{font-size:10px;color:#bfb7cb;border:1px solid #4e4658;padding:5px 8px;border-radius:50px;white-space:nowrap}.accent-pill{color:var(--accent);border-color:#778b4f}.moment{font-size:12px;color:#c2b8ce}.moment strong{color:var(--accent);font-size:18px}.heatmap{height:68px;display:flex;align-items:end;gap:3px;margin-top:20px;padding:0 0 2px;border-bottom:1px solid #655a72}.heatmap .bar{flex:1;background:linear-gradient(0deg,#95bc50,var(--accent));border-radius:3px 3px 0 0;min-width:4px;max-width:25px}.heatmap-panel>.btn{margin-top:14px}.sidebar{display:flex;flex-direction:column;background:var(--surface);border:1px solid #35303e;border-radius:15px;overflow:hidden;position:sticky;top:15px;max-height:calc(100vh - 30px)}.sidebar-head{padding:20px 19px 14px;display:flex;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:1.5px}.sidebar-head span{letter-spacing:0}.tabs{display:flex;padding:0 12px;border-bottom:1px solid var(--border)}.tabs .btn.tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;flex:1;color:#aaa2b4;padding:14px 5px}.tabs .btn.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{min-height:260px;overflow-y:auto;flex:1;display:flex;flex-direction:column}.chat-panel{display:flex;flex-direction:column;min-height:300px;flex:1;padding:19px 15px 12px}.chat-panel .section-heading{margin-bottom:4px}.messages{min-height:155px;max-height:38vh;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px;padding:15px 2px}.message-meta{display:flex;gap:9px;align-items:center}.message-meta b{font-size:12px;color:var(--accent)}.message-meta time{font-size:10px;color:#8e879b}.message p{font-size:13px;color:#e8e3ed;margin:2px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-form{display:flex;gap:6px}.message-form input{flex:1}.people,.share-panel,.schedule-panel{border-top:1px solid var(--border);padding:18px}.people-list{display:flex;flex-direction:column;gap:9px;max-height:150px;overflow:auto}.person{display:flex;align-items:center;gap:8px;font-size:12px}.avatar{display:grid;place-items:center;width:25px;height:25px;background:#454137;color:var(--accent);border-radius:8px;font-weight:800}.person-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role{font-size:8px;letter-spacing:.4px;color:#a99eaf;border:1px solid #4b4153;padding:4px 5px;border-radius:4px}.role.host{color:var(--accent);border-color:#617348}.presence{font-size:8px;color:#756d7a}.presence.online{color:var(--accent)}.panel-inside,.battle-panel{padding:20px 17px;overflow:auto}.panel-inside>.section-heading,.battle-panel>.section-heading{margin-bottom:18px}.field-label{display:block;margin:0 0 8px}.stack-form{display:flex;flex-direction:column;gap:8px;margin:14px 0}.stack-form .field-label{margin:0}.stack-form strong{font-size:15px}.empty-state{padding:30px 12px;text-align:center;font-size:12px;color:#9c94a5;background:#211c29;border:1px dashed #48404f;border-radius:10px}.queue-items{display:flex;flex-direction:column;gap:8px;margin:17px 0}.queue-row,.candidate{display:flex;gap:10px;align-items:center;padding:12px;background:#26212e;border:1px solid #3b3546;border-radius:10px;font-size:11px}.queue-number{font:700 15px monospace;color:var(--accent)}.grow{flex:1;min-width:0}.queue-row small,.candidate small{display:block;color:#a59ba9;margin-top:4px}.queue-row a,.candidate a{font-weight:700}.border-top{border-top:1px solid var(--border);padding-top:20px}.panel-copy{font-size:12px;color:var(--muted);margin:0 0 20px}.submission-count{display:flex;align-items:baseline;justify-content:center;background:#26212e;border:1px solid #48404c;border-radius:14px;padding:25px;margin:15px 0;font-size:13px;color:#aba3b3}.submission-count strong{font-size:58px;color:var(--accent);line-height:1}.candidate{margin:8px 0}.candidate.winner{border-color:var(--accent);background:#29321e}.vote-count{color:var(--accent);font-size:11px}.battle-actions{margin-top:20px}.prediction{padding:14px;background:#302a38;border-radius:12px;font-size:13px}.prediction .reaction-buttons .btn{font-size:24px}.battle-actions p{font-size:13px}.result{background:#252b22;border:1px solid #647a4f;border-radius:15px;padding:22px 16px;margin-top:18px}.result h3{font-size:26px;margin:12px 0}.result p{overflow-wrap:anywhere;font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0}.summary-grid>div{display:flex;flex-direction:column;background:#1c2419;border-radius:9px;padding:13px 5px;align-items:center}.summary-grid b{font-size:21px;color:var(--accent)}.summary-grid small{font-size:9px;color:#b5bba8}.link-btn{text-align:center;display:flex;margin-top:8px;border-color:#6a8a4b;background:#1c2419}.share-panel p{color:#b4aebe;font-size:12px;margin:7px 0 10px}.share-panel input{font-size:10px;margin-top:12px}.more-link{display:block;text-align:center;margin:13px;color:var(--accent);font-size:12px}.schedule-panel{display:flex;flex-direction:column;gap:9px}.schedule-panel input{font-size:11px;padding:10px 5px}.schedule-panel .create-line .btn{padding:8px}.mobile-people{display:none}.room-footer{color:#696371;padding:20px 3vw;font-size:10px}.countdown{background:#292820;border:1px solid #756b44;color:#e4dbaf;font-size:12px;border-radius:10px;padding:12px;margin-bottom:12px}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;background:#43252c;border:1px solid #bb7482;color:#ffe1e5;padding:12px 16px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:14px;max-width:90vw;box-shadow:0 10px 30px #0008}.qr-modal{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:#000b;padding:20px}.qr-card{width:min(94vw,460px);background:#201c28;border:1px solid #52475c;border-radius:22px;padding:26px;text-align:center}.qr-card img{display:block;margin:12px auto;width:min(72vw,320px);height:auto;aspect-ratio:1;background:#fff;border-radius:10px;padding:8px}.qr-card p{font-size:12px;word-break:break-all}.qr-card .section-heading{text-align:left}.tv-mode .room-grid{grid-template-columns:minmax(0,1fr) 310px}.tv-mode .watch-header h1{font-size:36px}.tv-mode .reaction-section{background:#202721}.tv-mode .room-nav{height:60px}.loading{padding:30px}.root-frame{min-height:100vh}@media(max-width:1130px){.room-grid{grid-template-columns:minmax(0,1fr) 340px;gap:14px;padding:16px 2vw}.room-nav{gap:12px;padding:0 2vw}.room-nav .btn{font-size:11px;padding:8px}}@media(max-width:900px){.room-grid,.tv-mode .room-grid{display:block;padding:15px 14px}.sidebar{margin-top:20px;position:static;max-height:none}.tab-content{min-height:290px}.messages{max-height:320px}.desktop-people{display:none}.mobile-people{display:block;margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.mobile-people .people{border:0}.room-label .status{display:none}.room-nav{height:auto;min-height:66px;flex-wrap:wrap;padding:10px 15px}.top-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.top-actions .btn{min-height:34px}.room-grid .watch-column{width:100%}.reaction-section{padding:14px}.tv-mode .watch-header h1{font-size:24px}}@media(max-width:540px){.nav-note{display:none}.hero{padding-top:65px}.hero h1{font-size:clamp(47px,12vw,73px)}.hero-copy{font-size:16px}.create-card{padding:17px;margin-top:32px}.create-line{flex-direction:column;align-items:stretch}.create-line .btn{width:100%}.steps{margin-top:55px;gap:10px}.steps b{font-size:12px}.steps small{font-size:10px}.room-nav{gap:7px}.room-nav .logo{font-size:20px}.room-nav .logo-mark{font-size:26px}.room-label{font-size:9px}.top-actions{width:100%;justify-content:space-between;margin:0}.top-actions .btn{flex:1;font-size:10px;padding:7px 5px}.watch-header h1{font-size:20px}.live-badge{font-size:9px;padding:7px}.player-wrap{min-height:200px}.player-footer{font-size:9px;align-items:start}.reaction-head{align-items:start;flex-direction:column;gap:3px}.btn.reaction{font-size:24px;min-width:43px;height:54px}.join-play{flex-direction:column;align-items:stretch}.gate-card{padding:25px}.gate-card h1{font-size:34px}.player-controls .btn{flex:1}.tv-mode .room-grid{padding:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.result-public{min-height:100vh;max-width:820px;margin:0 auto;padding:12vh 25px 6vh}.result-public h1{font-size:clamp(52px,9vw,94px);letter-spacing:-.07em;line-height:1.06;margin:20px 0 42px}.result-public-box{border:1px solid #596746;background:radial-gradient(circle at 90% 10%,#364126,#24202a 65%);padding:30px;border-radius:20px;margin-bottom:30px}.result-public-box h2{font-size:clamp(25px,4vw,38px);margin:10px 0;color:var(--accent)}.result-public-box p{font-size:18px;overflow-wrap:anywhere}.result-public>.muted{font-size:12px;margin-top:23px}

/* Seans Social Room (wariant B). Ten sam player i stan pokoju na obu rozmiarach. */
.social-room-header,.social-mobile,.mobile-bottom-nav{display:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:540px){
 :root{--social-orange:#ff7d5e;--social-card:#211f23;--social-outline:#39383a}
 html{scroll-padding-top:12px}
 body{background:#171517}
 .app-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom));background:#171517;min-height:100dvh}
 .room-nav{height:53px;min-height:53px;flex-wrap:nowrap;gap:8px;padding:0 13px;background:#171517;border-bottom:0}
 .room-nav .logo{font-size:17px;letter-spacing:-.7px;gap:4px}
 .room-nav .logo-mark{font-size:22px}
 .room-nav .room-label{display:none}
 .room-nav .top-actions{width:auto;flex:1;margin:0;gap:5px;justify-content:flex-end;flex-wrap:nowrap}
 .top-actions .btn{flex:0 0 auto;min-height:34px;padding:6px 9px;font-size:10px;border-radius:9px}
 .top-actions .btn:nth-child(3){display:none}
 .room-grid,.tv-mode .room-grid{padding:0 0 12px;display:block}
 .watch-column{width:100%;min-width:0}
 .watch-header{display:none}
 .social-room-header{display:flex;justify-content:space-between;align-items:center;padding:7px 16px 12px;gap:10px}
 .social-room-name{min-width:0;display:flex;flex-direction:column;gap:4px}
 .social-room-name strong{font-size:15px;line-height:1.2}
 .social-room-name>span{font-size:11px;color:#aaa5a7;display:flex;align-items:center;gap:5px}
 .social-online-dot{width:7px;height:7px;flex:none;background:#9dde6e;display:inline-block;border-radius:50%;box-shadow:0 0 8px #a6e9796e}
 .social-online-dot.offline{background:var(--social-orange);box-shadow:none}
 .social-avatars{display:flex;flex-shrink:0;padding-right:4px}
 .social-avatar{display:grid;place-items:center;width:29px;height:29px;border:2px solid #171517;margin-right:-5px;background:#4d3629;color:#ffd7bf;font-size:12px;font-weight:800;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px var(--social-orange)}
 .mobile-live-avatar{box-shadow:0 0 0 1.5px var(--accent)}
 .mobile-queue-quick{display:flex;gap:8px;margin:12px 0 0}
 .mobile-queue-quick input{flex:1;background:var(--social-card);border:1px solid var(--social-outline);border-radius:12px;padding:12px 14px;font-size:13px;min-height:48px}
 .mobile-queue-quick-btn{flex:none;width:48px;height:48px;border:none;border-radius:12px;background:var(--accent);color:#171b15;font-size:20px;font-weight:800}
 .mobile-queue-quick-btn:active{transform:scale(.96)}
 .social-avatar:nth-child(2n){background:#2f3b22;color:#e2f6ac;box-shadow:0 0 0 1.5px var(--accent)}
 .social-avatar:nth-child(3n){background:#3a2b47;color:#e9d9f7;box-shadow:0 0 0 1.5px #b98af0}
 .player-section{padding:0 16px}
 .player-wrap{border-radius:15px;min-height:200px;aspect-ratio:16/9;border:1px solid #444042}
 .yt-host,.yt-host iframe{min-height:200px}
 .player-footer{padding:6px 0 8px;font-size:9px;line-height:1.4}
 .player-footer>span:first-child{flex:1}
 .player-controls{margin-bottom:8px;padding:8px;gap:5px}
 .player-controls .btn{font-size:10px;min-height:39px;padding:8px}
 .join-play{padding:11px 12px;gap:8px}
 .join-play .btn{min-height:44px}
 .social-mobile{display:flex;flex-direction:column;padding:0 16px;gap:0}
 .mobile-video-title{padding:8px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;min-width:0}
 .mobile-video-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-video-title .muted{font-size:10px;white-space:nowrap}
 .mobile-live-feed{display:flex;align-items:center;gap:7px;min-height:39px;padding-top:8px;overflow-x:auto;scrollbar-width:thin}
 .mobile-live-chip{background:var(--social-card);border-radius:99px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 4px;white-space:nowrap;font-size:14px;flex:none}
 .mobile-live-avatar{width:23px;height:23px;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:#453b26;color:#f3f0d8;font-size:10px;font-weight:800}
 .mobile-live-empty{font-size:11px}
 .mobile-reaction-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:11px 0 0}
 .mobile-reaction{min-width:0;min-height:54px;border:1px solid var(--social-outline);border-radius:12px;background:var(--social-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#bdb7b8;padding:5px 0}
 .mobile-reaction-emoji{font-size:19px;line-height:1.3}
 .mobile-reaction-count{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
 .mobile-reaction:active:not(:disabled){background:#3e3533;transform:scale(.97)}
 .mobile-chat-preview{margin-top:13px;border:1px solid var(--social-outline);background:var(--social-card);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:9px}
 .mobile-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
 .mobile-preview-heading .btn{min-height:30px;font-size:11px;color:#ccffa0;border:0;padding:3px 5px}
 .mobile-preview-message{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;min-width:0}
 .mobile-preview-message .mobile-live-avatar{width:22px;height:22px}
 .mobile-preview-text{min-width:0;overflow-wrap:anywhere;color:#d7d1d1}
 .mobile-preview-text strong{color:#f4f0ed}
 .mobile-preview-empty{margin:0;font-size:12px}
 .mobile-chat-form{display:flex;align-items:center;gap:7px;padding-top:4px}
 .mobile-chat-form input{background:#343036;border:none;border-radius:99px;padding:11px 13px;font-size:12px;min-height:44px}
 .mobile-chat-send{width:44px;height:44px;flex:none;border:none;border-radius:50%;background:var(--accent);color:#171b15;font-size:21px;font-weight:800}
 .btn.mobile-queue-cta{border-radius:12px;background:#293222;border:1px solid #6e9051;color:#d9ffb7;margin:12px 0 0;min-height:48px;font-size:13px}
 .mobile-extras{margin-top:12px;border:1px solid var(--social-outline);border-radius:12px;background:var(--social-card)}
 .mobile-extras>summary{cursor:pointer;padding:13px 14px;font-size:12px;font-weight:700;min-height:44px}
 .mobile-extras>.people{border-top:1px solid var(--social-outline);padding:10px 12px}
 .mobile-extras>.heatmap-panel{margin:10px;padding:12px}
 .watch-column>.reaction-section,.watch-column>.heatmap-panel,.watch-column>.mobile-people{display:none}
 .sidebar{margin:12px 16px 0;border-radius:14px;scroll-margin-top:12px;max-height:none}
 .sidebar.mobile-sidebar-inactive{display:none}
 .sidebar-head{padding:14px 14px 10px}
 .tabs{padding:0 8px}
 .tab-content{min-height:200px;max-height:none}
 .messages{max-height:45vh}
 .social-mobile .btn:focus-visible,.mobile-bottom-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 .mobile-bottom-nav{position:fixed;z-index:7;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(63px + env(safe-area-inset-bottom));padding:3px 9px env(safe-area-inset-bottom);border-top:1px solid var(--social-outline);background:#171517;box-shadow:0 -9px 30px #0006}
 .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border:0;background:transparent;color:#888486;font-size:10px;font-weight:700;border-radius:9px}
 .mobile-nav-icon{font-size:18px;line-height:22px}
 .mobile-nav-item.active{color:var(--accent)}
 .mobile-nav-item.active .mobile-nav-icon{filter:brightness(1.25)}
 .room-footer{padding:15px 16px 20px;font-size:9px}
 .toast{bottom:calc(73px + env(safe-area-inset-bottom))}
 .qr-modal{z-index:9}
}
@media(max-width:360px){.room-nav{padding:0 9px}.top-actions .btn{padding:6px 7px}.social-room-header{padding-inline:12px}.social-mobile{padding-inline:12px}.player-section{padding-inline:12px}.mobile-reaction-grid{gap:4px}}
@media(prefers-reduced-motion:reduce){.mobile-reaction:active{transform:none}}
/* Przy 320 px minimalna wysokość 200 px nie może rozszerzać width playera przez aspect-ratio. */
@media(max-width:540px){.player-wrap{width:100%;max-width:100%;height:max(200px,calc((100vw - 32px)*9/16));aspect-ratio:auto}}
@media(max-width:360px){.player-wrap{height:max(200px,calc((100vw - 24px)*9/16))}}