:root{color-scheme:dark;--bg:#080b14;--panel:rgba(14,22,43,0.78);--line:#2a3968;--text:#e6ecff;--muted:#95a3cf;--cyan:#35d6ff;--violet:#8f7dff;--mint:#2de39d;--red:#ff6c8d;--glow:0 18px 40px rgba(24,35,84,0.45);--t-hover:160ms;--t-panel:240ms}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:Segoe UI,Inter,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 10%,#1a2c56 0,transparent 30%),radial-gradient(circle at 85% 2%,#21235b 0,transparent 30%),linear-gradient(180deg,#060810,var(--bg))}body:before{content:"";position:fixed;inset:-40%;z-index:-1;pointer-events:none;background:conic-gradient(from 120deg,rgba(53,214,255,.08),rgba(143,125,255,.08),rgba(45,227,157,.08),rgba(53,214,255,.08));animation:spin 28s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}button,input{font:inherit}input{width:100%;padding:.84rem .92rem;border-radius:12px;border:1px solid var(--line);color:var(--text);background:#0a1226;outline:none}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(53,214,255,.2)}label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.btn{border:0;cursor:pointer;border-radius:13px;padding:.88rem 1.2rem;font-weight:800;transition:transform var(--t-hover) ease,filter var(--t-hover) ease}.btn-primary{color:#041118;background:linear-gradient(135deg,var(--cyan),var(--mint));box-shadow:0 8px 24px rgba(53,214,255,.36)}.btn-primary:hover{transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.eyebrow{margin:0;color:#8b95b8;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.muted{color:var(--muted)}.error{margin:0;color:#ffd4e0;background:rgba(132,29,60,.35);border:1px solid rgba(255,108,141,.38);border-radius:10px;padding:.65rem .75rem}.chip{border:1px solid var(--line);border-radius:999px;background:#0b142b;color:#b8c7f5;padding:.28rem .7rem;font-size:.79rem;font-weight:700}.room-chip{color:#b5f4ff;border-color:rgba(53,214,255,.45)}.score-chip{color:#aef9d7;border-color:rgba(45,227,157,.45)}.plain-list{list-style:none;margin:0;padding:0}.phone-shell{min-height:100dvh;display:grid;place-items:center;padding:1rem}.card{width:min(680px,100%);display:flex;flex-direction:column;gap:.95rem;padding:1.2rem;border-radius:20px;border:1px solid rgba(61,87,152,.45);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glow);transition:transform var(--t-panel) ease,border-color var(--t-panel) ease}.card h1{margin:0;font-size:clamp(1.45rem,5vw,2rem)}.card-question-active{padding-bottom:1rem}.card-join{background:linear-gradient(165deg,rgba(16,33,70,.85),rgba(10,16,34,.92))}.join-head{display:grid;grid-gap:.32rem;gap:.32rem}.join-head h1{font-size:clamp(1.7rem,5vw,2.4rem)}.form-grid{display:grid;grid-gap:.48rem;gap:.48rem}.meta-bar{display:flex;flex-wrap:wrap;gap:.48rem}.players-mini{display:grid;grid-gap:.52rem;gap:.52rem}.players-mini li{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(13,21,44,.95);padding:.62rem .74rem}.question-text{margin:0;font-size:clamp(1.12rem,4vw,1.6rem);line-height:1.32;font-weight:800}.options{display:grid;grid-gap:.64rem;gap:.64rem}.option-button{border:1px solid #2e4a7e;background:linear-gradient(165deg,#132247,#101d3b);color:var(--text);border-radius:12px;padding:.8rem;display:flex;align-items:center;gap:.7rem;text-align:left;font-weight:700;cursor:pointer;transition:border-color var(--t-hover) ease,transform var(--t-hover) ease,opacity var(--t-hover) ease}.option-button:hover{border-color:#4f73be}.option-button.locked{opacity:.45;filter:saturate(.7)}.option-button.selected{border-color:#6ca8ff;box-shadow:0 0 0 2px rgba(108,168,255,.25);transform:translateY(-1px)}.option-letter{height:2rem;width:2rem;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,rgba(53,214,255,.23),rgba(143,125,255,.26));border:1px solid rgba(93,165,255,.38);font-weight:900}.status-note{margin:0;border:1px solid #314d88;background:#10203f;border-radius:10px;padding:.65rem .75rem;color:#b9cdfd;font-weight:700}.result-wrap{display:grid;grid-gap:.74rem;gap:.74rem}.result-box{border:1px solid var(--line);border-radius:12px;background:#0f1832;padding:.72rem}.result-box p{margin:0 0 .25rem;font-size:.82rem;color:var(--muted)}.result-box.good{border-color:rgba(45,227,157,.38);background:rgba(17,58,49,.45)}.winner-note{margin:0;border-radius:12px;padding:.8rem .9rem;background:rgba(143,125,255,.2);border:1px solid rgba(143,125,255,.35);color:#ded8ff;font-weight:700}.tv-shell{min-height:100dvh;padding:2rem;display:grid;align-content:start;grid-gap:1.25rem;gap:1.25rem}.tv-header{display:grid;grid-gap:.4rem;gap:.4rem}.tv-header h1{margin:0;font-size:clamp(2rem,6vw,4.2rem);line-height:.95;letter-spacing:-.02em}.tv-header-right{display:flex;flex-wrap:wrap;gap:.5rem}.round-state-bar{display:flex;gap:.45rem;flex-wrap:wrap}.round-pill{border:1px solid #2f4276;color:#90a4d8;background:#0b1430;border-radius:999px;padding:.22rem .62rem;font-size:.78rem;font-weight:700}.round-pill.active{border-color:rgba(53,214,255,.5);color:#bdf3ff;background:rgba(53,214,255,.12)}.tv-card{border-radius:24px;border:1px solid rgba(61,87,152,.45);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glow);padding:1.45rem;transition:border-color var(--t-panel) ease,transform var(--t-panel) ease}.tv-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:1.15rem;gap:1.15rem;align-items:start}.lobby-main{display:grid;grid-gap:.8rem;gap:.8rem}.lobby-main .muted{margin:0}.lobby-main h2{margin:.28rem 0 1rem;font-size:clamp(3rem,9vw,7.2rem);line-height:.9;letter-spacing:.14em;color:#d7e7ff;text-shadow:0 0 28px rgba(53,214,255,.28)}.qr-wrap{width:-moz-fit-content;width:fit-content;padding:.7rem;border-radius:14px;border:1px solid #3a4f82;background:#0b1328}.short-url-row{display:flex;gap:.65rem;align-items:center}.short-url-row code{flex:1 1 auto;border:1px solid #2f4276;border-radius:10px;background:#0b1532;color:#c9d9ff;padding:.55rem .65rem;overflow-wrap:anywhere}.lobby-side{display:grid;align-content:start;grid-gap:.95rem;gap:.95rem}.lobby-side h3{margin:0;font-size:1.3rem}.stage-grid{grid-template-columns:1.45fr 1fr;align-items:start}.stage-grid,.stage-left{display:grid;grid-gap:1rem;gap:1rem}.scoreboard-sticky{position:-webkit-sticky;position:sticky;top:1rem;display:grid;grid-gap:.8rem;gap:.8rem}.scoreboard-sticky h3{margin:0}.scoreboard-list{display:grid;grid-gap:.7rem;gap:.7rem}.stage-top{display:grid;grid-gap:.5rem;gap:.5rem}.progress{height:.82rem;border-radius:999px;background:#0b1530;border:1px solid #1d3162;overflow:hidden}.progress span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 20px rgba(143,125,255,.45)}.tv-question{margin:0;font-size:clamp(1.85rem,4vw,3rem);line-height:1.2}.tv-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.72rem;gap:.72rem}.tv-option{border:1px solid #2c4477;background:linear-gradient(165deg,#14264d,#101f40);border-radius:14px;padding:.74rem;display:flex;align-items:center;gap:.62rem;font-weight:700;transition:border-color var(--t-panel) ease,background var(--t-panel) ease}.tv-option.correct{border-color:rgba(45,227,157,.52);background:linear-gradient(165deg,rgba(23,73,61,.95),rgba(16,48,43,.95))}.auto-next-box{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;border:1px solid #2f4276;border-radius:12px;background:#0e1a38;padding:.65rem .7rem}.auto-next-box .muted{margin:0}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.player-panel{border:1px solid var(--line);border-radius:14px;background:rgba(12,19,39,.95);padding:.78rem}.player-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.player-head h3{margin:0}.state-pill{margin:0;width:-moz-fit-content;width:fit-content;border-radius:999px;border:1px solid #2c4475;background:#0f1d3d;color:#b4c5f2;padding:.24rem .66rem;font-weight:700}.state-pill.done{border-color:rgba(45,227,157,.45);background:rgba(16,61,52,.82);color:#a9f4d5}.reveal-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.reveal-row p{margin:0}.result-badge{border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700;text-transform:uppercase}.result-badge.helyes{background:rgba(45,227,157,.18);border:1px solid rgba(45,227,157,.5);color:#a8f3d4}.result-badge.rossz{background:rgba(255,108,141,.14);border:1px solid rgba(255,108,141,.5);color:#ffc4d3}.result-badge.nincs{background:rgba(148,164,204,.12);border:1px solid rgba(148,164,204,.45);color:#b5c2e7}.finish-card h2{margin:0;font-size:clamp(2.1rem,5vw,3.3rem)}.finish-card{display:grid;grid-gap:1rem;gap:1rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.summary-card{border:1px solid #2d4274;border-radius:12px;background:rgba(11,20,43,.88);padding:.75rem}.summary-card h4{margin:0 0 .35rem}.summary-card p{margin:.2rem 0}@media (max-width:980px){.tv-shell{padding:1rem}.score-grid,.stage-grid,.summary-grid,.tv-grid,.tv-options{grid-template-columns:1fr}.scoreboard-sticky{position:static}}@media (max-width:740px){.question-text{font-size:clamp(1.28rem,5.2vw,1.75rem)}.card-question-active{padding-bottom:22rem}.phone-option-dock{position:fixed;left:.75rem;right:.75rem;bottom:calc(env(safe-area-inset-bottom, 0px) + .65rem);background:rgba(7,11,23,.92);border:1px solid #2d4375;border-radius:14px;padding:.7rem;box-shadow:0 18px 32px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:48vh;overflow:auto;z-index:30}.phone-option-dock.dock-locked{border-color:#4a5f96;background:rgba(10,16,31,.95)}}.rb-scroll-list-container{position:relative;width:100%}.rb-list-title{margin:0 0 .45rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.rb-scroll-list{max-height:190px;overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(10,16,33,.8)}.rb-scroll-list::-webkit-scrollbar{width:8px}.rb-scroll-list::-webkit-scrollbar-track{background:#060606}.rb-scroll-list::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.rb-item{padding:12px;border:1px solid #2b4275;border-radius:10px;margin-bottom:.5rem;background-color:#101a35;transition:border-color var(--t-hover) ease,background-color var(--t-hover) ease}.rb-item.selected{background-color:#16264d;border-color:#4a76ce}.rb-item-text{color:#e8eeff;margin:0;font-weight:600}.rb-bottom-gradient,.rb-top-gradient{position:absolute;left:0;right:0;pointer-events:none}.rb-top-gradient{top:0;height:24px;background:linear-gradient(180deg,#080b14,transparent)}.rb-bottom-gradient{bottom:0;height:40px;background:linear-gradient(0deg,#080b14,transparent)}.rb-carousel-container{border:1px solid var(--line);border-radius:16px;padding:.7rem;overflow:hidden;background:rgba(11,20,43,.85)}.rb-carousel-track{display:flex;transition:transform .28s ease}.rb-carousel-item{min-width:100%;border:1px solid #2a3f72;border-radius:12px;background:linear-gradient(165deg,#13224a,#0e1b38);padding:.8rem}.rb-carousel-item-title{margin:0 0 .35rem;font-size:1rem}.rb-carousel-item-description{margin:0;color:var(--muted);font-size:.9rem}.rb-carousel-indicators{margin-top:.6rem;display:flex;justify-content:center;gap:.45rem}.rb-carousel-indicator{height:8px;width:8px;border-radius:50%;border:0;cursor:pointer}.rb-carousel-indicator.active{background-color:#ffffff}.rb-carousel-indicator.inactive{background-color:#4a5d8c}.rb-bounceCardsContainer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:160px;margin-top:.3rem}.rb-card{position:absolute;width:min(190px,44vw);border:1px solid #3c5fa8;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.35);background:linear-gradient(165deg,#162a58,#0c1732);padding:.7rem;transition:transform var(--t-panel) ease}.rb-bounceCardsContainer:hover .rb-card{transform:translateY(-4px)}.rb-card-title{margin:0;font-weight:800;color:#fff}.rb-card-subtitle{margin:.3rem 0 0;color:#b5c7fa;font-size:.85rem}