:root{
  --bg:#070510;--bg-2:#0b0a1d;--bg-3:#081725;--panel:rgba(17,18,43,.78);--panel-strong:rgba(18,20,48,.94);
  --text:#fbfbff;--muted:#aeb7ce;--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.2);
  --purple:#7b38ff;--violet:#a65cff;--pink:#ff2da8;--hot:#ff3c6e;--cyan:#00d9ff;--blue:#3188ff;
  --green:#21dc8f;--lime:#a7f83d;--red:#ff405f;--amber:#ffbe33;--theme:#7b38ff;
  --shadow:0 28px 90px rgba(0,0,0,.46);--shadow-soft:0 16px 46px rgba(0,0,0,.28);--radius:28px;--radius-sm:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;position:relative;letter-spacing:-.01em}body:before{content:"";position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 12% 12%,rgba(123,56,255,.22),transparent 30%),radial-gradient(circle at 91% 19%,rgba(0,217,255,.16),transparent 28%),radial-gradient(circle at 55% 85%,rgba(255,45,168,.13),transparent 34%),linear-gradient(145deg,#06040f 0%,#090719 46%,#071521 100%)}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}::selection{background:rgba(255,45,168,.55);color:#fff}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 40px))}.hidden{display:none!important}.center{text-align:center}.muted{color:var(--muted)}.full{width:100%}.small{font-size:.86rem}.span-2{grid-column:span 2}.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}
.arena-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-3;overflow:hidden}.mesh-gradient{position:absolute;inset:-15%;background:conic-gradient(from 130deg at 50% 50%,rgba(123,56,255,.08),rgba(255,45,168,.08),rgba(0,217,255,.09),rgba(123,56,255,.08));filter:blur(60px);animation:meshRotate 28s linear infinite}.ambient-orb{position:absolute;border-radius:50%;filter:blur(14px);opacity:.58;mix-blend-mode:screen}.orb-a{width:430px;height:430px;left:-170px;top:4%;background:radial-gradient(circle,rgba(123,56,255,.36),transparent 67%);animation:orbFloat 13s ease-in-out infinite}.orb-b{width:420px;height:420px;right:-150px;top:18%;background:radial-gradient(circle,rgba(0,217,255,.28),transparent 67%);animation:orbFloat 15s ease-in-out infinite reverse}.orb-c{width:380px;height:380px;left:35%;bottom:-220px;background:radial-gradient(circle,rgba(255,45,168,.24),transparent 68%);animation:orbFloat 17s ease-in-out infinite}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%)}.laser-beam{position:absolute;width:2px;height:120vh;background:linear-gradient(transparent,rgba(255,255,255,.45),transparent);filter:drop-shadow(0 0 12px currentColor);opacity:.18;transform:rotate(28deg)}.beam-a{left:26%;top:-30%;color:var(--purple);animation:beamMove 14s linear infinite}.beam-b{right:18%;top:-45%;color:var(--cyan);animation:beamMove 18s linear infinite reverse}.spark-field{position:absolute;inset:0}.spark-field i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 11px currentColor;animation:sparkTwinkle var(--spark-speed,3s) ease-in-out infinite;opacity:.22}
.topbar{height:80px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:60;background:rgba(5,5,15,.78);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 16px 45px rgba(0,0,0,.2)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--purple),var(--pink),var(--cyan),transparent);opacity:.5}.brand{display:flex;align-items:center}.brand img{width:228px;height:auto}.topnav{display:flex;align-items:center;gap:7px}.topnav a,.public-status{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;color:#d9e0f2;font-size:.88rem;font-weight:800;transition:.22s ease}.topnav a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}.topnav .nav-pill{background:linear-gradient(135deg,rgba(123,56,255,.28),rgba(255,45,168,.24));border:1px solid rgba(214,175,255,.25)}.public-status{letter-spacing:.13em;font-size:.72rem;color:#b8c6df}.public-status i,.live-pulse,.dashboard-live-row i,.footer-live i,.game-live-label i{width:9px;height:9px;border-radius:50%;background:#27e99b;box-shadow:0 0 0 0 rgba(39,233,155,.7);animation:livePulse 1.7s infinite;flex:none}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:15px;color:#fff;font-weight:900;line-height:1;overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 35%,transparent 55%);transform:translateX(-120%);transition:transform .55s ease}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-2px);filter:saturate(1.15)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,var(--purple),var(--pink) 63%,#ff4d75);box-shadow:0 14px 34px rgba(143,48,255,.25)}.btn.secondary{background:linear-gradient(135deg,rgba(48,111,255,.22),rgba(0,217,255,.14));border-color:rgba(100,211,255,.28)}.btn.success{background:linear-gradient(135deg,#11b86f,#1fe7a1);color:#042719;box-shadow:0 14px 32px rgba(31,231,161,.2)}.btn.danger{background:linear-gradient(135deg,#df254d,#ff496c)}.btn.ghost{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}.btn.glow{animation:buttonGlow 2.5s ease-in-out infinite}.btn.glow-soft{box-shadow:0 0 28px rgba(31,231,161,.18)}.btn.small{min-height:38px;padding:9px 13px;border-radius:12px}.magnetic{will-change:transform}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.38);transform:scale(0);animation:ripple .55s linear;pointer-events:none}
.glass-card,.card{background:linear-gradient(155deg,rgba(24,25,57,.88),rgba(10,15,34,.78));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow-soft);backdrop-filter:blur(24px) saturate(135%)}.tilt-card{transform-style:preserve-3d;will-change:transform}.gradient-text{background:linear-gradient(100deg,#fff 0%,#ceb8ff 30%,#ff84ca 60%,#7eefff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 6s linear infinite}.eyebrow{display:flex;align-items:center;gap:9px;color:#d8c8ff;font-size:.72rem;line-height:1.2;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 15px rgba(255,45,168,.7)}.eyebrow.center{justify-content:center}.reveal-up{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}.reveal-up.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
.public-main{position:relative;z-index:1}.hero-pro{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:72px 0 84px;position:relative;overflow:hidden}.hero-pro:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(139,92,246,.18);border-radius:50%;left:-260px;top:10%;box-shadow:0 0 0 55px rgba(139,92,246,.025),0 0 0 110px rgba(139,92,246,.018);animation:spinSlow 24s linear infinite}.hero-pro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(123,56,255,.11);border:1px solid rgba(184,145,255,.22);font-size:.75rem;font-weight:900;letter-spacing:.13em;color:#e1d7ff;margin-bottom:22px}.hero-pro-copy h1{font-size:clamp(3.6rem,6.4vw,6.8rem);line-height:.92;letter-spacing:-.065em;margin-bottom:24px;max-width:820px}.hero-lead{font-size:1.16rem;line-height:1.75;color:#bdc7dd;max-width:700px;margin-bottom:29px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-proof>div{display:flex;gap:11px;align-items:center;padding:14px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085)}.hero-proof strong{font-size:1.35rem}.hero-proof span{display:grid;gap:3px}.hero-proof b{font-size:.78rem}.hero-proof small{color:#9caac4;font-size:.67rem;line-height:1.25}.hero-mini-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-mini-badges span{font-size:.64rem;font-weight:950;letter-spacing:.13em;padding:7px 10px;border-radius:999px;color:#cbd6eb;border:1px solid rgba(255,255,255,.1);background:rgba(5,7,18,.35)}.hero-visual{position:relative;min-height:650px;display:grid;place-items:center}.mascot-scene{position:relative;width:min(530px,100%);aspect-ratio:1;display:grid;place-items:center;transform-style:preserve-3d}.arena-mascot{width:92%;filter:drop-shadow(0 30px 36px rgba(0,0,0,.42));animation:mascotFloat 4.6s ease-in-out infinite;position:relative;z-index:4}.mascot-orbit{position:absolute;border-radius:50%;border:2px dashed rgba(255,255,255,.16);inset:9%;animation:spinSlow 22s linear infinite}.orbit-two{inset:18%;border-color:rgba(0,217,255,.2);animation-direction:reverse;animation-duration:15s}.reaction-bubble{position:absolute;z-index:6;width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:rgba(15,17,41,.92);border:1px solid rgba(255,255,255,.16);box-shadow:0 15px 35px rgba(0,0,0,.32);font-size:1.35rem;animation:bubbleFloat 3.7s ease-in-out infinite}.reaction-one{left:3%;top:19%}.reaction-two{right:4%;top:27%;animation-delay:.7s}.reaction-three{left:12%;bottom:22%;animation-delay:1.2s}.mascot-caption{position:absolute;z-index:7;bottom:7%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 15px;border-radius:999px;background:rgba(5,8,22,.84);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(0,0,0,.35);font-size:.78rem}.join-card-pro{position:absolute;right:-10px;bottom:8px;width:min(440px,84%);padding:24px;z-index:10;overflow:hidden}.join-card-glow{position:absolute;width:250px;height:250px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(0,217,255,.26),transparent 66%);pointer-events:none}.join-card-head{display:flex;align-items:center;gap:14px;margin-bottom:15px}.join-card-head h2{margin:5px 0 0;font-size:1.45rem}.join-icon-pro{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 12px 26px rgba(136,53,255,.35);font-size:1.25rem}.join-card-pro>p{color:#aeb9d0;font-size:.9rem;line-height:1.55}.stack{display:grid;gap:15px}.pin-field-wrap{position:relative}.pin-input{width:100%;height:74px;border-radius:18px;border:2px solid rgba(164,104,255,.65);background:rgba(3,8,22,.82);color:#fff;font-size:2.25rem;font-weight:950;letter-spacing:.34em;text-align:center;padding:0 28px;outline:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 26px rgba(123,56,255,.14);transition:.2s}.pin-input:focus{border-color:#00d9ff;box-shadow:0 0 0 5px rgba(0,217,255,.1),0 0 35px rgba(0,217,255,.2)}.pin-input::placeholder{color:#526079}.pin-signal{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#24e99b;font-size:.7rem;animation:livePulse 1.5s infinite}.pin-scan{position:absolute;left:6%;right:6%;height:1px;top:14%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7;animation:scan 3s linear infinite;pointer-events:none}.join-card-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#8392ad;font-size:.7rem;margin-top:13px}.experience-strip{border-block:1px solid rgba(255,255,255,.08);background:rgba(5,7,16,.56);overflow:hidden}.experience-track{display:flex;gap:38px;align-items:center;justify-content:space-between;min-height:74px;white-space:nowrap}.experience-track span{color:#b6c2d8;font-size:.79rem;font-weight:850}.experience-track b{color:#fff;margin-right:8px;font-size:.65rem;padding:5px 7px;border-radius:7px;background:linear-gradient(135deg,var(--purple),var(--pink))}.section-block{padding:96px 0}.section-intro{max-width:760px;text-align:center;margin:0 auto 42px}.section-intro .eyebrow{justify-content:center}.section-intro h2{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1;margin:13px 0 17px;letter-spacing:-.045em}.section-intro p{color:#aeb9d0;font-size:1.05rem;line-height:1.7}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;min-height:310px;padding:28px;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-soft);transform-style:preserve-3d}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.16),transparent 42%);pointer-events:none}.vivid-purple{background:linear-gradient(145deg,#7036ff,#351a86 78%)}.vivid-pink{background:linear-gradient(145deg,#ff2da8,#8b165c 78%)}.vivid-cyan{background:linear-gradient(145deg,#00bfe8,#07546e 78%)}.step-number{position:absolute;right:23px;top:18px;font-size:4rem;font-weight:950;color:rgba(255,255,255,.12)}.feature-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.2);font-size:2rem;margin-bottom:58px;box-shadow:0 15px 30px rgba(0,0,0,.18)}.feature-card h3{font-size:1.65rem;margin-bottom:11px}.feature-card p{color:rgba(255,255,255,.8);line-height:1.62}.card-spark{position:absolute;width:160px;height:160px;border-radius:50%;right:-55px;bottom:-70px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%);filter:blur(6px)}.feature-showcase{padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;overflow:hidden}.feature-showcase-copy h2{font-size:clamp(2rem,3.4vw,3.8rem);line-height:1.02;margin:15px 0 20px;letter-spacing:-.04em}.feature-showcase-copy>p{color:#aeb9d0;line-height:1.7}.check-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px}.check-list li{display:flex;gap:10px;color:#dfe8f7;font-size:.91rem}.check-list li:before{content:"✓";width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(33,220,143,.14);color:#6ff2ba;font-weight:950;flex:none}.feature-dashboard-preview{border-radius:26px;padding:20px;background:linear-gradient(150deg,#17193b,#0a1027);border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 60px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-6deg) rotateX(3deg)}.preview-top{display:flex;align-items:center;gap:7px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.09)}.preview-top span{width:9px;height:9px;border-radius:50%;background:#ff456c}.preview-top span:nth-child(2){background:#ffbe33}.preview-top span:nth-child(3){background:#21dc8f}.preview-top b{margin-left:auto;font-size:.72rem;color:#cfd7eb}.preview-question{padding:25px 12px 18px;text-align:center}.preview-question small{color:#9eabca;font-weight:900;letter-spacing:.12em}.preview-question h3{font-size:1.55rem;margin:11px 0 0}.preview-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-answers div{padding:15px;border-radius:14px;font-size:.76rem;font-weight:850;min-height:64px;display:flex;align-items:center}.preview-answers div:nth-child(1){background:linear-gradient(135deg,#5d38ff,#8e57ff)}.preview-answers div:nth-child(2){background:linear-gradient(135deg,#ff2d78,#ff4baa)}.preview-answers div:nth-child(3){background:linear-gradient(135deg,#00a7d5,#00d9ff);color:#032c38}.preview-answers div:nth-child(4){background:linear-gradient(135deg,#ff9c18,#ffd342);color:#3b2500}.preview-score{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.055);font-size:.72rem}.preview-score strong{font-size:1.05rem}.site-footer-pro{padding:28px 0 35px;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,5,13,.76)}.site-footer-pro .container{display:flex;align-items:center;gap:18px}.site-footer-pro img{width:180px}.site-footer-pro div>div{display:grid}.site-footer-pro small{color:#8795ae}.footer-live{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#9eeed0}
.auth-bg{min-height:100vh}.auth-bg .topbar{position:relative}.auth-shell{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:45px 20px}.auth-shell-split{grid-template-columns:minmax(340px,620px) minmax(340px,500px);gap:60px;max-width:1180px;margin:auto}.auth-visual{display:grid;place-items:center}.auth-visual .mascot-scene{width:min(470px,90%)}.auth-visual-copy{text-align:center;max-width:520px;margin-top:-24px}.auth-visual-copy .eyebrow{justify-content:center}.auth-visual-copy h2{font-size:2.4rem;line-height:1.05;margin:12px 0}.auth-visual-copy p{color:#aeb9d0;line-height:1.65}.auth-card{width:100%;padding:31px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-130px;top:-160px;background:radial-gradient(circle,rgba(255,45,168,.28),transparent 66%)}.auth-logo{width:215px;margin:0 auto 24px}.auth-card .eyebrow{margin-bottom:9px}.auth-card h1{font-size:2.05rem;margin-bottom:9px}.auth-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.auth-card-top .auth-logo{width:170px;margin:0}.pin-badge{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:linear-gradient(135deg,rgba(123,56,255,.2),rgba(255,45,168,.16));border:1px solid rgba(216,174,255,.22);font-size:1rem;font-weight:950;letter-spacing:.12em}.pin-badge span{font-size:.6rem;color:#b9c4da}.stack label,.form-grid label{display:grid;gap:8px;color:#dbe4f3;font-size:.78rem;font-weight:850}.stack input,.stack textarea,.stack select,.form-grid input,.form-grid textarea,.form-grid select,.search-input{width:100%;min-height:48px;padding:12px 14px;color:#fff;background:rgba(4,9,23,.72);border:1px solid rgba(255,255,255,.12);border-radius:14px;outline:0;transition:.2s}.stack textarea,.form-grid textarea{min-height:112px;resize:vertical}.stack input:focus,.stack textarea:focus,.stack select:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.search-input:focus{border-color:rgba(0,217,255,.72);box-shadow:0 0 0 4px rgba(0,217,255,.09)}.input-icon-wrap{position:relative}.input-icon-wrap>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:#8fa1c3}.input-icon-wrap>input{padding-left:44px}.password-field{display:flex;position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:37px;height:37px;border-radius:11px;border:0;background:rgba(255,255,255,.07);color:#d7e1f4}.security-note{display:flex;gap:10px;align-items:flex-start;padding:13px;margin-top:18px;border-radius:14px;background:rgba(0,217,255,.055);border:1px solid rgba(0,217,255,.12);color:#98a7c1}.security-note small{line-height:1.45}.notice{padding:13px 15px;border-radius:14px;margin:14px 0;border:1px solid}.notice.success{background:rgba(33,220,143,.1);border-color:rgba(33,220,143,.25);color:#a8f7d3}.notice.danger{background:rgba(255,64,95,.1);border-color:rgba(255,64,95,.26);color:#ffc0cb}.password-rules{padding:13px;border-radius:14px;background:rgba(255,190,51,.075);border:1px solid rgba(255,190,51,.15);color:#e9cf8b;font-size:.78rem}
.admin-main{padding:42px 0 90px;position:relative;z-index:2}.dashboard-hero{min-height:330px;padding:38px 42px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;inset:auto -90px -180px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,255,.18),transparent 66%)}.dashboard-hero-copy{position:relative;z-index:2}.dashboard-hero h1{font-size:clamp(2.4rem,4vw,4.7rem);line-height:1;margin:14px 0 16px;letter-spacing:-.05em}.dashboard-hero p{color:#b0bdd3;max-width:700px;line-height:1.65}.dashboard-actions{display:flex;flex-wrap:wrap;gap:11px;margin:24px 0}.dashboard-live-row{display:flex;flex-wrap:wrap;gap:10px 22px;color:#8fa1bc;font-size:.72rem}.dashboard-live-row span{display:flex;align-items:center;gap:8px}.dashboard-mascot{height:290px;display:grid;place-items:center}.dashboard-mascot .mascot-scene{width:335px}.dashboard-mascot .mascot-caption{bottom:1%}.dashboard-mascot .reaction-bubble{transform:scale(.8)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 30px}.stat-card{position:relative;min-height:140px;display:flex;align-items:center;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(25,27,59,.9),rgba(11,15,33,.88));overflow:hidden;box-shadow:var(--shadow-soft)}.stat-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;top:-70px;background:radial-gradient(circle,var(--stat-glow),transparent 67%);opacity:.8}.stat-icon{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--stat-main),var(--stat-alt));box-shadow:0 13px 27px color-mix(in srgb,var(--stat-main) 25%,transparent);font-size:1.35rem}.stat-card>div:nth-child(2){display:grid}.stat-card span{color:#9facc3;font-size:.78rem}.stat-card strong{font-size:2.15rem;line-height:1.05;margin:4px 0}.stat-card small{color:#7f8da6;font-size:.68rem}.stat-purple{--stat-main:#7138ff;--stat-alt:#a55cff;--stat-glow:rgba(123,56,255,.35)}.stat-pink{--stat-main:#ff2d8c;--stat-alt:#ff4cc5;--stat-glow:rgba(255,45,168,.33)}.stat-cyan{--stat-main:#00b7df;--stat-alt:#00e5ff;--stat-glow:rgba(0,217,255,.3)}.stat-gold{--stat-main:#ff9a22;--stat-alt:#ffd43a;--stat-glow:rgba(255,190,51,.28)}.stat-wave{position:absolute;right:12px;bottom:12px;width:56px;height:22px;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(255,255,255,.14) 4px 7px);mask-image:linear-gradient(to top,black,transparent);transform:skewY(-12deg)}.create-panel{margin:20px 0 35px;padding:28px}.create-panel-pro{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:30px}.create-panel-intro{display:flex;gap:16px;align-items:center}.create-orb{width:62px;height:62px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:2rem;font-weight:300;box-shadow:0 13px 30px rgba(123,56,255,.26)}.create-panel h2{margin:7px 0 4px}.create-panel p{color:#96a4bd;font-size:.82rem;line-height:1.5;margin:0}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.section-head,.subsection-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 23px}.section-head h1,.subsection-head h2{font-size:clamp(2rem,3vw,3.2rem);margin:10px 0 6px;letter-spacing:-.04em}.section-head p,.subsection-head p{color:#99a8c2;margin:0}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.library-head{margin-top:34px}.library-tools{display:flex;gap:10px;align-items:center}.search-input{width:270px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quiz-card{overflow:hidden;position:relative}.quiz-card-pro{background:rgba(10,14,31,.82)}.quiz-cover{position:relative;height:235px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--theme) 88%,#0a0d1c),#0a1024 78%)}.quiz-cover:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-75px;top:-110px;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 63%);mix-blend-mode:overlay}.quiz-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quiz-cover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,5,14,.92),rgba(5,8,22,.05) 65%)}.quiz-cover-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.quiz-cover-status{position:absolute;left:18px;right:18px;top:17px;display:flex;justify-content:space-between;align-items:center;z-index:4}.quiz-cover-status small{font-size:.68rem;font-weight:850;color:#e8f3ff;background:rgba(3,6,16,.4);padding:6px 8px;border-radius:9px}.quiz-mark{position:absolute;z-index:3;left:22px;top:60px;width:72px;height:72px;border-radius:24px;display:grid;place-items:center;font-size:2.1rem;background:rgba(5,8,21,.44);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,.25);animation:mascotFloat 4s ease-in-out infinite}.quiz-cover h3{position:relative;z-index:4;font-size:1.55rem;line-height:1.04;margin:0;max-width:92%}.quiz-body{padding:19px}.quiz-body p{color:#aeb8cf;font-size:.84rem;line-height:1.55;min-height:52px}.meta-row{display:flex;flex-wrap:wrap;gap:8px 13px;color:#8291aa;font-size:.68rem;font-weight:750}.quiz-actions{padding:0 18px 18px}.quiz-actions form{display:inline-flex}.status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:.62rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.status.published,.status.finished{background:rgba(33,220,143,.15);color:#89f3c5;border:1px solid rgba(33,220,143,.22)}.status.draft,.status.lobby{background:rgba(255,190,51,.13);color:#ffe19b;border:1px solid rgba(255,190,51,.22)}.status.archived{background:rgba(148,163,184,.14);color:#cbd5e1}.status.question,.status.reveal{background:rgba(0,217,255,.12);color:#9cf3ff}.empty-state{padding:55px 25px;text-align:center}.empty-icon{width:80px;height:80px;border-radius:25px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,rgba(123,56,255,.25),rgba(255,45,168,.18));font-size:2.3rem}.empty-state.inline{padding:25px}.subsection-head{margin-top:34px}
.editor-layout{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}.side-panel{position:sticky;top:99px;padding:23px}.side-panel hr{border:0;border-top:1px solid var(--line);margin:23px 0}.question-nav{display:grid;gap:7px;margin-top:23px}.question-nav>strong{font-size:.76rem;color:#aeb9d0;text-transform:uppercase;letter-spacing:.12em}.question-nav a{display:flex;gap:8px;align-items:center;padding:9px;border-radius:11px;color:#aab7cf;font-size:.77rem}.question-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.question-nav a span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(123,56,255,.15);color:#ccb8ff;font-weight:900}.switch-line{display:flex!important;align-items:center;gap:9px}.switch-line input{width:18px;height:18px;min-height:auto;accent-color:var(--purple)}.color-field{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:13px;background:rgba(4,9,23,.72);border:1px solid var(--line)}.color-field input{width:48px;height:34px;min-height:34px;padding:0;border:0;background:none}.color-field span{font-family:ui-monospace,monospace;color:#b9c7dc}.question-stack{display:grid;gap:18px}.editor-card{padding:24px;scroll-margin-top:100px}.question-card-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}.question-number{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(123,56,255,.13);color:#cdbbff;font-size:.67rem;font-weight:900;letter-spacing:.08em}.question-card-head h2{margin:10px 0 0;font-size:1.25rem}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff}.icon-btn.danger{color:#ff8fa3}.icon-btn:disabled{opacity:.3}.answer-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-line{display:grid;grid-template-columns:28px 1fr 35px;align-items:center;gap:8px;padding:9px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.answer-line input[type="text"],.answer-line input:not([type]){min-width:0}.correct-radio{width:19px!important;height:19px!important;min-height:auto!important;accent-color:#25df91}.remove-answer{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,64,95,.1);color:#ff91a5}.editor-actions{display:flex;align-items:center;gap:11px;justify-content:flex-end}.editor-actions small{margin-right:auto;color:#8291aa}.question-media{width:100%;max-height:360px;object-fit:contain;border-radius:18px;background:#040713;border:1px solid var(--line)}
.table-card{padding:22px}.table-toolbar{display:flex;justify-content:flex-end;margin-bottom:15px}.responsive-table{overflow:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:840px;background:rgba(5,9,22,.35)}th,td{padding:14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.075);font-size:.82rem}th{color:#8f9db7;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;background:rgba(255,255,255,.035)}tr:hover td{background:rgba(255,255,255,.025)}.code-chip{font-family:ui-monospace,monospace;font-weight:900;letter-spacing:.14em;padding:7px 10px;border-radius:10px;background:rgba(123,56,255,.13);color:#d8c8ff}.report-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.report-grid>.card{padding:23px}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.card-title h1,.card-title h2{margin:8px 0 0}.leaderboard{display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:11px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.048);border:1px solid rgba(255,255,255,.06)}.leader-row.me{outline:2px solid rgba(151,96,255,.8);background:rgba(123,56,255,.12)}.leader-row>div{display:grid}.leader-row small{color:#8391aa;font-size:.67rem}.rank{font-weight:950;color:#ccb9ff}.score{font-weight:950}.question-report-list{display:grid;gap:13px}.question-report-list article{padding:14px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.question-report-list article>div:first-child{display:flex;gap:9px;align-items:flex-start}.accuracy-line{height:8px;margin:12px 0;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.accuracy-line span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink),var(--cyan));border-radius:inherit}.question-report-list small{color:#8795ad}
.game-page{height:100vh;overflow:hidden;background:#070511}.game-shell{height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.game-bar{height:78px;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;gap:14px;background:rgba(5,6,17,.87);border-bottom:1px solid var(--line);backdrop-filter:blur(22px);box-shadow:0 16px 45px rgba(0,0,0,.24)}.game-brand img{width:205px}.game-live-label{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;border:1px solid rgba(33,220,143,.2);background:rgba(33,220,143,.07);font-size:.67rem;font-weight:950;letter-spacing:.11em;color:#9af2cb}.game-metric{display:flex;justify-content:flex-end;gap:8px;min-width:0}.metric-pill{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:850}.metric-pill.accent{background:linear-gradient(135deg,rgba(123,56,255,.22),rgba(255,45,168,.18));color:#f5eaff}.game-stage{flex:1;display:grid;place-items:center;padding:25px;overflow:auto}.wait-card,.result-card,.finish-card{width:min(760px,100%);padding:34px;text-align:center}.wait-card h1,.result-card h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1;margin:14px 0}.loader-ring{width:68px;height:68px;border-radius:50%;border:6px solid rgba(255,255,255,.09);border-top-color:var(--cyan);border-right-color:var(--pink);margin:0 auto 20px;animation:spin .85s linear infinite}.stage-mascot{width:min(310px,62vw);margin:-30px auto -18px;animation:mascotFloat 4s ease-in-out infinite;filter:drop-shadow(0 22px 28px rgba(0,0,0,.38))}.pulse-logo,.submitted-icon{width:116px;height:116px;border-radius:37px;margin:0 auto 20px;display:grid;place-items:center;font-size:3.4rem;background:linear-gradient(135deg,rgba(123,56,255,.32),rgba(0,217,255,.18));border:1px solid rgba(191,235,255,.22);box-shadow:0 0 45px rgba(123,56,255,.16);animation:mascotFloat 3s ease-in-out infinite}.lobby-player-name{font-size:1.7rem;font-weight:950;color:#e1d4ff}.waiting-dots{display:flex;justify-content:center;gap:8px;margin:20px}.waiting-dots i{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));animation:bounceDot 1s infinite}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}.live-count{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(33,220,143,.08);color:#b0f5d5}.live-count>span,.live-dot{width:8px;height:8px;border-radius:50%;background:#21dc8f;box-shadow:0 0 13px rgba(33,220,143,.8);animation:livePulse 1.7s infinite}.lobby{width:min(1200px,100%);display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.lobby-code,.players-card{padding:30px;min-height:440px}.lobby-code{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.lobby-code:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(123,56,255,.25),transparent 67%);left:-120px;top:-130px}.lobby-code h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;margin:16px 0}.lobby-code .pin{font-size:clamp(4.2rem,10vw,8rem);font-weight:950;letter-spacing:.12em;line-height:1;background:linear-gradient(135deg,#fff,#ff91d1,#82f3ff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 12px 25px rgba(123,56,255,.3))}.share-box{max-width:100%;padding:12px 14px;border-radius:13px;background:rgba(2,7,18,.68);border:1px dashed rgba(255,255,255,.2);color:#a8b7d0;font-size:.8rem;word-break:break-all;margin:20px 0 12px}.players-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.players-card h2{margin:8px 0 0}.live-indicator{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,64,95,.1);color:#ff9aaa;font-size:.67rem;font-weight:950;letter-spacing:.1em}.live-indicator span{width:8px;height:8px;border-radius:50%;background:#ff405f;animation:livePulse 1.5s infinite}.players-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:9px;padding-top:20px;max-height:340px;overflow:auto}.player-chip{padding:10px 13px;border-radius:13px;background:linear-gradient(135deg,rgba(123,56,255,.16),rgba(0,217,255,.08));border:1px solid rgba(255,255,255,.1);font-size:.78rem;font-weight:850;animation:chipIn .35s ease-out}.question-stage{width:min(1250px,100%);display:grid;gap:18px}.question-head{display:grid;grid-template-columns:95px 1fr 95px;align-items:center;gap:18px}.round-count,.timer{height:82px;border-radius:24px;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,rgba(27,30,67,.94),rgba(9,14,32,.94));border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow-soft)}.round-count small,.timer small{font-size:.57rem;letter-spacing:.13em;color:#8e9db8;font-weight:900}.round-count strong,.timer span{font-size:1.6rem}.timer{position:relative;overflow:hidden}.timer:before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,transparent,rgba(0,217,255,.2));animation:spin 5s linear infinite}.timer>*{position:relative}.timer.warning{border-color:rgba(255,64,95,.65);animation:timerWarning .65s infinite}.question-text{text-align:center;font-size:clamp(2rem,4.5vw,4.5rem);line-height:1.04;letter-spacing:-.04em;margin:0;text-shadow:0 8px 30px rgba(0,0,0,.36)}.progress-track{height:11px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--pink),var(--cyan));transition:width .16s linear;box-shadow:0 0 18px rgba(0,217,255,.32)}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-btn,.answer-display{position:relative;min-height:118px;border:0;border-radius:24px;padding:17px 20px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;color:#fff;text-align:left;font-size:1.14rem;font-weight:900;box-shadow:0 18px 35px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.2);overflow:hidden;transition:.19s ease}.answer-btn:before,.answer-display:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 35%);pointer-events:none}.answer-btn:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 24px 45px rgba(0,0,0,.34),0 0 28px color-mix(in srgb,var(--answer-glow) 35%,transparent)}.answer-btn:active{transform:scale(.985)}.answer-btn.selected{outline:4px solid #fff;filter:brightness(1.2)}.answer-btn:disabled{cursor:not-allowed}.answer-symbol{width:51px;height:51px;border-radius:17px;display:grid;place-items:center;background:rgba(0,0,0,.19);border:1px solid rgba(255,255,255,.2);font-size:1.45rem}.answer-0{background:linear-gradient(135deg,#6134ff,#9b55ff);--answer-glow:#8b5cff}.answer-1{background:linear-gradient(135deg,#ef226e,#ff49ae);--answer-glow:#ff2da8}.answer-2{background:linear-gradient(135deg,#00a5d4,#00d9ff);color:#032c39;--answer-glow:#00d9ff}.answer-3{background:linear-gradient(135deg,#ff8b16,#ffd43d);color:#382300;--answer-glow:#ffbe33}.answer-4{background:linear-gradient(135deg,#19b977,#4beaac);color:#032a1b;--answer-glow:#21dc8f}.answer-5{background:linear-gradient(135deg,#396fff,#52a0ff);--answer-glow:#3188ff}.answer-display.correct{outline:4px solid #8effc7;filter:saturate(1.25);animation:correctPulse .8s ease}.answer-display.wrong{opacity:.28;filter:grayscale(.45)}.answer-display b{justify-self:end;font-size:1.2rem}.response-hint,.response-counter{text-align:center;color:#adb9ce;font-weight:850}.response-counter{display:flex;justify-content:center;align-items:center;gap:8px}.response-counter strong{font-size:1.45rem;color:#fff}.timer-big span{display:block;font-size:4.3rem;font-weight:950}.timer-big small{color:#8f9db6}.result-layout{width:min(1200px,100%);display:grid;gap:18px}.result-card.result-correct{border-color:rgba(33,220,143,.4);box-shadow:0 0 60px rgba(33,220,143,.11)}.result-card.result-wrong{border-color:rgba(255,64,95,.38);box-shadow:0 0 60px rgba(255,64,95,.1)}.status-icon{width:118px;height:118px;border-radius:38px;margin:0 auto 18px;display:grid;place-items:center;font-size:4rem;font-weight:950;transform:rotate(-4deg)}.status-icon.ok{background:linear-gradient(135deg,rgba(33,220,143,.25),rgba(0,217,255,.14));color:#9effce;border:1px solid rgba(33,220,143,.28)}.status-icon.no{background:linear-gradient(135deg,rgba(255,64,95,.23),rgba(255,45,168,.12));color:#ff9bad;border:1px solid rgba(255,64,95,.3)}.earned-points{font-size:clamp(3rem,8vw,6.2rem);font-weight:950;line-height:1;background:linear-gradient(135deg,#fff,#d2c0ff,#7ef1ff);-webkit-background-clip:text;color:transparent}.earned-points small{font-size:1rem;color:#a2b0c8;-webkit-text-fill-color:#a2b0c8}.reveal-answers{padding:24px}.answers-grid.compact .answer-display{min-height:84px;font-size:.95rem}.host-results{grid-template-columns:1.25fr .75fr}.accuracy-badge{width:112px;height:112px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(33,220,143,.22),rgba(0,217,255,.13));border:1px solid rgba(112,255,201,.25);font-size:2rem;font-weight:950}.accuracy-badge small{font-size:.58rem;color:#b8c5da;text-align:center}.finish-card{max-height:calc(100vh - 115px);overflow:auto}.trophy{font-size:5.5rem;filter:drop-shadow(0 16px 25px rgba(255,190,51,.3));animation:mascotFloat 3s ease-in-out infinite}.final-position{display:flex;align-items:center;justify-content:center;gap:16px;margin:15px 0}.final-position span{color:#96a4bd}.final-position strong{font-size:2.6rem}.big-score{font-size:clamp(3rem,9vw,6.4rem);font-weight:950;line-height:1;background:linear-gradient(135deg,#fff,#d6c3ff,#77f0ff);-webkit-background-clip:text;color:transparent;margin-bottom:24px}.big-score small{font-size:1rem}.final-board{text-align:left;margin:22px 0}.finish-host{width:min(1120px,100%);text-align:center}.finish-host>h1{font-size:clamp(2.7rem,6vw,5.4rem);margin:9px 0 28px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:13px;min-height:340px;margin-bottom:25px}.podium-place{width:min(230px,30%);text-align:center}.podium-place .medal{font-size:3.5rem;animation:mascotFloat 3s ease-in-out infinite}.podium-place strong{display:block;font-size:1.15rem;margin:8px 0}.podium-place span{color:#98a6be}.podium-block{margin-top:14px;border-radius:24px 24px 8px 8px;display:grid;place-items:center;font-size:2.9rem;font-weight:950;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 45px rgba(0,0,0,.27)}.place-1 .podium-block{height:190px;background:linear-gradient(180deg,#ffd84c,#c77800);color:#382100}.place-2 .podium-block{height:140px;background:linear-gradient(180deg,#d7e6ff,#6e7d9d);color:#151b29}.place-3 .podium-block{height:108px;background:linear-gradient(180deg,#eea46f,#8b4929)}.final-ranking{width:min(760px,100%);margin:0 auto 22px;padding:22px}.host-controls{position:fixed;z-index:50;right:18px;bottom:18px;display:flex;gap:9px;padding:10px;border-radius:19px;background:rgba(4,6,16,.88);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.toast-stack{position:fixed;top:92px;right:18px;z-index:120;width:min(370px,calc(100% - 36px));display:grid;gap:9px}.toast{padding:14px 15px;border-radius:14px;background:rgba(13,18,37,.95);border:1px solid var(--line);box-shadow:var(--shadow);animation:toastIn .28s ease}.toast.success{border-color:rgba(33,220,143,.32);color:#a8f5d2}.toast.danger{border-color:rgba(255,64,95,.32);color:#ffc0cb}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:100}.confetti i{position:absolute;top:-25px;width:11px;height:20px;background:hsl(var(--hue),90%,60%);animation:fall var(--duration) linear forwards;transform:rotate(var(--rotate));border-radius:3px}.animated-card{animation:cardEnter .42s cubic-bezier(.2,.8,.2,1)}.play-media{max-height:290px}.host-media{max-height:350px}
@keyframes meshRotate{to{transform:rotate(360deg)}}@keyframes orbFloat{50%{transform:translate3d(45px,-32px,0) scale(1.08)}}@keyframes beamMove{to{transform:translateX(120px) rotate(28deg)}}@keyframes sparkTwinkle{50%{opacity:.9;transform:scale(1.8)}}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(39,233,155,.65)}70%{box-shadow:0 0 0 9px rgba(39,233,155,0)}100%{box-shadow:0 0 0 0 rgba(39,233,155,0)}}@keyframes gradientShift{to{background-position:200% center}}@keyframes buttonGlow{50%{box-shadow:0 15px 48px rgba(143,48,255,.46)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes mascotFloat{50%{transform:translateY(-13px) rotate(1deg)}}@keyframes bubbleFloat{50%{transform:translateY(-10px) rotate(4deg)}}@keyframes scan{0%{top:12%;opacity:0}15%{opacity:.8}85%{opacity:.8}100%{top:86%;opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounceDot{50%{transform:translateY(-8px);opacity:.55}}@keyframes chipIn{from{opacity:0;transform:translateY(7px) scale(.96)}}@keyframes timerWarning{50%{transform:scale(1.04);box-shadow:0 0 28px rgba(255,64,95,.22)}}@keyframes correctPulse{50%{transform:scale(1.025);box-shadow:0 0 35px rgba(33,220,143,.25)}}@keyframes cardEnter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateX(22px)}}@keyframes fall{to{transform:translateY(110vh) rotate(760deg)}}
@media(max-width:1100px){.hero-pro-grid,.feature-showcase,.dashboard-hero,.auth-shell-split,.lobby,.editor-layout,.report-grid,.host-results{grid-template-columns:1fr}.hero-visual{min-height:610px}.join-card-pro{right:5%;bottom:0}.dashboard-mascot{display:none}.stats-grid{grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:1fr 1fr}.side-panel{position:static}.create-panel-pro{grid-template-columns:1fr}.feature-dashboard-preview{transform:none}.auth-visual{order:2}.auth-shell-split{max-width:700px}.auth-visual .mascot-scene{width:360px}.game-page{overflow:auto}.game-shell{min-height:100vh;height:auto}.game-stage{min-height:calc(100vh - 78px)}.host-controls{position:sticky;margin:0 12px 12px;right:auto;bottom:auto;justify-content:center;flex-wrap:wrap}.lobby-code,.players-card{min-height:350px}}
@media(max-width:780px){.container,.narrow{width:min(100% - 24px,1180px)}.topbar{height:70px;padding:0 14px}.brand img{width:190px}.public-status{display:none}.topnav a{font-size:0;width:42px;height:42px;justify-content:center;padding:0}.topnav a span{font-size:1rem}.topnav .nav-pill{font-size:.72rem;width:auto;padding:9px 11px}.hero-pro{padding:44px 0 70px}.hero-pro-copy h1{font-size:clamp(3.25rem,15vw,5.2rem)}.hero-lead{font-size:1rem}.hero-proof{grid-template-columns:1fr}.hero-visual{min-height:560px}.mascot-scene{width:430px}.join-card-pro{width:92%;right:4%;padding:20px}.experience-track{overflow:auto;justify-content:flex-start;padding-inline:4px}.steps-grid,.cards-grid,.answer-editor,.form-grid.two,.form-grid.three,.answers-grid{grid-template-columns:1fr}.feature-card{min-height:275px}.feature-icon{margin-bottom:42px}.section-block{padding:70px 0}.feature-showcase{padding:25px}.preview-answers{grid-template-columns:1fr}.site-footer-pro .container{flex-wrap:wrap}.footer-live{margin-left:0}.auth-shell{padding:28px 12px}.auth-card{padding:23px}.auth-visual{display:none}.span-2{grid-column:auto}.dashboard-hero{padding:26px}.dashboard-hero h1{font-size:2.6rem}.dashboard-actions{display:grid}.stats-grid{gap:10px}.stat-card{min-height:120px;padding:15px}.stat-icon{width:46px;height:46px}.stat-card strong{font-size:1.8rem}.section-head,.subsection-head{align-items:stretch;flex-direction:column}.library-tools{width:100%}.search-input{width:100%}.quiz-cover{height:215px}.editor-card{padding:17px}.question-card-head{flex-direction:column}.editor-actions{flex-wrap:wrap}.editor-actions small{width:100%;order:3}.game-bar{height:auto;min-height:69px;padding:9px 12px;grid-template-columns:1fr auto}.game-live-label{display:none}.game-brand img{width:165px}.metric-pill{max-width:125px;font-size:.68rem}.game-stage{padding:14px 10px 90px}.question-head{grid-template-columns:62px 1fr 62px;gap:8px}.round-count,.timer{height:60px;border-radius:17px}.round-count strong,.timer span{font-size:1.05rem}.question-text{font-size:clamp(1.4rem,7vw,2.6rem)}.answer-btn,.answer-display{min-height:90px;border-radius:19px;padding:13px;font-size:.96rem;grid-template-columns:40px 1fr auto}.answer-symbol{width:37px;height:37px;border-radius:12px;font-size:1rem}.wait-card,.result-card,.finish-card{padding:22px}.lobby-code,.players-card{padding:20px}.lobby-code .pin{font-size:4.3rem}.podium{min-height:260px;gap:7px}.podium-place{width:31%}.podium-place strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-place span{font-size:.7rem}.place-1 .podium-block{height:130px}.place-2 .podium-block{height:98px}.place-3 .podium-block{height:78px}.host-controls .btn{flex:1;min-width:125px}.toast-stack{top:76px}}
@media(max-width:520px){.hero-pro-copy h1{font-size:3.25rem}.hero-visual{min-height:515px}.mascot-scene{width:360px}.reaction-bubble{width:42px;height:42px;border-radius:14px}.mascot-caption{font-size:.66rem}.join-card-pro{bottom:0}.join-card-head{align-items:flex-start}.join-icon-pro{width:48px;height:48px}.join-card-head h2{font-size:1.15rem}.pin-input{height:64px;font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.create-panel-intro{align-items:flex-start}.quiz-actions .btn,.quiz-actions form{flex:1}.quiz-actions form .btn{width:100%}.game-brand img{width:145px}.metric-pill:first-child{display:none}.question-head{grid-template-columns:52px 1fr 52px}.round-count,.timer{height:52px}.round-count small,.timer small{font-size:.48rem}.answer-btn,.answer-display{min-height:78px}.lobby-code .pin{font-size:3.5rem;letter-spacing:.07em}.site-footer-pro img{width:155px}.site-footer-pro .container>div{width:calc(100% - 173px)}.footer-live{width:100%}.feature-showcase-copy h2{font-size:2.25rem}.preview-question h3{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal-up{opacity:1;transform:none}}

/* =========================================================
   REAL LIVE ARENA 4.1 — EXPERIÊNCIA VISUAL E MOBILE
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
html{background:#06040f}
body{background-attachment:fixed}
body::-webkit-scrollbar{width:9px}
body::-webkit-scrollbar-track{background:#080714}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7b38ff,#ff2da8,#00d9ff);border-radius:999px;border:2px solid #080714}
.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
.touch-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x;scroll-snap-type:x proximity}
.touch-scroll>*{scroll-snap-align:start}

/* Cabeçalho principal */
.topbar-v41{height:82px;padding:0;background:rgba(5,5,17,.82);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:90;box-shadow:0 14px 50px rgba(0,0,0,.28)}
.topbar-v41:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(123,56,255,.11),transparent 34%,transparent 68%,rgba(0,217,255,.08));pointer-events:none}
.topbar-v41:after{height:2px;opacity:.85;background:linear-gradient(90deg,transparent 4%,#7138ff 24%,#ff2da8 50%,#00d9ff 76%,transparent 96%);background-size:180% 100%;animation:headerLine 7s linear infinite}
.topbar-shell{width:min(1280px,calc(100% - 42px));height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}
.brand-v41{position:relative;padding:8px 4px;isolation:isolate}
.brand-v41 img{width:220px;position:relative;z-index:2;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}
.brand-halo{position:absolute;width:52px;height:52px;left:5px;top:50%;transform:translateY(-50%);border-radius:18px;background:conic-gradient(from 30deg,#7b38ff,#ff2da8,#00d9ff,#7b38ff);filter:blur(14px);opacity:.42;animation:haloPulse 3.2s ease-in-out infinite}
.topnav-v41{gap:8px}
.topnav-v41 .nav-link,.topnav-v41 .public-nav-link,.topnav-v41 .public-nav-cta,.topnav-v41 .nav-pill{position:relative;border:1px solid transparent;min-height:44px;padding:10px 14px;border-radius:15px;background:transparent;color:#dce5f5;overflow:hidden}
.topnav-v41 .nav-link:after,.topnav-v41 .public-nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,#7b38ff,#ff2da8,#00d9ff);transform:scaleX(0);transition:.25s}
.topnav-v41 .nav-link:hover,.topnav-v41 .nav-link.active,.topnav-v41 .public-nav-link:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.1)}
.topnav-v41 .nav-link:hover:after,.topnav-v41 .nav-link.active:after,.topnav-v41 .public-nav-link:hover:after{transform:scaleX(1)}
.topnav-v41 .nav-link span,.topnav-v41 .public-nav-link span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.07);font-size:.78rem}
.topnav-v41 .public-nav-cta{background:linear-gradient(135deg,#6e35ff,#d62fca 57%,#ff3b7f);box-shadow:0 12px 32px rgba(139,48,255,.3);border-color:rgba(255,255,255,.14)}
.topnav-v41 .public-nav-cta:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(139,48,255,.42)}
.live-dot{width:9px;height:9px;border-radius:50%;background:#84ffd1;box-shadow:0 0 0 0 rgba(132,255,209,.72);animation:livePulse 1.7s infinite}
.topnav-v41 .nav-pill{background:linear-gradient(135deg,rgba(255,64,95,.16),rgba(255,45,168,.12));border-color:rgba(255,117,151,.2)}

/* Página pública */
.hero-v4{min-height:auto;padding:72px 0 92px;background:radial-gradient(circle at 77% 42%,rgba(0,217,255,.12),transparent 24%),radial-gradient(circle at 22% 42%,rgba(123,56,255,.15),transparent 28%)}
.hero-v4:after{content:"";position:absolute;inset:8% 4% auto auto;width:420px;height:420px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(0,217,255,.12) 0 1deg,transparent 1deg 13deg);mask:radial-gradient(circle,transparent 0 44%,#000 45% 46%,transparent 47% 61%,#000 62% 63%,transparent 64%);animation:spinSlow 34s linear infinite;opacity:.5}
.hero-v4 .hero-pro-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:46px}
.hero-v4 .hero-pro-copy{position:relative;z-index:3}
.hero-v4 .hero-kicker{background:linear-gradient(135deg,rgba(123,56,255,.18),rgba(255,45,168,.1));border-color:rgba(209,172,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(83,27,158,.16)}
.hero-v4 .hero-pro-copy h1{font-size:clamp(4.2rem,6.8vw,7.25rem);max-width:820px;text-wrap:balance;text-shadow:0 15px 45px rgba(0,0,0,.26)}
.hero-v4 .hero-lead{max-width:760px;font-size:1.12rem}
.hero-proof-v4>div{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(28,25,62,.78),rgba(9,17,37,.72));border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 32px rgba(0,0,0,.18);transition:.25s}
.hero-proof-v4>div:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-120%);transition:.6s}
.hero-proof-v4>div:hover{transform:translateY(-4px);border-color:rgba(167,111,255,.36)}
.hero-proof-v4>div:hover:before{transform:translateX(120%)}
.hero-proof-v4 strong{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(123,56,255,.26),rgba(255,45,168,.19));border:1px solid rgba(255,255,255,.12);flex:none}
.hero-v4 .hero-visual{min-height:620px}
.hero-v4 .mascot-scene{width:min(535px,100%)}
.hero-v4 .arena-mascot{animation:mascotFloat 4.3s ease-in-out infinite,mascotGlow 4.3s ease-in-out infinite}
.join-card-v4{right:0;bottom:8px;width:min(435px,86%);padding:25px;border-radius:28px;background:linear-gradient(150deg,rgba(22,29,68,.94),rgba(7,16,37,.94));border-color:rgba(126,227,255,.22);box-shadow:0 30px 85px rgba(0,0,0,.48),0 0 50px rgba(0,217,255,.08),inset 0 1px rgba(255,255,255,.12)}
.join-card-v4:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(170,102,255,.8),rgba(255,45,168,.35),rgba(0,217,255,.65));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.join-card-v4 .join-icon-pro{position:relative;overflow:hidden}
.join-card-v4 .join-icon-pro:after{content:"";position:absolute;inset:-40%;background:conic-gradient(transparent,rgba(255,255,255,.65),transparent 28%);animation:spinSlow 4s linear infinite}
.join-card-v4 .join-icon-pro span{position:relative;z-index:2}
.join-card-v4 .pin-input{border-color:rgba(0,217,255,.65);box-shadow:0 0 0 1px rgba(123,56,255,.28),inset 0 0 26px rgba(0,217,255,.04),0 0 38px rgba(0,217,255,.08)}
.join-card-v4 .join-card-footer{padding:10px 12px;margin:14px -4px -4px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}

.experience-strip{position:relative;background:linear-gradient(90deg,rgba(24,10,58,.72),rgba(5,19,38,.72));box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(255,255,255,.04)}
.experience-strip:before,.experience-strip:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.experience-strip:before{left:0;background:linear-gradient(90deg,#090615,transparent)}
.experience-strip:after{right:0;background:linear-gradient(-90deg,#07131f,transparent)}
.experience-track{min-height:82px;gap:18px;justify-content:flex-start;padding:0 14px}
.experience-track span{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:11px 15px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.05);font-size:.76rem}
.experience-track b{display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border-radius:10px;box-shadow:0 8px 18px rgba(125,47,255,.2)}

.steps-grid-v4{gap:20px}
.feature-card-v4{min-height:330px;border-radius:30px;padding:30px;isolation:isolate;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.feature-card-v4:after{content:"";position:absolute;inset:1px;border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 38%,rgba(0,0,0,.08));z-index:-1;pointer-events:none}
.feature-card-v4 .feature-icon{position:relative;z-index:2;width:82px;height:82px;border-radius:25px;font-size:2.2rem;box-shadow:0 18px 36px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.18)}
.feature-card-v4 .step-number{font-size:5rem;top:12px;right:21px;letter-spacing:-.08em}
.feature-card-v4 h3{font-size:1.75rem}
.feature-card-v4:hover{transform:translateY(-9px) rotateX(1deg);box-shadow:0 34px 65px rgba(0,0,0,.37),0 0 40px rgba(156,86,255,.13);border-color:rgba(255,255,255,.28)}
.feature-card-v4 .card-spark{animation:sparkOrbit 5s ease-in-out infinite}

.arena-features-v4{position:relative}
.arena-features-v4:before{content:"";position:absolute;inset:15% 0;background:radial-gradient(circle at 80% 50%,rgba(0,217,255,.09),transparent 28%),radial-gradient(circle at 15% 50%,rgba(255,45,168,.08),transparent 28%);pointer-events:none}
.feature-showcase-v4{padding:46px;border-radius:34px;background:linear-gradient(145deg,rgba(26,23,60,.9),rgba(7,18,38,.88));border-color:rgba(137,183,255,.18);box-shadow:0 32px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08)}
.feature-dashboard-v4{position:relative;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);box-shadow:0 38px 80px rgba(0,0,0,.48),0 0 48px rgba(0,217,255,.08)}
.feature-dashboard-v4:before{content:"";position:absolute;inset:-1px;border-radius:27px;padding:1px;background:linear-gradient(135deg,#7b38ff,transparent 34%,#00d9ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.58;pointer-events:none}
.feature-dashboard-v4 .preview-answers div{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.18),0 9px 20px rgba(0,0,0,.16)}
.feature-dashboard-v4 .preview-answers div:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.22),transparent 72%);transform:translateX(-130%);animation:previewShine 6s ease-in-out infinite}
.feature-dashboard-v4 .preview-answers div:nth-child(2):after{animation-delay:.45s}.feature-dashboard-v4 .preview-answers div:nth-child(3):after{animation-delay:.9s}.feature-dashboard-v4 .preview-answers div:nth-child(4):after{animation-delay:1.35s}

.public-cta-section{padding-top:18px}
.public-cta-card{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:26px;padding:28px 32px;border-radius:32px;overflow:hidden;position:relative;background:linear-gradient(125deg,rgba(103,43,215,.35),rgba(25,20,58,.92) 42%,rgba(0,146,194,.2));border-color:rgba(190,153,255,.24)}
.public-cta-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 30px,rgba(255,255,255,.018) 31px 32px);pointer-events:none}
.public-cta-card h2{font-size:clamp(1.7rem,3vw,3rem);margin:8px 0 9px;letter-spacing:-.04em}
.public-cta-card p{margin:0;color:#aebad0}
.cta-mascot-mini{height:155px;display:grid;place-items:center}
.cta-mascot-mini img{height:200px;max-width:none;filter:drop-shadow(0 18px 20px rgba(0,0,0,.32));animation:mascotFloat 4s ease-in-out infinite}

/* Rodapé público */
.site-footer-v4{padding:64px 0 20px;position:relative;background:linear-gradient(180deg,rgba(5,7,17,.82),rgba(3,4,11,.98));border-top:1px solid rgba(255,255,255,.1);overflow:hidden}
.site-footer-v4:before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#7b38ff,#ff2da8,#00d9ff,transparent);box-shadow:0 0 26px rgba(166,92,255,.6)}
.site-footer-v4:after{content:"REAL LIVE ARENA";position:absolute;right:-10px;bottom:-30px;font-size:clamp(4rem,10vw,10rem);font-weight:950;letter-spacing:-.07em;color:rgba(255,255,255,.018);white-space:nowrap;pointer-events:none}
.footer-grid-v4{display:grid!important;grid-template-columns:1.45fr .9fr .95fr 1.05fr;gap:34px!important;align-items:start!important;position:relative;z-index:2}
.footer-brand-v4,.footer-column-v4,.footer-cta-v4{display:flex!important;flex-direction:column;align-items:flex-start;gap:11px}
.footer-brand-v4 img{width:205px!important;margin-bottom:6px}
.footer-brand-v4 p{color:#95a4bc;line-height:1.65;font-size:.87rem;max-width:390px;margin:0}
.footer-live{margin:8px 0 0;padding:8px 11px;border-radius:999px;background:rgba(33,220,143,.075);border:1px solid rgba(33,220,143,.17);color:#a7f3d0}
.footer-column-v4 strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#f3edff;margin-bottom:5px}
.footer-column-v4 a,.footer-column-v4 span{font-size:.8rem;color:#8f9db5;transition:.2s}
.footer-column-v4 a:hover{color:#fff;transform:translateX(3px)}
.footer-cta-v4{padding:22px;border-radius:22px;background:linear-gradient(145deg,rgba(123,56,255,.16),rgba(0,217,255,.075));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.footer-cta-v4>span{font-size:.64rem;letter-spacing:.16em;font-weight:950;color:#c9b6ff}
.footer-cta-v4>strong{font-size:1.22rem;line-height:1.25}
.footer-bottom-v4{display:flex!important;justify-content:space-between;align-items:center!important;gap:16px!important;margin-top:40px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#66758e;font-size:.72rem;position:relative;z-index:2}
.footer-bottom-v4 span:last-child{letter-spacing:.13em;font-weight:900;color:#8897b0}

/* Login e entrada do participante */
.admin-login-v4,.participant-auth{background:radial-gradient(circle at 22% 36%,rgba(123,56,255,.18),transparent 30%),radial-gradient(circle at 82% 45%,rgba(0,217,255,.11),transparent 30%)}
.admin-login-v4{min-height:100dvh}
.admin-login-v4 .auth-shell{min-height:100dvh}
.admin-login-v4 .auth-card-v4,.participant-auth .auth-card{border-radius:30px;background:linear-gradient(150deg,rgba(25,26,62,.94),rgba(8,15,34,.94));border-color:rgba(180,151,255,.19);box-shadow:0 35px 95px rgba(0,0,0,.48),0 0 55px rgba(123,56,255,.08)}
.admin-login-v4 .auth-card-v4:after,.participant-auth .auth-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#8a4fff,transparent 38%,#00d9ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.42}
.auth-highlights{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.auth-highlights span{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:.66rem;font-weight:850;color:#aebbd2}
.join-ready-note{display:flex;align-items:center;gap:10px;padding:13px 14px;margin-top:17px;border-radius:14px;background:linear-gradient(135deg,rgba(123,56,255,.1),rgba(255,45,168,.07));border:1px solid rgba(197,150,255,.14);color:#aebbd2}
.join-ready-note span{font-size:1.25rem}.join-ready-note small{line-height:1.45}

/* Dashboard */
.admin-main{padding:40px 0 108px}
.dashboard-hero-v4{min-height:350px;border-radius:34px;padding:42px 46px;background:linear-gradient(125deg,rgba(44,25,102,.82),rgba(18,21,51,.93) 48%,rgba(3,87,112,.34));border-color:rgba(185,147,255,.2);box-shadow:0 35px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1)}
.dashboard-hero-v4:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 38px,rgba(255,255,255,.018) 39px 40px);pointer-events:none}
.dashboard-hero-v4:after{right:-70px;bottom:-160px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,217,255,.25),transparent 65%);filter:blur(4px)}
.dashboard-hero-v4 .dashboard-live-row span{padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075);color:#a9b6ce}
.stats-grid-v4{gap:16px;margin:18px 0 20px}
.stats-grid-v4 .stat-card{min-height:145px;border-radius:24px;transition:.26s;border-color:rgba(255,255,255,.11);box-shadow:0 18px 44px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06)}
.stats-grid-v4 .stat-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--stat-main),var(--stat-alt));opacity:.85}
.stats-grid-v4 .stat-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--stat-main) 35%,rgba(255,255,255,.1));box-shadow:0 26px 55px rgba(0,0,0,.34),0 0 30px color-mix(in srgb,var(--stat-main) 12%,transparent)}
.dashboard-shortcuts-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 28px}
.shortcut-card-v4{position:relative;min-height:100px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:22px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;text-align:left;color:#fff;background:linear-gradient(145deg,rgba(23,24,54,.9),rgba(8,14,31,.88));box-shadow:0 17px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06);overflow:hidden;transition:.25s}
.shortcut-card-v4:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-110px;background:radial-gradient(circle,var(--shortcut-glow),transparent 65%);pointer-events:none}
.shortcut-card-v4:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.22);box-shadow:0 26px 52px rgba(0,0,0,.32),0 0 28px var(--shortcut-shadow)}
.shortcut-icon-v4{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--shortcut-a),var(--shortcut-b));box-shadow:0 13px 27px var(--shortcut-shadow);font-size:1.25rem;position:relative;z-index:2}
.shortcut-card-v4 div{display:grid;gap:5px;position:relative;z-index:2}.shortcut-card-v4 strong{font-size:.96rem}.shortcut-card-v4 small{font-size:.72rem;color:#91a0ba;line-height:1.35}.shortcut-card-v4>b{font-size:1.3rem;position:relative;z-index:2;transition:.25s}.shortcut-card-v4:hover>b{transform:translateX(4px)}
.shortcut-purple{--shortcut-a:#6d34ff;--shortcut-b:#a657ff;--shortcut-glow:rgba(123,56,255,.35);--shortcut-shadow:rgba(123,56,255,.2)}
.shortcut-pink{--shortcut-a:#ee277d;--shortcut-b:#ff49c0;--shortcut-glow:rgba(255,45,168,.32);--shortcut-shadow:rgba(255,45,168,.18)}
.shortcut-cyan{--shortcut-a:#00a8d7;--shortcut-b:#00e0ff;--shortcut-glow:rgba(0,217,255,.3);--shortcut-shadow:rgba(0,217,255,.16)}
.create-panel-v4{padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(27,26,64,.92),rgba(9,16,35,.9));border-color:rgba(184,147,255,.17)}
.create-panel-v4 .create-orb{box-shadow:0 16px 40px rgba(126,57,255,.27),0 0 28px rgba(255,45,168,.14)}
.library-head-v4{margin-top:42px;padding:0 4px}
.library-head-v4 h2{font-size:clamp(2rem,3.4vw,3.2rem);letter-spacing:-.045em;margin:8px 0}
.quiz-library-v4{gap:20px}
.quiz-card-v4{border-radius:27px;background:linear-gradient(150deg,rgba(18,20,48,.95),rgba(8,13,29,.94));border-color:rgba(255,255,255,.11);box-shadow:0 20px 50px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.05);transition:.28s}
.quiz-card-v4:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--theme) 45%,rgba(255,255,255,.18));box-shadow:0 32px 66px rgba(0,0,0,.4),0 0 36px color-mix(in srgb,var(--theme) 15%,transparent)}
.quiz-card-v4 .quiz-cover{height:250px}
.quiz-card-v4 .quiz-cover:before{content:"";position:absolute;width:160px;height:160px;border-radius:46px;right:24px;top:48px;border:1px solid rgba(255,255,255,.15);transform:rotate(24deg);box-shadow:0 0 0 25px rgba(255,255,255,.022),0 0 0 50px rgba(255,255,255,.014);animation:quizShape 9s ease-in-out infinite;z-index:1}
.quiz-card-v4 .quiz-mark{font-size:3rem;filter:drop-shadow(0 12px 18px rgba(0,0,0,.26));animation:iconFloat 4s ease-in-out infinite}
.quiz-card-v4 .quiz-body{padding:20px 20px 14px}
.quiz-card-v4 .quiz-body p{min-height:56px;color:#9caac1;line-height:1.55}
.quiz-actions-v4{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 20px 20px}
.quiz-actions-v4 .btn,.quiz-actions-v4 form,.quiz-actions-v4 form .btn{width:100%}
.quiz-actions-v4 .btn{min-height:43px}

.admin-footer-v4{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,5,13,.88);padding:22px 0;margin-top:10px}
.admin-footer-v4 .container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.admin-footer-v4 span{font-size:.78rem;font-weight:950;letter-spacing:.13em;color:#d9c9ff}.admin-footer-v4 p{margin:0;color:#75839b;font-size:.76rem}.admin-footer-v4 a{font-size:.76rem;font-weight:900;color:#9eefff}
.profile-head-v4{margin-bottom:20px}.account-card-v4{position:relative;padding:30px}.account-avatar-v4{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;margin-bottom:20px;background:linear-gradient(135deg,#7138ff,#ff2da8);font-size:1.9rem;font-weight:950;box-shadow:0 17px 38px rgba(127,48,255,.26)}
.profile-tip{padding:12px 14px;border-radius:13px;background:rgba(0,217,255,.055);border:1px solid rgba(0,217,255,.12);color:#92a5c0;font-size:.75rem}

/* Dock administrativo em telas pequenas */
.mobile-admin-dock{display:none}

/* Área do jogador: leve, táctil e em tempo real */
.player-game-page .game-shell{min-height:100dvh;background:radial-gradient(circle at 50% 15%,rgba(123,56,255,.14),transparent 31%),radial-gradient(circle at 85% 65%,rgba(0,217,255,.08),transparent 26%)}
.player-game-page .game-bar{position:sticky;top:0;z-index:35;background:rgba(5,6,18,.9);border-bottom-color:rgba(255,255,255,.1);box-shadow:0 14px 38px rgba(0,0,0,.3)}
.player-game-page .game-stage{scrollbar-width:none;-ms-overflow-style:none}
.player-game-page .game-stage::-webkit-scrollbar{display:none}
.player-game-page .question-stage{width:min(1120px,100%);margin:auto}
.player-game-page .question-head{padding:14px 0 20px}
.player-game-page .question-text{text-wrap:balance;text-shadow:0 10px 28px rgba(0,0,0,.28)}
.player-game-page .progress-track{height:9px;background:rgba(255,255,255,.075);box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
.player-game-page .progress-bar{background:linear-gradient(90deg,#7b38ff,#ff2da8,#ffbd35,#00d9ff);background-size:200% 100%;animation:progressFlow 3s linear infinite;box-shadow:0 0 18px rgba(255,45,168,.36)}
.player-game-page .answer-btn{border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.22);isolation:isolate}
.player-game-page .answer-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.2) 48%,transparent 62%);transform:translateX(-125%);transition:.55s;z-index:-1}
.player-game-page .answer-btn:hover:after{transform:translateX(125%)}
.player-game-page .answer-btn b{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.15)}
.player-game-page .response-hint{width:max-content;max-width:100%;margin:16px auto 0;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:#91a0b8}
.player-game-page .wait-card,.player-game-page .result-card,.player-game-page .finish-card{border-radius:32px;background:linear-gradient(150deg,rgba(25,27,64,.94),rgba(7,15,34,.94));border-color:rgba(175,146,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)}
.player-game-page .leader-row{transition:.22s}.player-game-page .leader-row.me{background:linear-gradient(135deg,rgba(123,56,255,.22),rgba(255,45,168,.14));border-color:rgba(202,162,255,.24);box-shadow:0 10px 25px rgba(87,37,171,.12)}

@keyframes headerLine{to{background-position:180% 0}}
@keyframes haloPulse{50%{opacity:.68;transform:translateY(-50%) scale(1.14)}}
@keyframes mascotGlow{50%{filter:drop-shadow(0 34px 40px rgba(0,0,0,.48)) drop-shadow(0 0 24px rgba(0,217,255,.14))}}
@keyframes sparkOrbit{50%{transform:translate(-18px,-15px) scale(1.15)}}
@keyframes previewShine{0%,58%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
@keyframes quizShape{50%{transform:rotate(34deg) translateY(8px);opacity:.72}}
@keyframes iconFloat{50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes progressFlow{to{background-position:200% 0}}

@media(max-width:1100px){
  .topbar-shell{width:min(100% - 28px,1180px)}
  .hero-v4 .hero-pro-grid{grid-template-columns:1fr}
  .hero-v4 .hero-pro-copy{max-width:850px;margin:auto;text-align:center}
  .hero-v4 .hero-kicker{margin-inline:auto}.hero-v4 .hero-lead{margin-inline:auto}.hero-v4 .hero-proof{max-width:820px;margin-inline:auto}.hero-v4 .hero-mini-badges{justify-content:center}
  .hero-v4 .hero-visual{min-height:600px;max-width:670px;width:100%;margin:auto}
  .footer-grid-v4{grid-template-columns:1.35fr 1fr 1fr!important}.footer-cta-v4{grid-column:1/-1;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center}
  .dashboard-shortcuts-v4{grid-template-columns:1fr 1fr}.dashboard-shortcuts-v4>a:last-child{grid-column:1/-1}
}

@media(max-width:780px){
  html{scroll-padding-top:72px}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .topbar-v41{height:68px}
  .topbar-shell{width:calc(100% - 22px);gap:9px}
  .brand-v41 img{width:164px}.brand-halo{width:42px;height:42px}
  .topnav-v41{gap:5px}.topnav-v41 .public-nav-link{display:none}.topnav-v41 .public-nav-cta{width:auto;height:40px;padding:8px 11px;font-size:.69rem;border-radius:13px}.topnav-v41 .public-nav-cta b{display:inline}
  .topnav-v41 .nav-link,.topnav-v41 .nav-pill{display:none}

  .hero-v4{padding:32px 0 62px}
  .hero-v4 .hero-pro-grid{display:flex;flex-direction:column;gap:24px}
  .hero-v4 .hero-pro-copy{text-align:left}
  .hero-v4 .hero-kicker{margin-inline:0;font-size:.64rem;padding:8px 11px}
  .hero-v4 .hero-pro-copy h1{font-size:clamp(3.15rem,14vw,4.9rem);line-height:.91;margin-bottom:18px;letter-spacing:-.058em}
  .hero-v4 .hero-lead{font-size:.96rem;line-height:1.62;margin-bottom:21px}
  .hero-v4 .hero-proof{display:flex;overflow-x:auto;gap:10px;margin-inline:-12px;padding:0 12px 8px;scrollbar-width:none;scroll-snap-type:x mandatory}
  .hero-v4 .hero-proof::-webkit-scrollbar{display:none}
  .hero-proof-v4>div{flex:0 0 82%;scroll-snap-align:center;min-height:80px;padding:13px}
  .hero-v4 .hero-mini-badges{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;margin-inline:-12px;padding:0 12px 5px;scrollbar-width:none}.hero-v4 .hero-mini-badges::-webkit-scrollbar{display:none}.hero-v4 .hero-mini-badges span{flex:0 0 auto}
  .hero-v4 .hero-visual{min-height:465px;margin-top:2px}
  .hero-v4 .mascot-scene{width:350px;position:absolute;right:-64px;top:-7px;opacity:.82}
  .hero-v4 .mascot-caption,.hero-v4 .reaction-bubble{display:none}
  .join-card-v4{left:0;right:0;bottom:0;width:100%;padding:20px;border-radius:25px}
  .join-card-v4 .join-card-head{margin-bottom:11px}.join-card-v4 .join-card-head h2{font-size:1.25rem}.join-card-v4>p{font-size:.83rem}.join-card-v4 .pin-input{height:64px;font-size:1.8rem}.join-card-v4 .join-card-footer{font-size:.61rem;gap:6px}

  .experience-strip:before,.experience-strip:after{width:24px}.experience-track{width:100%;min-height:74px;padding:0 13px;gap:9px}.experience-track span{font-size:.69rem;padding:9px 11px}.experience-track b{width:27px;height:27px}
  .section-block{padding:62px 0}.section-intro{text-align:left;margin-bottom:28px}.section-intro .eyebrow{justify-content:flex-start}.section-intro h2{font-size:2.35rem;line-height:1.03}.section-intro p{font-size:.94rem}
  .steps-grid-v4{display:flex;overflow-x:auto;gap:12px;margin-inline:-12px;padding:3px 12px 14px;scrollbar-width:none;scroll-snap-type:x mandatory}.steps-grid-v4::-webkit-scrollbar{display:none}.feature-card-v4{flex:0 0 86%;min-height:290px;scroll-snap-align:center;padding:24px}.feature-card-v4:hover{transform:none}.feature-card-v4 .feature-icon{width:68px;height:68px;margin-bottom:40px}.feature-card-v4 .step-number{font-size:4.2rem}.feature-card-v4 h3{font-size:1.5rem}
  .feature-showcase-v4{padding:23px;border-radius:26px;gap:28px}.feature-showcase-copy h2{font-size:2.2rem}.feature-showcase-copy>p{font-size:.91rem}.feature-dashboard-v4{transform:none;padding:14px;border-radius:20px}.preview-question{padding:18px 8px 13px}.preview-question h3{font-size:1.16rem}.preview-answers div{min-height:58px;padding:12px;font-size:.72rem}
  .public-cta-card{grid-template-columns:78px 1fr;padding:20px;gap:14px;border-radius:25px}.cta-mascot-mini{height:86px}.cta-mascot-mini img{height:122px}.public-cta-card .btn{grid-column:1/-1;width:100%}.public-cta-card h2{font-size:1.55rem}.public-cta-card p{font-size:.83rem;line-height:1.5}

  .site-footer-v4{padding:48px 0 92px}.footer-grid-v4{grid-template-columns:1fr 1fr!important;gap:26px 18px!important}.footer-brand-v4{grid-column:1/-1}.footer-brand-v4 img{width:185px!important}.footer-brand-v4 p{font-size:.82rem}.footer-column-v4 a,.footer-column-v4 span{font-size:.75rem}.footer-cta-v4{grid-column:1/-1;display:flex!important;padding:18px}.footer-bottom-v4{margin-top:28px!important;align-items:flex-start!important;flex-direction:column}

  .admin-main{padding:22px 0 105px}.admin-dashboard-v4 .container{width:min(100% - 20px,1180px)}
  .dashboard-hero-v4{padding:25px 22px;min-height:auto;border-radius:27px}.dashboard-hero-v4 h1{font-size:2.55rem}.dashboard-hero-v4 p{font-size:.9rem}.dashboard-live-row{display:grid;grid-template-columns:1fr 1fr;gap:8px!important}.dashboard-hero-v4 .dashboard-live-row span{font-size:.64rem;padding:7px 8px}
  .stats-grid-v4{grid-template-columns:1fr 1fr;gap:9px}.stats-grid-v4 .stat-card{min-height:118px;padding:14px;gap:11px;border-radius:20px}.stats-grid-v4 .stat-icon{width:43px;height:43px;border-radius:14px}.stats-grid-v4 .stat-card strong{font-size:1.75rem}.stats-grid-v4 .stat-card small{font-size:.6rem}
  .dashboard-shortcuts-v4{display:flex;overflow-x:auto;gap:10px;margin-inline:-10px;padding:2px 10px 13px;scrollbar-width:none;scroll-snap-type:x mandatory}.dashboard-shortcuts-v4::-webkit-scrollbar{display:none}.dashboard-shortcuts-v4 .shortcut-card-v4{flex:0 0 82%;min-height:94px;scroll-snap-align:center}.dashboard-shortcuts-v4>a:last-child{grid-column:auto}
  .create-panel-v4{padding:20px;border-radius:24px}.create-panel-v4 .create-panel-intro{gap:14px}.create-panel-v4 .create-orb{width:54px;height:54px}.create-panel-v4 h2{font-size:1.45rem}.create-panel-v4 p{font-size:.8rem}
  .library-head-v4{margin-top:32px}.library-head-v4 h2{font-size:2.2rem}.library-head-v4 p{font-size:.86rem}.library-tools{display:grid;grid-template-columns:1fr auto;gap:8px}.quiz-library-v4{display:grid;grid-template-columns:1fr;gap:15px}.quiz-card-v4:hover{transform:none}.quiz-card-v4 .quiz-cover{height:220px}.quiz-card-v4 .quiz-body p{min-height:auto}.quiz-actions-v4{grid-template-columns:1fr 1fr;padding:0 16px 16px}
  .admin-footer-v4{display:none}
  .mobile-admin-dock{position:fixed;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));z-index:100;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;border-radius:21px;background:rgba(7,8,22,.93);border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 55px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(20px) saturate(145%)}
  .mobile-admin-dock a{display:grid;place-items:center;gap:3px;min-height:50px;border-radius:15px;color:#8998b1;font-size:.58rem;font-weight:850}.mobile-admin-dock a span{font-size:1.03rem}.mobile-admin-dock a:hover,.mobile-admin-dock a:active{background:rgba(255,255,255,.065);color:#fff}.mobile-admin-dock .dock-create{background:linear-gradient(135deg,#7138ff,#ff2da8);color:#fff;box-shadow:0 9px 22px rgba(131,48,255,.28)}

  .admin-login-v4 .auth-shell,.participant-auth .auth-shell{padding:28px 12px;min-height:100dvh}.admin-login-v4 .auth-card-v4,.participant-auth .auth-card{padding:22px;border-radius:25px}.admin-login-v4 .auth-logo,.participant-auth .auth-logo{width:182px}.admin-login-v4 .auth-card h1,.participant-auth .auth-card h1{font-size:1.8rem}.auth-highlights{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.auth-highlights::-webkit-scrollbar{display:none}.auth-highlights span{flex:0 0 auto}

  .player-game-page .game-bar{min-height:64px;padding:8px 10px;grid-template-columns:auto 1fr}.player-game-page .game-brand img{width:142px}.player-game-page .game-live-label{display:none}.player-game-page .game-metric{gap:5px}.player-game-page .metric-pill{padding:7px 8px;border-radius:10px;font-size:.62rem;max-width:104px}.player-game-page .metric-pill.accent{max-width:90px}
  .player-game-page .game-stage{display:block;padding:14px 10px 28px;min-height:calc(100dvh - 64px)}
  .player-game-page .question-stage{padding-top:4px}.player-game-page .question-head{grid-template-columns:54px 1fr 54px;gap:8px;padding:4px 0 14px}.player-game-page .round-count,.player-game-page .timer{height:54px;border-radius:17px}.player-game-page .round-count strong,.player-game-page .timer span{font-size:1rem}.player-game-page .question-text{font-size:clamp(1.35rem,6.4vw,2rem);line-height:1.08;margin-top:9px}.player-game-page .eyebrow{font-size:.56rem;letter-spacing:.12em}.player-game-page .answers-grid.player-answers{grid-template-columns:1fr;gap:10px}.player-game-page .answer-btn{min-height:76px;border-radius:20px;padding:11px 12px;grid-template-columns:42px 1fr 31px;gap:10px;font-size:.93rem}.player-game-page .answer-symbol{width:40px;height:40px;border-radius:13px;font-size:1rem}.player-game-page .answer-btn b{width:29px;height:29px;border-radius:10px}.player-game-page .response-hint{font-size:.65rem;margin-top:12px}.player-game-page .wait-card,.player-game-page .result-card,.player-game-page .finish-card{padding:21px 17px;border-radius:25px;margin:8px auto}.player-game-page .stage-mascot{width:min(245px,68vw);margin:-20px auto -10px}.player-game-page .wait-card h1,.player-game-page .result-card h1{font-size:2rem}.player-game-page .earned-points{font-size:3.4rem}.player-game-page .result-layout{gap:12px}.player-game-page .reveal-answers{padding:17px}.player-game-page .answers-grid.compact .answer-display{min-height:70px;padding:10px;font-size:.8rem;grid-template-columns:36px 1fr auto}.player-game-page .leader-row{padding:10px}.player-game-page .leader-row .score{font-size:.75rem}
}

@media(max-width:430px){
  .brand-v41 img{width:150px}.topnav-v41 .public-nav-cta b{font-size:.64rem}.topnav-v41 .public-nav-cta{padding:7px 9px}
  .hero-v4 .hero-pro-copy h1{font-size:3.05rem}.hero-v4 .hero-visual{min-height:445px}.hero-v4 .mascot-scene{width:315px;right:-76px}.join-card-v4{padding:17px}.join-card-v4 .join-card-footer{display:none}
  .footer-grid-v4{grid-template-columns:1fr!important}.footer-column-v4{padding:16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065)}
  .dashboard-hero-v4 h1{font-size:2.25rem}.dashboard-live-row{grid-template-columns:1fr}.stats-grid-v4 .stat-card{display:grid;grid-template-columns:40px 1fr}.stats-grid-v4 .stat-icon{width:40px;height:40px}.shortcut-card-v4{grid-template-columns:48px 1fr auto}.shortcut-icon-v4{width:48px;height:48px}
  .quiz-actions-v4{grid-template-columns:1fr}.library-tools{grid-template-columns:1fr}.library-tools .btn{width:100%}
  .player-game-page .game-brand img{width:128px}.player-game-page .metric-pill:first-child{display:none}.player-game-page .question-head{grid-template-columns:50px 1fr 50px}.player-game-page .answer-btn{font-size:.88rem}
}

@media(pointer:coarse){
  .feature-card-v4:hover,.quiz-card-v4:hover,.stats-grid-v4 .stat-card:hover,.shortcut-card-v4:hover{transform:none}
  .btn:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .topbar-v41:after,.brand-halo,.arena-mascot,.feature-dashboard-v4 .preview-answers div:after,.quiz-card-v4 .quiz-cover:before,.quiz-card-v4 .quiz-mark,.player-game-page .progress-bar,.cta-mascot-mini img{animation:none!important}
}
.touch-scroll,.steps-grid-v4,.dashboard-shortcuts-v4,.hero-proof-v4,.hero-mini-badges{cursor:grab}
.is-dragging{cursor:grabbing!important;user-select:none;scroll-snap-type:none!important}

/* =========================================================
   REAL LIVE ARENA 4.5 — AJUSTES FINAIS
   ========================================================= */
:root{--header-h:82px}
html,body{width:100%;max-width:100%;overflow-x:clip}
.public-v45 .public-main,.public-v45 .site-footer-v45{overflow:clip}

/* Rolagem por toque/arraste sem barra visível */
.touch-scroll,.experience-track,.steps-grid-v45,.hero-proof-v4,.hero-mini-badges,.dashboard-shortcuts-v4,.auth-highlights{
  scrollbar-width:none!important;-ms-overflow-style:none!important;
}
.touch-scroll::-webkit-scrollbar,.experience-track::-webkit-scrollbar,.steps-grid-v45::-webkit-scrollbar,.hero-proof-v4::-webkit-scrollbar,.hero-mini-badges::-webkit-scrollbar,.dashboard-shortcuts-v4::-webkit-scrollbar,.auth-highlights::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important;background:transparent!important;
}

/* Cabeçalho refinado */
.topbar-v41{isolation:isolate;background:linear-gradient(90deg,rgba(5,5,17,.94),rgba(10,8,31,.91) 48%,rgba(4,17,30,.92));box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 -1px rgba(255,255,255,.055)}
.topbar-v41:before{background:radial-gradient(circle at 8% 50%,rgba(123,56,255,.22),transparent 23%),radial-gradient(circle at 92% 50%,rgba(0,217,255,.14),transparent 23%)}
.brand-v41{min-width:0}.brand-v41:after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,#a75fff,#ff2da8,#00d9ff,transparent);opacity:.65}
.topnav-v41 .public-nav-cta{background:linear-gradient(120deg,#6630ff,#ae36ef 48%,#ff367d);border-color:rgba(255,255,255,.22);box-shadow:0 14px 36px rgba(113,39,236,.36),inset 0 1px rgba(255,255,255,.18)}

/* Hero e cartões */
.hero-v45{padding-top:66px}
.hero-v45 .hero-pro-copy:after{content:"";display:block;width:130px;height:4px;border-radius:99px;margin-top:26px;background:linear-gradient(90deg,#7b38ff,#ff2da8,#00d9ff);box-shadow:0 0 28px rgba(255,45,168,.3)}
.hero-v45 .hero-proof>div{min-height:92px}
.hero-v45 .join-card-v4{backdrop-filter:blur(30px) saturate(150%)}
.feature-card-v4{box-shadow:0 26px 65px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.12)}
.feature-card-v4 .feature-icon{transform:translateZ(20px)}
.feature-card-v4 h3,.feature-card-v4 p{position:relative;z-index:3}
.feature-dashboard-v45 .preview-answers div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center}
.feature-dashboard-v45 .preview-answers b{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(0,0,0,.19);border:1px solid rgba(255,255,255,.18);font-size:.7rem}
.preview-score-private{background:linear-gradient(135deg,rgba(33,220,143,.1),rgba(0,217,255,.065));border:1px solid rgba(99,239,193,.15)}
.preview-score-private strong{font-size:.78rem;color:#b9f9df;padding:7px 10px;border-radius:10px;background:rgba(33,220,143,.09)}

/* Seção de momentos */
.arena-moments{position:relative;background:linear-gradient(180deg,transparent,rgba(20,10,48,.36),transparent)}
.arena-moments:before{content:"";position:absolute;inset:8% 0;background:radial-gradient(circle at 18% 45%,rgba(123,56,255,.12),transparent 24%),radial-gradient(circle at 82% 55%,rgba(0,217,255,.09),transparent 24%);pointer-events:none}
.moment-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.moment-card{position:relative;min-height:225px;padding:23px;border-radius:27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 55px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.1);transition:.28s;isolation:isolate}
.moment-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-90px;background:radial-gradient(circle,var(--moment-glow),transparent 67%);z-index:-1}
.moment-card:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.12),transparent 34%);z-index:-1}
.moment-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.25);box-shadow:0 34px 70px rgba(0,0,0,.42),0 0 34px var(--moment-shadow)}
.moment-icon{width:66px;height:66px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,var(--moment-a),var(--moment-b));border:1px solid rgba(255,255,255,.18);box-shadow:0 15px 35px var(--moment-shadow);font-size:1.75rem;font-weight:950}
.moment-card small{display:block;color:#d2c9ea;font-size:.62rem;font-weight:950;letter-spacing:.15em;margin-bottom:7px}.moment-card h3{font-size:1.28rem;margin-bottom:8px}.moment-card p{margin:0;color:#b5bfd4;font-size:.83rem;line-height:1.55}
.moment-purple{--moment-a:#6430ff;--moment-b:#a155ff;--moment-glow:rgba(123,56,255,.38);--moment-shadow:rgba(123,56,255,.18);background:linear-gradient(150deg,rgba(52,28,126,.85),rgba(13,13,38,.95))}
.moment-pink{--moment-a:#e9237b;--moment-b:#ff4cba;--moment-glow:rgba(255,45,168,.34);--moment-shadow:rgba(255,45,168,.16);background:linear-gradient(150deg,rgba(123,25,82,.82),rgba(20,10,34,.95))}
.moment-cyan{--moment-a:#009cc9;--moment-b:#00dcff;--moment-glow:rgba(0,217,255,.31);--moment-shadow:rgba(0,217,255,.14);background:linear-gradient(150deg,rgba(7,80,108,.82),rgba(5,19,35,.95))}
.moment-gold{--moment-a:#ff8e17;--moment-b:#ffd33c;--moment-glow:rgba(255,190,51,.3);--moment-shadow:rgba(255,190,51,.13);background:linear-gradient(150deg,rgba(111,65,12,.83),rgba(27,18,9,.95))}

/* Rodapé premium */
.site-footer-v45{position:relative;padding:0 0 28px!important;background:linear-gradient(180deg,rgba(5,7,18,.76),#05050d 42%,#030309);border-top:1px solid rgba(255,255,255,.1)}
.footer-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.footer-aurora:before{content:"";position:absolute;width:780px;height:250px;left:50%;top:-180px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(123,56,255,.28),rgba(255,45,168,.12) 35%,rgba(0,217,255,.08) 55%,transparent 72%);filter:blur(22px)}
.footer-top-v45{position:relative;z-index:2;display:flex!important;align-items:center!important;justify-content:space-between;gap:24px;padding:38px 0 30px;border-bottom:1px solid rgba(255,255,255,.09)}
.footer-top-v45 h2{font-size:clamp(1.65rem,3.1vw,3rem);max-width:760px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 0}
.footer-grid-v45{padding-top:34px}
.footer-brand-v4 img{filter:drop-shadow(0 12px 25px rgba(0,0,0,.35))}
.footer-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.footer-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:.58rem;font-weight:950;letter-spacing:.12em;color:#c6d0e4}
.footer-column-v4{position:relative;padding-left:17px}.footer-column-v4:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:3px;background:linear-gradient(#7b38ff,#ff2da8,#00d9ff);opacity:.7}
.footer-column-v4 a:hover{color:#fff;transform:translateX(4px)}.footer-column-v4 a{transition:.2s}
.footer-cta-v4{background:linear-gradient(145deg,rgba(110,52,255,.2),rgba(255,45,168,.09),rgba(0,217,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.2)}
.footer-bottom-v4{border-top:1px solid rgba(255,255,255,.075);padding-top:19px}

/* Editor com alternativas A, B, C... */
.answer-line{grid-template-columns:38px 28px minmax(0,1fr) 35px!important;padding:9px 10px!important;transition:.2s}
.answer-line:focus-within{border-color:rgba(132,97,255,.45);background:rgba(123,56,255,.075);box-shadow:0 0 0 4px rgba(123,56,255,.055)}
.answer-letter-editor{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#7138ff,#ff2da8);box-shadow:0 8px 20px rgba(124,49,255,.23);color:#fff}
.answer-letter-live{font-family:inherit;font-weight:950;letter-spacing:0}

/* Jogador: placar individual durante a partida */
.score-locked{min-width:130px;text-align:center;color:#dcd2f5!important;background:linear-gradient(135deg,rgba(123,56,255,.16),rgba(0,217,255,.09))!important}
.final-score-ready{background:linear-gradient(135deg,rgba(33,220,143,.2),rgba(0,217,255,.13))!important;color:#baffdf!important;border-color:rgba(84,238,177,.25)!important}
.player-result-private{width:min(980px,100%);grid-template-columns:.82fr 1.18fr;align-items:stretch}
.player-result-private .result-card{height:100%;display:flex;flex-direction:column;justify-content:center}
.result-lock-note{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;margin:19px auto 0;max-width:520px;border-radius:17px;background:linear-gradient(135deg,rgba(123,56,255,.11),rgba(0,217,255,.06));border:1px solid rgba(175,144,255,.17)}
.result-lock-note>span{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px;background:linear-gradient(135deg,#7138ff,#d32fc2);box-shadow:0 10px 24px rgba(114,47,229,.24)}
.result-lock-note div{display:grid;gap:3px}.result-lock-note strong{font-size:.83rem}.result-lock-note small{font-size:.7rem;line-height:1.4;color:#9caac2}.result-lock-note.centered{margin-inline:auto}
.player-panel-pro{box-shadow:0 35px 90px rgba(0,0,0,.46),0 0 55px rgba(123,56,255,.08),inset 0 1px rgba(255,255,255,.08)}
.finish-card-pro{width:min(880px,100%)}

/* Organização desktop do painel */
@media(min-width:1101px){
  .admin-dashboard-v4 .container{width:min(1260px,calc(100% - 54px))}
  .dashboard-hero-v4{grid-template-columns:minmax(0,1fr) 360px}
  .quiz-library-v4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quiz-card-v4 .quiz-cover{height:235px}
  .editor-layout{grid-template-columns:330px minmax(0,1fr)}
  .question-stack{max-width:980px}
  .player-game-page .question-stage{width:min(1180px,calc(100vw - 60px))}
  .player-game-page .answer-btn{min-height:108px}
}

@media(max-width:1100px){
  .moment-grid{grid-template-columns:1fr 1fr}
  .player-result-private{grid-template-columns:1fr}
}

@media(max-width:780px){
  :root{--header-h:68px}
  html,body{overflow-x:hidden!important}
  .topbar-v41{position:sticky;top:0}
  .hero-v45{padding-top:30px}
  .hero-v45 .hero-pro-copy:after{width:92px;margin-top:20px}
  .hero-v45 .hero-proof,.steps-grid-v45{overscroll-behavior-x:contain;touch-action:pan-x pan-y}
  .steps-grid-v45{overflow-x:auto!important;overflow-y:visible!important}
  .moment-grid{display:flex;overflow-x:auto;gap:12px;margin-inline:-12px;padding:3px 12px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .moment-grid::-webkit-scrollbar{display:none;width:0;height:0}
  .moment-card{flex:0 0 84%;min-height:218px;scroll-snap-align:center}.moment-card:hover{transform:none}
  .footer-top-v45{align-items:flex-start!important;flex-direction:column;padding:30px 0 25px}.footer-top-v45 .btn{width:100%}
  .footer-grid-v45{padding-top:27px}
  .footer-column-v4{padding:16px!important;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065)}.footer-column-v4:before{display:none}
  .answer-line{grid-template-columns:34px 26px minmax(0,1fr) 32px!important;gap:6px!important;padding:8px!important}.answer-letter-editor{width:31px;height:31px;border-radius:10px}.remove-answer{width:31px;height:31px}
  .player-result-private{display:grid;grid-template-columns:1fr}.player-result-private .result-card{padding:22px 17px}
  .score-locked{min-width:105px;max-width:112px!important;font-size:.59rem!important}
  .player-game-page .game-stage{overflow-x:hidden!important;overscroll-behavior-x:none}
  .player-game-page .question-stage,.player-game-page .result-layout,.player-game-page .wait-card,.player-game-page .finish-card{max-width:100%;overflow-x:hidden}
  .player-game-page .answers-grid.compact{grid-template-columns:1fr}
  .result-lock-note{padding:11px 12px;gap:9px}.result-lock-note>span{width:38px;height:38px}.result-lock-note small{font-size:.66rem}
}

@media(max-width:430px){
  .moment-card{flex-basis:88%}
  .footer-top-v45 h2{font-size:1.75rem}
  .answer-line{grid-template-columns:32px 24px minmax(0,1fr) 30px!important}.answer-letter-editor{width:29px;height:29px}.correct-radio{width:17px!important;height:17px!important}
  .player-game-page .game-bar{grid-template-columns:minmax(0,1fr) auto}.player-game-page .metric-pill{max-width:102px}.score-locked{max-width:100px!important;min-width:96px;font-size:.55rem!important;padding-inline:7px!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V5 — LEGIBILIDADE, PLACAR AO VIVO E ARENA 3D
   ========================================================================== */
:root{
  --text:#ffffff;
  --muted:#c8d2e6;
  --panel-v5:#151735;
  --panel-v5-strong:#1b1d43;
  --outline-v5:rgba(214,225,255,.2);
}
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,strong,b,.btn,.metric-pill,.answer-btn,.answer-display{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-weight:800}
p,small,label,input,textarea,select{line-height:1.5}
.readable-muted{color:#d0d9ec!important;font-size:1rem;line-height:1.6;font-weight:600}
.game-page .muted{color:#c5cee1}
.game-page .eyebrow{color:#eee8ff;font-weight:900;letter-spacing:.13em}
.game-page .glass-card,.game-page .card{background:linear-gradient(150deg,rgba(31,34,77,.97),rgba(13,21,48,.98));border-color:rgba(211,222,255,.19);box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.1)}
.game-page .game-stage{background:radial-gradient(circle at 15% 15%,rgba(117,58,255,.1),transparent 27%),radial-gradient(circle at 88% 72%,rgba(0,212,255,.08),transparent 30%)}
.game-bar{background:linear-gradient(90deg,rgba(8,7,27,.98),rgba(7,17,35,.98));border-bottom-color:rgba(175,199,255,.16)}
.game-bar .metric-pill{font-size:.79rem;font-weight:900;color:#fff}
.score-live{min-width:118px;text-align:center;background:linear-gradient(135deg,#5627d7,#bf27b9 55%,#0d91ba)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 9px 24px rgba(110,38,222,.3);font-variant-numeric:tabular-nums}
.score-bump{animation:scoreBump .62s cubic-bezier(.2,.85,.2,1)}
@keyframes scoreBump{0%{transform:scale(1)}42%{transform:scale(1.14);box-shadow:0 0 35px rgba(37,232,159,.65)}100%{transform:scale(1)}}

/* Perguntas e alternativas com contraste alto */
.question-text{font-weight:850;color:#fff;line-height:1.08;text-shadow:0 4px 0 rgba(0,0,0,.16),0 14px 32px rgba(0,0,0,.36);text-wrap:balance}
.answer-btn,.answer-display{border:1px solid rgba(255,255,255,.24);box-shadow:0 17px 0 rgba(0,0,0,.12),0 25px 48px rgba(0,0,0,.27),inset 0 2px 0 rgba(255,255,255,.2);font-size:1.08rem;line-height:1.35;letter-spacing:0}
.answer-btn:hover{transform:translateY(-5px);box-shadow:0 22px 0 rgba(0,0,0,.1),0 34px 58px rgba(0,0,0,.32),0 0 30px color-mix(in srgb,var(--answer-glow) 40%,transparent)}
.answer-copy{display:block;min-width:0;font-size:inherit;font-weight:800;line-height:1.38;overflow-wrap:anywhere}
.answer-symbol,.answer-letter-live{font-family:"Segoe UI",Arial,sans-serif!important;font-weight:950!important;font-size:1.25rem!important;line-height:1;color:inherit;background:rgba(5,8,21,.23);border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 17px rgba(0,0,0,.17)}
.answer-display.wrong{opacity:.72;filter:saturate(.8) brightness(.9)}
.answer-display.correct{outline:4px solid #75ffc3;filter:saturate(1.18) brightness(1.04);box-shadow:0 0 0 8px rgba(55,240,166,.11),0 24px 55px rgba(0,0,0,.31)}
.vote-count{min-width:38px;height:38px;padding:0 10px;border-radius:13px;display:grid;place-items:center;background:rgba(5,8,21,.28);border:2px solid rgba(255,255,255,.28);font-size:1rem!important;font-weight:950;color:inherit;font-variant-numeric:tabular-nums}
.response-hint,.response-counter{color:#e1e8f6;font-size:.84rem;font-weight:750}
.progress-track{height:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 3px 7px rgba(0,0,0,.28)}
.progress-bar{background:linear-gradient(90deg,#7b38ff,#ff2da8,#ffbf2f,#00d9ff);background-size:220% 100%;animation:progressFlow 2.4s linear infinite}
.round-count,.timer{background:linear-gradient(145deg,#202452,#101b38);border:1px solid rgba(210,224,255,.23);box-shadow:0 16px 35px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.11)}
.round-count small,.timer small{color:#c8d3e8;font-weight:900}
.round-count strong,.timer span{font-weight:950;color:#fff;font-variant-numeric:tabular-nums}

/* Placar do participante */
.score-stage-card{display:inline-grid;gap:3px;min-width:190px;padding:13px 20px;margin:10px auto 3px;border-radius:18px;background:linear-gradient(135deg,rgba(123,56,255,.34),rgba(255,45,168,.23),rgba(0,217,255,.18));border:1px solid rgba(225,215,255,.24);box-shadow:0 15px 34px rgba(69,25,149,.27),inset 0 1px rgba(255,255,255,.14);font-variant-numeric:tabular-nums}
.score-stage-card small{font-size:.62rem;letter-spacing:.14em;color:#e4dcf8;font-weight:900}.score-stage-card strong{font-size:1.6rem;color:#fff;font-weight:950}
.score-stage-live{margin-bottom:20px}
.game-energy-note{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;margin:20px auto 0;max-width:540px;border-radius:19px;background:linear-gradient(135deg,rgba(104,49,239,.2),rgba(0,193,235,.11));border:1px solid rgba(190,177,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.game-energy-note>span{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:15px;background:linear-gradient(135deg,#733bff,#ec2daf);font-size:1.35rem;box-shadow:0 10px 24px rgba(102,45,220,.28)}
.game-energy-note div{display:grid;gap:3px}.game-energy-note strong{font-size:.94rem}.game-energy-note small{font-size:.79rem;line-height:1.45;color:#cbd5e8;font-weight:600}.game-energy-note.centered{margin-inline:auto}
.round-points{display:inline-grid;gap:3px;margin:8px auto 15px;padding:14px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.18);font-variant-numeric:tabular-nums;box-shadow:0 15px 34px rgba(0,0,0,.24)}
.round-points small{font-size:.61rem;font-weight:950;letter-spacing:.15em}.round-points strong{font-size:2rem;font-weight:950}
.round-points.won{background:linear-gradient(135deg,rgba(27,218,139,.24),rgba(0,217,255,.15));color:#c0ffe3}.round-points.zero{background:linear-gradient(135deg,rgba(255,64,95,.2),rgba(255,45,168,.12));color:#ffd1db}
.submitted-state .progress-track{width:min(560px,100%);margin:18px auto 10px}

/* Entrada do apelido sem desfoque e com leitura direta */
.participant-auth .participant-card-solid{background:linear-gradient(150deg,#20234d,#101a39)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(215,225,255,.24)!important;box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 60px rgba(105,47,227,.16),inset 0 1px rgba(255,255,255,.12)!important;transform:none!important}
.participant-auth .participant-card-solid:before{opacity:.55}
.participant-auth .auth-visual-copy h2{color:#fff;font-weight:850;text-shadow:0 10px 25px rgba(0,0,0,.3)}
.participant-auth .auth-visual-copy p,.participant-auth .auth-card>p{color:#d2daea;font-weight:600}
.participant-auth .input-icon-wrap input{background:#090f25;border:2px solid rgba(0,217,255,.42);font-size:1.05rem;font-weight:750;color:#fff;box-shadow:inset 0 2px 9px rgba(0,0,0,.33)}
.participant-auth .input-icon-wrap input::placeholder{color:#8fa0bf;opacity:1}
.participant-auth .join-ready-note{color:#d8e0f0;background:rgba(127,63,238,.14);border-color:rgba(198,168,255,.2)}

/* PIN sempre completo e proporcional */
.lobby-pro{width:min(1260px,100%);grid-template-columns:minmax(410px,.88fr) minmax(480px,1.12fr);align-items:stretch}
.lobby-code-pro,.players-card-pro{min-height:500px;border-radius:30px}
.lobby-code-pro{overflow:hidden;padding-inline:34px}
.lobby-code-pro .stage-mascot{width:min(285px,55%);margin:-34px auto -12px}
.lobby-code .pin-fit{display:block;width:100%;max-width:100%;padding:.05em .02em .12em;font-size:clamp(3.6rem,6.35vw,6.8rem);line-height:1.02;letter-spacing:.075em;white-space:nowrap;overflow:visible;text-align:center;font-variant-numeric:tabular-nums}
.lobby-code .share-box{width:100%;font-size:.82rem;color:#d1d9e8;background:#080f24;border-color:rgba(133,194,255,.3)}

/* Lista estável e organizada de participantes */
.players-card-pro{display:flex;flex-direction:column;background:linear-gradient(150deg,rgba(29,32,73,.98),rgba(13,21,48,.98))!important}
.players-card-pro header{align-items:center}
.players-card-pro h2{font-size:1.45rem;line-height:1.25}
.players-list-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:start;flex:1;max-height:390px;padding:19px 3px 3px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}
.players-list-pro::-webkit-scrollbar{display:none;width:0}
.player-chip-pro{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;padding:10px 12px;border-radius:18px;background:linear-gradient(145deg,rgba(83,46,175,.24),rgba(18,86,127,.17));border:1px solid rgba(206,216,255,.16);box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.08);animation:playerArrive .38s cubic-bezier(.2,.85,.2,1);will-change:auto}
.player-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7a3cff,#ec2fb1);border:1px solid rgba(255,255,255,.24);font-size:1.05rem;font-weight:950;color:#fff;box-shadow:0 8px 18px rgba(104,43,221,.27)}
.player-info{display:grid;min-width:0;gap:2px}.player-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;color:#fff}.player-info small{font-size:.65rem;color:#b8c5dc;font-weight:650}
.player-order{font-size:.68rem;font-weight:950;color:#c9d7ee;padding:6px 7px;border-radius:9px;background:rgba(255,255,255,.07);font-variant-numeric:tabular-nums}
.players-empty{grid-column:1/-1;min-height:230px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;border:1px dashed rgba(190,204,235,.17);border-radius:22px;background:rgba(255,255,255,.025)}
.players-empty span{font-size:2rem}.players-empty strong{font-size:1.1rem}.players-empty small{color:#b9c5da;font-weight:600}
@keyframes playerArrive{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}

/* Resultado do apresentador */
.result-title-pro{align-items:center}
.result-title-pro h1{font-size:clamp(1.6rem,3vw,3rem);line-height:1.12;max-width:850px}
.accuracy-orb{--accuracy:0;width:126px;height:126px;flex:none;border-radius:50%;padding:9px;background:conic-gradient(#23e3a0 calc(var(--accuracy)*1%),rgba(255,255,255,.1) 0);box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 35px rgba(35,227,160,.14);position:relative}
.accuracy-orb:before{content:"";position:absolute;inset:5px;border-radius:50%;background:linear-gradient(145deg,#1e3150,#101a37);border:1px solid rgba(255,255,255,.14)}
.accuracy-orb>div{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;align-content:center}.accuracy-orb strong{font-size:2rem;line-height:1;font-weight:950}.accuracy-orb small{margin-top:5px;font-size:.58rem;letter-spacing:.12em;color:#c8d5e8;font-weight:900}
.ranking-card-pro{padding:24px;background:linear-gradient(155deg,rgba(41,31,82,.98),rgba(14,24,48,.98))!important;border-color:rgba(210,192,255,.2)!important}
.ranking-trophy{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#ffbc2f,#ff7b21);font-size:1.55rem;box-shadow:0 13px 28px rgba(255,145,31,.23),inset 0 1px rgba(255,255,255,.22)}
.leaderboard-pro{gap:10px}.leaderboard-pro .leader-row{min-height:68px;grid-template-columns:54px minmax(0,1fr) auto;padding:11px 13px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(214,224,255,.12);box-shadow:0 10px 22px rgba(0,0,0,.16)}
.leaderboard-pro .leader-row.rank-1{background:linear-gradient(135deg,rgba(255,194,44,.25),rgba(123,56,255,.15));border-color:rgba(255,214,93,.34);box-shadow:0 13px 28px rgba(255,175,28,.12)}
.leaderboard-pro .leader-row.rank-2{background:linear-gradient(135deg,rgba(174,204,255,.18),rgba(80,92,140,.12));border-color:rgba(199,219,255,.25)}
.leaderboard-pro .leader-row.rank-3{background:linear-gradient(135deg,rgba(238,147,89,.2),rgba(106,59,43,.12));border-color:rgba(238,167,116,.27)}
.leaderboard-pro .rank-medal{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(5,9,24,.25);border:1px solid rgba(255,255,255,.14);font-size:1.25rem;color:#fff}
.leaderboard-pro .leader-row strong{font-size:.96rem;color:#fff}.leaderboard-pro .leader-row small{font-size:.7rem;color:#c0cce0;font-weight:650}.leaderboard-pro .score{font-size:.95rem;color:#fff;font-variant-numeric:tabular-nums}.leaderboard-pro .score small{font-size:.58rem;color:#b8c7dd;font-weight:900}
.leaderboard-pro .leader-row.me{outline:3px solid #9e68ff;background:linear-gradient(135deg,rgba(123,56,255,.34),rgba(255,45,168,.15));box-shadow:0 0 0 6px rgba(123,56,255,.08),0 15px 30px rgba(0,0,0,.2)}

/* Pódio com profundidade */
.finish-host-pro{padding-bottom:28px}.podium-pro{perspective:1000px}
.podium-pro .podium-place{filter:drop-shadow(0 22px 30px rgba(0,0,0,.3))}.podium-pro .podium-place strong{font-size:1.15rem;color:#fff}.podium-pro .podium-place span{color:#e0e7f5;font-weight:750}
.podium-pro .podium-block{position:relative;transform-style:preserve-3d;box-shadow:inset 0 2px rgba(255,255,255,.25),0 27px 42px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:5px}
.podium-pro .podium-block:before{content:"";position:absolute;inset:8px;border-radius:17px 17px 5px 5px;border:1px solid rgba(255,255,255,.2)}
.podium-pro .podium-block small,.podium-pro .podium-block b{position:relative;z-index:2}.podium-pro .podium-block small{font-size:2.5rem;line-height:1;font-weight:950}.podium-pro .podium-block b{font-size:.62rem;letter-spacing:.15em}
.final-ranking-pro{padding:24px;background:linear-gradient(155deg,rgba(33,36,79,.98),rgba(12,21,46,.98))!important}
.final-board>h2{font-size:1.45rem;color:#fff}

/* Desktop mais estruturado */
@media(min-width:1101px){
  .game-stage{padding:28px 34px 96px}
  .host-question{width:min(1280px,calc(100vw - 86px))}
  .host-answer-grid .answer-display{min-height:112px}
  .host-results{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start}
  .player-game-page .question-stage{width:min(1200px,calc(100vw - 80px))}
  .player-game-page .answer-btn{min-height:112px;font-size:1.08rem}
  .player-result-private{width:min(1120px,100%);grid-template-columns:.8fr 1.2fr}
}

/* Mobile prioritário: leitura, toque e rolagem natural sem barra lateral */
@media(max-width:780px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .game-page{height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden}
  .game-shell{height:auto;min-height:100dvh}
  .game-stage{min-height:calc(100dvh - 64px);overflow-y:visible;overflow-x:hidden;padding:13px 9px 30px}
  .player-game-page .game-bar{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .player-game-page .game-metric{min-width:0}.player-game-page .metric-pill{max-width:106px;font-size:.68rem;font-weight:900}.player-game-page .score-live{display:flex!important;min-width:84px;max-width:94px!important;justify-content:center;padding:8px 7px!important}
  .player-game-page .question-head{grid-template-columns:54px minmax(0,1fr) 54px;align-items:start}
  .player-game-page .question-text{font-size:clamp(1.42rem,6.7vw,2.1rem);line-height:1.12;font-weight:850;margin-top:8px}
  .player-game-page .answer-btn{min-height:82px;border-radius:20px;padding:12px;grid-template-columns:43px minmax(0,1fr) 31px;gap:10px;font-size:1rem;box-shadow:0 10px 0 rgba(0,0,0,.1),0 18px 32px rgba(0,0,0,.24),inset 0 2px rgba(255,255,255,.2)}
  .player-game-page .answer-copy{font-size:1rem;line-height:1.35;font-weight:800}
  .player-game-page .answer-symbol{width:41px;height:41px;font-size:1.12rem!important}
  .player-game-page .answers-grid.compact .answer-display{min-height:78px;padding:11px 12px;grid-template-columns:40px minmax(0,1fr) 38px;font-size:.92rem;opacity:.8}
  .player-game-page .answers-grid.compact .answer-display.correct{opacity:1}.player-game-page .answers-grid.compact .answer-copy{font-size:.88rem;line-height:1.35}
  .player-game-page .response-hint{font-size:.76rem;line-height:1.4;color:#d3dced}
  .player-game-page .wait-card,.player-game-page .result-card,.player-game-page .finish-card{padding:22px 16px;border-radius:25px}
  .player-game-page .wait-card h1,.player-game-page .result-card h1{font-size:2rem;line-height:1.08}
  .readable-muted{font-size:.9rem!important;line-height:1.55}
  .score-stage-card{min-width:170px;padding:11px 17px}.score-stage-card strong{font-size:1.4rem}
  .game-energy-note{padding:12px;gap:10px}.game-energy-note>span{width:40px;height:40px}.game-energy-note strong{font-size:.84rem}.game-energy-note small{font-size:.72rem}
  .round-points{padding:12px 19px}.round-points strong{font-size:1.65rem}
  .lobby{grid-template-columns:1fr}.lobby-code-pro,.players-card-pro{min-height:auto;padding:20px}.lobby-code-pro .stage-mascot{width:min(230px,66vw);margin:-20px auto -8px}.lobby-code .pin-fit{font-size:clamp(3.2rem,17vw,5rem);letter-spacing:.055em}
  .players-list-pro{grid-template-columns:1fr;max-height:none}.player-chip-pro{min-height:62px}
  .result-title-pro{align-items:flex-start;gap:12px}.result-title-pro h1{font-size:1.55rem}.accuracy-orb{width:88px;height:88px;padding:7px}.accuracy-orb strong{font-size:1.4rem}.accuracy-orb small{font-size:.48rem}
  .ranking-card-pro{padding:18px}.leaderboard-pro .leader-row{grid-template-columns:46px minmax(0,1fr) auto;padding:9px 10px}.leaderboard-pro .rank-medal{width:39px;height:39px;font-size:1rem}.leaderboard-pro .leader-row strong{font-size:.84rem}.leaderboard-pro .score{font-size:.78rem}
  .podium-pro{gap:5px}.podium-pro .podium-place strong{font-size:.82rem}.podium-pro .podium-block small{font-size:1.8rem}.podium-pro .podium-block b{font-size:.48rem}
  .participant-auth .auth-shell-split{display:flex;flex-direction:column;padding:20px 12px 35px}.participant-auth .auth-visual{display:block;order:0}.participant-auth .auth-visual .mascot-scene{display:none}.participant-auth .auth-visual-copy{margin:0 auto 8px}.participant-auth .auth-visual-copy h2{font-size:1.7rem}.participant-auth .auth-visual-copy p{font-size:.88rem}.participant-auth .participant-card-solid{padding:21px 18px}.participant-auth .input-icon-wrap input{font-size:16px;min-height:54px}
}

@media(max-width:430px){
  .player-game-page .game-brand img{width:116px}.player-game-page .metric-pill:first-child{display:none}.player-game-page .score-live{min-width:82px!important;max-width:88px!important;font-size:.64rem!important}
  .player-game-page .question-head{grid-template-columns:49px minmax(0,1fr) 49px;gap:7px}.player-game-page .round-count,.player-game-page .timer{height:51px}.player-game-page .question-text{font-size:1.42rem}
  .player-game-page .answer-btn{font-size:.94rem;grid-template-columns:39px minmax(0,1fr) 28px;padding:10px}.player-game-page .answer-copy{font-size:.94rem}.player-game-page .answer-symbol{width:38px;height:38px;font-size:1.05rem!important}
  .lobby-code .pin-fit{font-size:3.25rem}
  .result-title-pro{display:grid;grid-template-columns:minmax(0,1fr) 78px}.accuracy-orb{width:78px;height:78px}.accuracy-orb strong{font-size:1.2rem}
}

@media(prefers-reduced-motion:reduce){
  .score-bump,.player-chip-pro,.progress-bar{animation:none!important}
}

/* Painel e editor: leitura reforçada */
.admin-main,.admin-auth{font-family:"Segoe UI",Arial,Helvetica,sans-serif}
.admin-main .glass-card,.admin-main .card{background:linear-gradient(150deg,rgba(28,31,70,.97),rgba(13,21,47,.97));border-color:rgba(210,222,255,.17)}
.admin-main h1,.admin-main h2,.admin-main h3{font-weight:850;color:#fff;line-height:1.15}
.admin-main p,.admin-main small{color:#c5d0e4;font-weight:600}
.admin-main label{font-size:.84rem;font-weight:800;color:#eef3fc}
.admin-main input,.admin-main textarea,.admin-main select,.admin-auth input{font-size:.95rem;font-weight:650;line-height:1.45;color:#fff;background:#090f25;border:1px solid rgba(185,204,244,.22)}
.admin-main input::placeholder,.admin-main textarea::placeholder,.admin-auth input::placeholder{color:#91a1bf;opacity:1}
.admin-main input:focus,.admin-main textarea:focus,.admin-main select:focus{border-color:#3cd9ff;box-shadow:0 0 0 4px rgba(0,217,255,.1)}
.answer-line input{font-size:.92rem!important;font-weight:750!important;color:#fff!important}
.answer-letter-editor{font-family:"Segoe UI",Arial,sans-serif;font-size:1rem;font-weight:950}
.question-card-head h3{font-size:1.2rem;line-height:1.3}
.editor-card{background:linear-gradient(150deg,rgba(31,34,76,.98),rgba(14,22,49,.98));border-color:rgba(209,221,255,.17)}


/* ========================================================================== 
   REAL LIVE ARENA V5.1 — OTIMIZAÇÃO MOBILE SEM PERDER O DESIGN
   ========================================================================== */
button,.btn,.answer-btn,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.player-chip-pro.is-new{animation:playerArrive .38s cubic-bezier(.2,.85,.2,1)}
.public-page .section-block,.public-page .site-footer-pro{content-visibility:auto;contain-intrinsic-size:700px}
.question-stage,.result-layout,.wait-card,.finish-card,.lobby-pro{contain:layout paint style}
.answer-btn,.answer-display,.player-chip-pro,.leader-row{backface-visibility:hidden}

@media(hover:none),(pointer:coarse){
  .answer-btn:hover,.btn:hover,.topnav a:hover,.moment-card:hover,.feature-card:hover{transform:none!important}
  .answer-btn:active{transform:scale(.985)!important}
  .tilt-card{will-change:auto!important;transform:none!important}
}

@media(max-width:780px){
  html,body{scrollbar-width:none;-ms-overflow-style:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
  .game-page .glass-card,.game-page .card,.topbar,.mobile-admin-dock,.host-controls{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .game-page .glass-card,.game-page .card{background:linear-gradient(150deg,#20234d,#101a39)!important}
  .arena-atmosphere .mesh-gradient{filter:blur(38px);animation-duration:42s;opacity:.72}
  .arena-atmosphere .ambient-orb{filter:blur(9px);opacity:.42}
  .arena-atmosphere .laser-beam{opacity:.1;animation-duration:28s}
  .arena-atmosphere .ambient-grid{background-size:64px 64px;opacity:.55}
  .spark-field i{box-shadow:0 0 7px currentColor}
  .game-stage{scrollbar-width:none;-ms-overflow-style:none}
  .game-stage::-webkit-scrollbar{display:none;width:0;height:0}
  .answer-btn,.answer-display{transition:transform .12s ease,filter .12s ease,outline-color .12s ease}
  .answer-btn,.answer-display,.player-chip-pro,.leader-row{box-shadow:0 11px 0 rgba(0,0,0,.09),0 18px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.17)}
  .player-chip-pro{animation:none}
  .player-chip-pro.is-new{animation:playerArrive .32s ease-out}
  .progress-bar{animation-duration:3.4s}
  .game-live-label i,.live-indicator span,.live-pulse{animation-duration:2.2s}
  .confetti i{width:8px;height:14px}
  .host-controls{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));justify-content:center;flex-wrap:wrap;background:#080b1e!important}
  .host-controls .btn{min-height:44px;flex:1 1 128px}
  .host-page .game-stage{padding-bottom:112px}
}

html.low-power-device .mesh-gradient{animation:none!important;opacity:.55}
html.low-power-device .laser-beam{display:none}
html.low-power-device .ambient-orb{animation-duration:25s!important;opacity:.34}
html.low-power-device .spark-field i:nth-child(n+7){display:none}
html.low-power-device .gradient-text,html.low-power-device .progress-bar{animation-duration:6s!important}
html.low-power-device .mascot-orbit,html.low-power-device .reaction-bubble{animation-duration:9s!important}
html.low-power-device .glass-card,html.low-power-device .card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.low-power-device .confetti i:nth-child(n+43){display:none}

@media(prefers-reduced-motion:reduce){
  .mesh-gradient,.ambient-orb,.laser-beam,.spark-field i,.arena-mascot,.mascot-orbit,.reaction-bubble,.gradient-text,.progress-bar,.live-pulse,.game-live-label i,.live-indicator span{animation:none!important}
  .reveal-up{opacity:1!important;transform:none!important;transition:none!important}
  *{scroll-behavior:auto!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V5.2 — ACABAMENTO, SELEÇÃO 3D E EXPERIÊNCIA SEM LINHAS
   ========================================================================== */

/* Botões e marcadores sem contornos duros; o foco permanece visível por brilho. */
button,.btn,.icon-btn,.remove-answer,.player-exit-btn,
.topnav-v41 .nav-link,.topnav-v41 .public-nav-link,.topnav-v41 .public-nav-cta,.topnav-v41 .nav-pill{
  border:0!important;
  outline:0;
  -webkit-appearance:none;
  appearance:none;
}
.btn:focus-visible,.icon-btn:focus-visible,.remove-answer:focus-visible,.player-exit-btn:focus-visible,
.answer-btn:focus-visible,.admin-back-button:focus-visible,.topnav-v41 a:focus-visible{
  box-shadow:0 0 0 5px rgba(0,217,255,.18),0 0 32px rgba(0,217,255,.3)!important;
}
.topnav-v41 .nav-link:after,.topnav-v41 .public-nav-link:after{display:none!important}
.btn.ghost,.btn.secondary,.metric-pill,.score-live,.score-stage-card,.round-points,.game-live-label,.live-indicator{
  border:0!important;
}
.btn{box-shadow:0 14px 32px rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.14)!important}
.btn.ghost{background:linear-gradient(145deg,rgba(46,51,91,.92),rgba(17,24,53,.96));box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12)!important}
.btn.secondary{background:linear-gradient(135deg,#173b7b,#075d78);color:#fff}
.btn.success{background:linear-gradient(135deg,#12a96e,#27df9b);color:#04251a}
.btn.danger{background:linear-gradient(135deg,#d92250,#ff4670)}

/* Alternativas A–F com o mesmo padrão de leitura. */
.answer-0{background:linear-gradient(135deg,#6034ef,#8f49f2)!important;color:#fff!important;--answer-glow:#9a6cff}
.answer-1{background:linear-gradient(135deg,#d91f68,#f5389c)!important;color:#fff!important;--answer-glow:#ff43a9}
.answer-2{background:linear-gradient(135deg,#067da8,#00bddd)!important;color:#fff!important;--answer-glow:#00d9ff}
.answer-3{background:linear-gradient(135deg,#c96806,#ed9e13)!important;color:#fff!important;--answer-glow:#ffb12c}
.answer-4{background:linear-gradient(135deg,#087a50,#1bbb78)!important;color:#fff!important;--answer-glow:#31e89b}
.answer-5{background:linear-gradient(135deg,#3157d0,#3c8bed)!important;color:#fff!important;--answer-glow:#55a6ff}
.answer-btn,.answer-display{color:#fff!important;border:0!important;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.answer-copy{color:#fff!important;font-weight:850!important}
.answer-symbol,.answer-letter-live,.vote-count,.answer-action{color:#fff!important;border:0!important}
.answer-display.wrong{opacity:.72!important;filter:saturate(.78) brightness(.82)!important}
.answer-display.correct{
  outline:0!important;
  filter:saturate(1.14) brightness(1.06)!important;
  box-shadow:0 0 0 5px rgba(90,255,190,.22),0 0 36px rgba(52,239,164,.34),0 24px 48px rgba(0,0,0,.3)!important;
}
.preview-answers div:nth-child(3),.preview-answers div:nth-child(4){color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.28)}

/* Seleção do jogador: grande, inequívoca e com profundidade, sem mensagem extra. */
.answer-btn.selected{
  outline:0!important;
  transform:translateY(-6px) scale(1.018)!important;
  filter:saturate(1.2) brightness(1.08)!important;
  box-shadow:0 14px 0 rgba(0,0,0,.16),0 0 0 6px rgba(255,255,255,.16),0 0 42px color-mix(in srgb,var(--answer-glow) 55%,transparent),0 32px 58px rgba(0,0,0,.38)!important;
  z-index:3;
}
.answer-btn.selected .answer-symbol{background:#fff!important;color:#17152f!important;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.answer-action{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  background:rgba(5,8,21,.22);font-size:1.05rem;font-weight:950;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.16)
}
.answer-btn.selected .answer-action{background:#fff;color:#15975f!important;transform:rotate(-5deg) scale(1.08)}
.question-answered .answer-btn:not(.selected){opacity:.55;filter:saturate(.62) brightness(.76)}
.question-answered .answer-btn.selected{opacity:1}
.response-waiting{color:#e3eafe!important;background:linear-gradient(135deg,rgba(110,51,240,.16),rgba(0,184,225,.1))!important;box-shadow:0 12px 28px rgba(0,0,0,.18)}

/* Placar limpo, sem linhas nas extremidades. */
.metric-pill,.score-live,.score-stage-card,.round-points{
  background-clip:padding-box!important;
  box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 2px rgba(255,255,255,.13)!important;
}
.score-live{background:linear-gradient(135deg,#6429df,#d42eaf 58%,#138db7)!important}
.score-stage-card{background:linear-gradient(135deg,#5830c7,#a62b9c 55%,#107e9f)!important}
.metric-pill{background:linear-gradient(145deg,#252845,#11162d)!important;color:#fff!important}

/* Sair da partida. */
.player-exit-btn{
  min-height:39px;padding:9px 12px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  color:#fff;background:linear-gradient(145deg,#2c304f,#14182e);font-size:.72rem;font-weight:900;
  box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12);transition:.2s ease
}
.player-exit-btn:hover{transform:translateY(-2px);background:linear-gradient(145deg,#44234b,#26152f)}
.player-exit-btn span{font-size:.9rem}.player-exit-btn b{font-weight:900}

/* Confirmações internas modernas. */
.dialog-open{overflow:hidden!important}
.arena-dialog-layer{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;
  background:rgba(2,3,12,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  opacity:0;transition:opacity .18s ease
}
.arena-dialog-layer.is-visible{opacity:1}.arena-dialog-layer.is-closing{opacity:0}
.arena-dialog-card{
  position:relative;width:min(470px,100%);overflow:hidden;text-align:center;padding:30px 28px 26px;border-radius:30px;
  background:linear-gradient(155deg,#222653,#101933 72%);box-shadow:0 38px 110px rgba(0,0,0,.62),inset 0 2px rgba(255,255,255,.12);
  transform:translateY(16px) scale(.96);transition:transform .24s cubic-bezier(.2,.85,.2,1)
}
.arena-dialog-layer.is-visible .arena-dialog-card{transform:none}
.arena-dialog-glow{position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-170px;background:radial-gradient(circle,rgba(125,58,255,.5),rgba(255,45,168,.15) 45%,transparent 70%);pointer-events:none}
.arena-dialog-icon{position:relative;width:72px;height:72px;border-radius:24px;margin:0 auto 18px;display:grid;place-items:center;font-size:2.2rem;font-weight:950;color:#fff;background:linear-gradient(135deg,#7035ef,#e32da9);box-shadow:0 18px 38px rgba(102,42,224,.3),inset 0 2px rgba(255,255,255,.18)}
.arena-dialog-icon.danger{background:linear-gradient(135deg,#d6204d,#ff4b72);box-shadow:0 18px 38px rgba(222,36,82,.28)}
.arena-dialog-card h2{position:relative;font-size:clamp(1.65rem,5vw,2.2rem);line-height:1.08;margin:13px 0 11px;color:#fff}
.arena-dialog-card p{position:relative;margin:0 auto 23px;max-width:370px;color:#d0daeb;font-weight:600;line-height:1.6}
.arena-dialog-actions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.arena-dialog-actions .btn:only-child{grid-column:1/-1}

/* Editor: a resposta correta fica evidente. */
.admin-return-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;color:#9facbf;font-size:.76rem;font-weight:800}
.admin-back-button{display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:10px 15px;border-radius:14px;background:linear-gradient(145deg,#2b3158,#151b37);color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12)}
.admin-back-button span{font-size:1.1rem}.admin-back-button b{font-weight:900}
.answer-line{position:relative;border:0!important;background:linear-gradient(145deg,#1f234d,#111933)!important;box-shadow:0 12px 26px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08)}
.answer-line.is-correct-answer{
  background:linear-gradient(145deg,rgba(20,132,91,.95),rgba(18,80,82,.95))!important;
  box-shadow:0 0 0 5px rgba(50,235,163,.12),0 18px 38px rgba(0,0,0,.28),inset 0 2px rgba(255,255,255,.16)!important;
  transform:translateY(-2px)
}
.answer-line.is-correct-answer:after{content:"CORRETA";position:absolute;right:48px;top:-10px;padding:5px 8px;border-radius:9px;background:#32e6a1;color:#043223;font-size:.55rem;font-weight:950;letter-spacing:.09em;box-shadow:0 8px 18px rgba(32,220,145,.25)}
.correct-radio{
  width:24px!important;height:24px!important;border-radius:50%!important;appearance:none!important;-webkit-appearance:none!important;
  background:#0b1227!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.18),0 5px 12px rgba(0,0,0,.24);cursor:pointer
}
.correct-radio:checked{background:radial-gradient(circle,#fff 0 24%,#2de19a 27% 60%,#087a55 63%)!important;box-shadow:0 0 0 5px rgba(45,225,154,.17),0 7px 16px rgba(0,0,0,.25)}
.answer-line.is-correct-answer input[name="answers[]"]{background:rgba(3,25,24,.54)!important;color:#fff!important}
.remove-answer,.icon-btn{background:linear-gradient(145deg,#343953,#1b2038)!important;color:#fff;box-shadow:0 7px 16px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.1)}
.remove-answer:hover,.icon-btn.danger:hover{background:linear-gradient(145deg,#c92650,#ff466d)!important}

/* Faixa 01–06 em carrossel infinito, sem arraste lateral. */
.experience-strip{overflow:hidden!important}
.experience-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.experience-marquee-track{width:max-content;display:flex!important;gap:0!important;padding:0!important;animation:arenaMarquee 38s linear infinite;will-change:transform}
.experience-loop{display:flex;align-items:center;gap:18px;min-height:82px;padding-right:18px;white-space:nowrap}
.experience-loop span{display:flex;align-items:center;gap:7px;padding:11px 15px;border-radius:16px;background:linear-gradient(145deg,rgba(47,49,91,.84),rgba(16,25,50,.88));box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.1);font-size:.78rem;font-weight:850;color:#e0e8f7}
.experience-loop b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;margin:0;padding:0;background:linear-gradient(135deg,#7236ef,#ee2da8);color:#fff;box-shadow:0 8px 18px rgba(124,49,255,.24)}
@keyframes arenaMarquee{to{transform:translateX(-50%)}}

/* Rodapé alinhado e com fechamento institucional completo. */
.footer-grid-v4{align-items:stretch!important}
.footer-brand-v4,.footer-column-v4,.footer-cta-v4{height:100%}
.footer-bottom-v4 span:first-child{color:#a8b4c9;font-weight:700}
.footer-bottom-v4 span:last-child{color:#d0dbed}

/* Barra de rolagem premium no desktop e invisível no toque. */
@media(min-width:781px){
  html{scrollbar-width:thin;scrollbar-color:#a547ef #080712}
  *::-webkit-scrollbar{width:10px;height:10px}
  *::-webkit-scrollbar-track{background:#080712}
  *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7838ef,#ee2da8 55%,#0fc7df);border-radius:999px;border:2px solid #080712}
  *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9957ff,#ff49bd 55%,#32ddf1)}
  .hide-scrollbar::-webkit-scrollbar,.players-list-pro::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}

@media(max-width:780px){
  html,body,.game-stage,.players-list-pro{scrollbar-width:none!important;-ms-overflow-style:none!important}
  html::-webkit-scrollbar,body::-webkit-scrollbar,.game-stage::-webkit-scrollbar,.players-list-pro::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

  .steps-grid-v4,.steps-grid-v45{
    display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;margin:0!important;padding:0!important;gap:15px!important;scroll-snap-type:none!important;touch-action:pan-y!important
  }
  .feature-card-v4{width:100%!important;min-height:250px!important;transform:none!important}
  .feature-card-v4 .feature-icon{margin-bottom:34px}
  .moment-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;margin:0!important;padding:0!important;gap:14px!important;scroll-snap-type:none!important}
  .moment-card{width:100%!important;min-height:205px!important;transform:none!important}

  .experience-marquee-track{animation-duration:30s}
  .experience-loop{gap:11px;padding-right:11px;min-height:72px}
  .experience-loop span{font-size:.69rem;padding:9px 11px}.experience-loop b{width:27px;height:27px}

  .player-game-page .game-bar{grid-template-columns:minmax(0,1fr) auto!important;padding:8px 9px!important;gap:6px!important}
  .player-game-page .game-metric{gap:5px;align-items:center}
  .player-name-pill{display:none!important}
  .player-exit-btn{width:39px;height:39px;min-height:39px;padding:0;border-radius:12px}
  .player-exit-btn b{display:none}.player-exit-btn span{font-size:1rem}
  .player-game-page .score-live{min-width:86px!important;max-width:96px!important;padding:9px 7px!important;font-size:.68rem!important}

  .player-game-page .answer-btn{min-height:88px!important;padding:13px 12px!important;border-radius:22px!important;grid-template-columns:43px minmax(0,1fr) 35px!important;gap:10px!important}
  .player-game-page .answer-btn.selected{transform:translateY(-4px) scale(1.012)!important;box-shadow:0 11px 0 rgba(0,0,0,.15),0 0 0 5px rgba(255,255,255,.15),0 0 28px color-mix(in srgb,var(--answer-glow) 48%,transparent),0 25px 42px rgba(0,0,0,.34)!important}
  .answer-action{width:33px;height:33px}
  .response-hint{width:100%!important;text-align:center;border-radius:16px!important}

  .arena-dialog-layer{padding:14px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
  .arena-dialog-card{padding:25px 18px 20px;border-radius:25px}
  .arena-dialog-icon{width:64px;height:64px;border-radius:21px;font-size:1.9rem}
  .arena-dialog-actions{grid-template-columns:1fr;gap:8px}.arena-dialog-actions .btn{width:100%}

  .admin-return-row{position:sticky;top:73px;z-index:25;margin:0 -2px 18px;padding:9px 10px;border-radius:15px;background:#0c1028;box-shadow:0 12px 26px rgba(0,0,0,.3)}
  .admin-return-row>span{display:none}.admin-back-button{width:100%;justify-content:center}
  .answer-line{padding:12px 9px!important;grid-template-columns:38px 31px minmax(0,1fr) 34px!important;gap:7px!important}
  .answer-line.is-correct-answer:after{content:"CORRETA";right:42px;top:-8px;font-size:.49rem}
  .answer-letter-editor{width:36px!important;height:36px!important}
  .correct-radio{width:25px!important;height:25px!important}

  .footer-grid-v4,.footer-grid-v45{grid-template-columns:1fr!important;gap:14px!important;text-align:center}
  .footer-brand-v4,.footer-column-v4,.footer-cta-v4{align-items:center!important;text-align:center;padding:20px!important}
  .footer-brand-v4 p{margin-inline:auto}.footer-tags{justify-content:center}
  .footer-column-v4{padding-left:20px!important}.footer-column-v4:before{display:none!important}
  .footer-bottom-v4{align-items:center!important;text-align:center!important;gap:8px!important}
  .footer-bottom-v4 span{width:100%;line-height:1.55}
}

@media(max-width:430px){
  .player-game-page .answer-btn{grid-template-columns:39px minmax(0,1fr) 31px!important;padding:11px 10px!important}
  .player-game-page .answer-copy{font-size:.96rem!important}
  .player-game-page .score-live{min-width:82px!important;max-width:90px!important}
}

@media(prefers-reduced-motion:reduce){
  .experience-marquee-track{animation:none!important;transform:none!important}
  .experience-loop[aria-hidden="true"]{display:none!important}
  .arena-dialog-layer,.arena-dialog-card{transition:none!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V5.3 — NAVEGAÇÃO 3D, SELEÇÃO SEM RECORTE E CENTRALIZAÇÃO
   ========================================================================== */

/* A grade das respostas reserva espaço para o brilho 3D da opção escolhida. */
.answers-grid,
.answers-grid.player-answers,
.question-stage{
  overflow:visible!important;
}
.answers-grid.player-answers{
  padding:8px!important;
  margin:-8px!important;
  gap:18px!important;
}
.answer-btn.selected{
  transform:translateY(-3px) scale(1.004)!important;
  box-shadow:0 11px 0 rgba(0,0,0,.15),0 0 0 4px rgba(255,255,255,.17),0 0 30px color-mix(in srgb,var(--answer-glow) 48%,transparent),0 25px 44px rgba(0,0,0,.34)!important;
}
.question-answered .answer-btn:not(.selected){
  opacity:.62!important;
  filter:saturate(.72) brightness(.82)!important;
}
.answer-btn .answer-copy{
  position:relative;
  z-index:2;
}

/* Rodapé e cards finais sempre alinhados ao centro. */
.footer-grid-v4,
.footer-grid-v45{
  justify-items:center!important;
}
.footer-brand-v4,
.footer-column-v4,
.footer-cta-v4{
  width:100%;
}
.footer-brand-v4 img{
  margin-inline:auto;
}
.footer-tags{
  justify-content:center;
}
.footer-top-v45{
  text-align:center;
}
.footer-top-v45>div{
  max-width:820px;
}

/* Navegação móvel com ícones 3D e seção atual visível. */
.mobile-admin-dock .dock-item{
  position:relative;
  min-width:0;
  padding:5px 3px 6px;
  color:#9aa8c3;
  transition:transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;
}
.mobile-admin-dock .dock-item b{
  font-size:.58rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
}
.mobile-admin-dock .dock-icon{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#f7f9ff;
  transform:perspective(180px) rotateX(9deg) translateZ(0);
  box-shadow:0 8px 0 rgba(0,0,0,.22),0 13px 20px rgba(0,0,0,.28),inset 0 2px rgba(255,255,255,.24),inset 0 -3px rgba(0,0,0,.18);
  overflow:hidden;
  isolation:isolate;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,filter .2s ease;
}
.mobile-admin-dock .dock-icon svg{
  width:18px;
  height:18px;
  fill:currentColor;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.28));
  position:relative;
  z-index:2;
}
.mobile-admin-dock .dock-icon-shine{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(135deg,rgba(255,255,255,.32),transparent 40%,rgba(255,255,255,.05) 68%,transparent);
  pointer-events:none;
}
.mobile-admin-dock .dock-icon-home{background:linear-gradient(145deg,#39405f,#151a34)}
.mobile-admin-dock .dock-icon-new{background:linear-gradient(145deg,#be27e9,#ff2d87 62%,#ff586d)}
.mobile-admin-dock .dock-icon-play{background:linear-gradient(145deg,#4b40df,#168ee8 58%,#00b8cf)}
.mobile-admin-dock .dock-icon-account{background:linear-gradient(145deg,#5c2fc5,#b52faf 60%,#e44890)}
.mobile-admin-dock .dock-item:hover .dock-icon,
.mobile-admin-dock .dock-item:active .dock-icon{
  transform:perspective(180px) rotateX(0deg) translateY(-2px) scale(1.04);
}
.mobile-admin-dock .dock-item.is-active{
  color:#fff;
  background:linear-gradient(145deg,rgba(120,54,255,.28),rgba(255,45,168,.18));
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(89,31,192,.18);
}
.mobile-admin-dock .dock-item.is-active .dock-icon{
  transform:perspective(180px) rotateX(0deg) translateY(-3px) scale(1.06);
  filter:saturate(1.24) brightness(1.09);
  box-shadow:0 7px 0 rgba(0,0,0,.2),0 0 0 3px rgba(255,255,255,.12),0 14px 27px rgba(150,44,255,.35),inset 0 2px rgba(255,255,255,.32),inset 0 -3px rgba(0,0,0,.14);
}
.mobile-admin-dock .dock-create{
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
}
.mobile-admin-dock .dock-create .dock-icon{
  width:42px;
  height:42px;
  margin-top:-12px;
  border-radius:15px;
  box-shadow:0 9px 0 rgba(72,10,87,.4),0 17px 28px rgba(255,45,168,.34),inset 0 2px rgba(255,255,255,.3),inset 0 -4px rgba(106,13,113,.28);
}
.mobile-admin-dock .dock-create.is-active .dock-icon{
  box-shadow:0 8px 0 rgba(72,10,87,.38),0 0 0 4px rgba(255,255,255,.13),0 18px 34px rgba(255,45,168,.45),inset 0 2px rgba(255,255,255,.34),inset 0 -4px rgba(106,13,113,.24);
}

@media(max-width:780px){
  .answers-grid.player-answers{
    padding:7px 6px 13px!important;
    margin:-7px -6px -13px!important;
    gap:13px!important;
  }
  .player-game-page .answer-btn.selected{
    transform:translateY(-2px) scale(1.002)!important;
    box-shadow:0 9px 0 rgba(0,0,0,.15),0 0 0 4px rgba(255,255,255,.16),0 0 24px color-mix(in srgb,var(--answer-glow) 44%,transparent),0 20px 36px rgba(0,0,0,.31)!important;
  }
  .mobile-admin-dock{
    min-height:72px;
    align-items:end;
    padding:8px 7px 7px!important;
  }
  .mobile-admin-dock .dock-item{
    min-height:55px!important;
    gap:4px!important;
  }
  .footer-top-v45{
    display:flex!important;
    flex-direction:column;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
  }
  .footer-top-v45 .eyebrow{
    justify-content:center!important;
  }
  .footer-top-v45 h2{
    max-width:540px;
    margin-inline:auto;
  }
  .footer-grid-v4,
  .footer-grid-v45{
    justify-items:center!important;
    align-items:center!important;
  }
  .footer-brand-v4,
  .footer-column-v4,
  .footer-cta-v4{
    width:min(100%,360px)!important;
    margin-inline:auto!important;
    justify-self:center!important;
  }
  .footer-column-v4 a,
  .footer-column-v4 span{
    width:100%;
    text-align:center;
  }
  .footer-cta-v4{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
}

@media(max-width:390px){
  .mobile-admin-dock{
    left:7px!important;
    right:7px!important;
    gap:3px!important;
  }
  .mobile-admin-dock .dock-icon{width:32px;height:32px}
  .mobile-admin-dock .dock-create .dock-icon{width:40px;height:40px}
  .mobile-admin-dock .dock-item b{font-size:.54rem}
}

@media(prefers-reduced-motion:reduce){
  .mobile-admin-dock .dock-icon,
  .mobile-admin-dock .dock-item{transition:none!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V5.4 — RESPONSIVIDADE TOTAL SEM RECORTES
   Mantém o visual 3D e reorganiza cada bloco para telas de 280px a desktop.
   ========================================================================== */

/* Contenção estrutural: nenhum item flex/grid pode ampliar a página. */
.public-v45,
.public-v45 .public-main,
.public-v45 .site-footer-v45{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}
.public-v45 .container,
.public-v45 .topbar-shell,
.public-v45 main,
.public-v45 section,
.public-v45 article,
.public-v45 header,
.public-v45 footer,
.public-v45 nav,
.public-v45 form,
.public-v45 div{
  min-width:0;
  max-width:100%;
}
.public-v45 img,
.public-v45 svg,
.public-v45 video,
.public-v45 canvas{
  max-width:100%;
  height:auto;
}
.public-v45 h1,
.public-v45 h2,
.public-v45 h3,
.public-v45 p,
.public-v45 a,
.public-v45 span,
.public-v45 b,
.public-v45 small{
  overflow-wrap:break-word;
}

@media(max-width:780px){
  .public-v45 .container{
    width:calc(100% - 24px)!important;
    max-width:100%!important;
  }
  .public-v45 .topbar-shell{
    width:calc(100% - 20px)!important;
    gap:8px!important;
  }
  .public-v45 .brand-v41{
    flex:0 1 150px;
    max-width:150px;
  }
  .public-v45 .brand-v41 img{
    width:clamp(118px,34vw,154px)!important;
    max-width:100%!important;
  }
  .public-v45 .topnav-v41{
    flex:0 0 auto;
    min-width:0;
  }
  .public-v45 .topnav-v41 .public-nav-cta{
    max-width:46vw;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Hero: texto sempre dentro da tela, cards empilhados e mascote centralizado. */
  .public-v45 .hero-v45{
    min-height:auto!important;
    padding:28px 0 54px!important;
  }
  .public-v45 .hero-pro-grid{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:30px!important;
  }
  .public-v45 .hero-pro-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    text-align:left!important;
  }
  .public-v45 .hero-kicker{
    max-width:100%;
    white-space:normal;
    line-height:1.35;
  }
  .public-v45 .hero-v4 .hero-pro-copy h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(2.4rem,11.5vw,4.35rem)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
    margin:0 0 18px!important;
    text-wrap:balance;
    word-break:normal;
    overflow-wrap:normal;
  }
  .public-v45 .hero-lead{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 22px!important;
    font-size:clamp(.92rem,3.7vw,1.03rem)!important;
    line-height:1.65!important;
  }
  .public-v45 .hero-v4 .hero-proof{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:10px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    touch-action:pan-y!important;
  }
  .public-v45 .hero-proof-v4>div{
    width:100%!important;
    min-height:78px!important;
    flex:none!important;
    scroll-snap-align:none!important;
  }
  .public-v45 .hero-v4 .hero-mini-badges{
    width:100%!important;
    margin:16px 0 0!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:7px!important;
  }
  .public-v45 .hero-v4 .hero-mini-badges span{
    flex:0 1 auto!important;
    white-space:normal;
    text-align:center;
  }
  .public-v45 .hero-v45 .hero-pro-copy:after{
    margin-top:20px!important;
  }

  .public-v45 .hero-v4 .hero-visual{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .public-v45 .hero-v4 .mascot-scene{
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    top:auto!important;
    width:min(330px,94vw)!important;
    max-width:100%!important;
    margin:0 auto -66px!important;
    opacity:.92!important;
    flex:none;
  }
  .public-v45 .join-card-v4{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:500px!important;
    margin:0 auto!important;
    padding:20px!important;
    z-index:10;
  }
  .public-v45 .join-card-v4 .pin-input{
    width:100%!important;
    max-width:100%!important;
    padding-inline:25px!important;
    font-size:clamp(1.55rem,8vw,2rem)!important;
    letter-spacing:clamp(.16em,1.5vw,.28em)!important;
  }

  /* Seções internas sem grids largos, rotações ou transformações que recortam. */
  .public-v45 .section-block{
    padding:68px 0!important;
  }
  .public-v45 .section-intro{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:30px!important;
  }
  .public-v45 .section-intro h2{
    font-size:clamp(2rem,9vw,3.1rem)!important;
    line-height:1.03!important;
    text-wrap:balance;
  }
  .public-v45 .section-intro p{
    font-size:.95rem!important;
    line-height:1.65!important;
  }
  .public-v45 .feature-showcase-v4{
    width:100%!important;
    grid-template-columns:1fr!important;
    padding:22px!important;
    gap:25px!important;
    overflow:hidden!important;
  }
  .public-v45 .feature-showcase-copy,
  .public-v45 .feature-dashboard-v4{
    width:100%!important;
    max-width:100%!important;
  }
  .public-v45 .feature-showcase-copy h2{
    font-size:clamp(2rem,8.8vw,3rem)!important;
    line-height:1.04!important;
  }
  .public-v45 .feature-dashboard-v4{
    transform:none!important;
  }
  .public-v45 .preview-question h3{
    overflow-wrap:anywhere;
  }
  .public-v45 .public-cta-card{
    width:100%!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:14px!important;
    padding:20px!important;
  }
  .public-v45 .public-cta-card>div{
    min-width:0;
  }
  .public-v45 .public-cta-card .btn{
    grid-column:1/-1!important;
    width:100%!important;
  }

  /* Rodapé: todas as colunas e cards centralizados dentro do viewport. */
  .public-v45 .footer-top-v45,
  .public-v45 .footer-grid-v45,
  .public-v45 .footer-bottom-v4{
    width:100%!important;
    max-width:100%!important;
  }
  .public-v45 .footer-top-v45 h2{
    font-size:clamp(1.75rem,8vw,2.6rem)!important;
    text-wrap:balance;
  }
  .public-v45 .footer-brand-v4,
  .public-v45 .footer-column-v4,
  .public-v45 .footer-cta-v4{
    max-width:100%!important;
  }
}

@media(max-width:520px){
  .public-v45 .container{
    width:calc(100% - 18px)!important;
  }
  .public-v45 .topbar-shell{
    width:calc(100% - 14px)!important;
  }
  .public-v45 .hero-v45{
    padding-top:20px!important;
  }
  .public-v45 .hero-v4 .hero-pro-copy h1{
    font-size:clamp(2.25rem,11.1vw,3.6rem)!important;
  }
  .public-v45 .hero-kicker{
    padding:8px 10px!important;
    font-size:.6rem!important;
    letter-spacing:.1em!important;
  }
  .public-v45 .hero-v4 .mascot-scene{
    width:min(300px,92vw)!important;
    margin-bottom:-58px!important;
  }
  .public-v45 .join-card-v4{
    padding:18px!important;
    border-radius:23px!important;
  }
  .public-v45 .join-card-head{
    gap:11px!important;
  }
  .public-v45 .join-icon-pro{
    width:50px!important;
    height:50px!important;
    border-radius:16px!important;
  }
  .public-v45 .preview-answers{
    grid-template-columns:1fr!important;
  }
  .public-v45 .preview-answers div{
    min-height:54px!important;
  }
  .public-v45 .public-cta-card{
    grid-template-columns:1fr!important;
    text-align:center;
  }
  .public-v45 .cta-mascot-mini{
    margin-inline:auto;
  }
  .public-v45 .public-cta-card .eyebrow{
    justify-content:center;
  }
  .public-v45 .public-cta-card .btn{
    grid-column:auto!important;
  }
}

@media(max-width:380px){
  .public-v45 .brand-v41{
    flex-basis:118px;
    max-width:118px;
  }
  .public-v45 .brand-v41 img{
    width:112px!important;
  }
  .public-v45 .topnav-v41 .public-nav-cta{
    max-width:142px;
    min-height:38px!important;
    padding:7px 9px!important;
    font-size:.62rem!important;
  }
  .public-v45 .hero-v4 .hero-pro-copy h1{
    font-size:clamp(2.12rem,10.7vw,2.65rem)!important;
    letter-spacing:-.035em!important;
  }
  .public-v45 .hero-lead{
    font-size:.9rem!important;
  }
  .public-v45 .hero-proof b{
    font-size:.75rem!important;
  }
  .public-v45 .hero-proof small{
    font-size:.66rem!important;
  }
  .public-v45 .hero-v4 .mascot-scene{
    width:min(276px,91vw)!important;
    margin-bottom:-50px!important;
  }
  .public-v45 .join-card-v4{
    padding:16px!important;
  }
  .public-v45 .join-card-v4 .join-card-head h2{
    font-size:1.15rem!important;
  }
  .public-v45 .join-card-v4>p{
    font-size:.8rem!important;
  }
  .public-v45 .join-card-v4 .pin-input{
    height:60px!important;
    font-size:1.55rem!important;
    letter-spacing:.16em!important;
  }
  .public-v45 .section-block{
    padding:56px 0!important;
  }
  .public-v45 .feature-card-v4,
  .public-v45 .moment-card{
    padding:19px!important;
    border-radius:23px!important;
  }
  .public-v45 .feature-showcase-v4{
    padding:17px!important;
    border-radius:23px!important;
  }
}

/* Larguras extremamente compactas: mantém navegação e títulos utilizáveis. */
@media(max-width:330px){
  .public-v45 .topnav-v41 .public-nav-cta b{
    display:none!important;
  }
  .public-v45 .topnav-v41 .public-nav-cta:after{
    content:"Entrar";
    font-weight:900;
  }
  .public-v45 .topnav-v41 .public-nav-cta{
    max-width:none!important;
  }
  .public-v45 .hero-v4 .hero-pro-copy h1{
    font-size:2rem!important;
  }
  .public-v45 .hero-mini-badges span{
    font-size:.56rem!important;
  }
}

/* Paisagem em celulares: remove alturas artificiais e evita blocos fora da tela. */
@media(max-width:950px) and (max-height:520px) and (orientation:landscape){
  .public-v45 .hero-v45{
    min-height:auto!important;
    padding:22px 0 42px!important;
  }
  .public-v45 .hero-pro-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(280px,.82fr)!important;
    gap:24px!important;
    align-items:start!important;
  }
  .public-v45 .hero-v4 .hero-pro-copy h1{
    font-size:clamp(2.25rem,6vw,3.5rem)!important;
  }
  .public-v45 .hero-v4 .hero-proof{
    grid-template-columns:1fr!important;
  }
  .public-v45 .hero-v4 .hero-visual{
    align-self:start!important;
  }
  .public-v45 .hero-v4 .mascot-scene{
    width:min(260px,36vw)!important;
    margin-bottom:-54px!important;
  }
}

/* ========================================================================== 
   REAL LIVE ARENA V5.5 — CORREÇÕES FINAIS DE RESPONSIVIDADE MOBILE
   Corrige recortes na faixa 01–06, centraliza os cards finais e oculta a barra
   visual de rolagem no mobile sem impedir o gesto natural do dedo.
   ========================================================================== */

@media (max-width: 780px){
  /* rolagem normal com o dedo, mas sem exibir a barra visual */
  html, body,
  .public-v45,
  .public-v45 .public-main,
  .public-v45 .site-footer-v45{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  .public-v45::-webkit-scrollbar,
  .public-v45 .public-main::-webkit-scrollbar,
  .public-v45 .site-footer-v45::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  /* Faixa 01–06 sem cortes nem sobreposição */
  .public-v45 .experience-strip{
    padding:8px 0 10px!important;
    overflow:hidden!important;
  }
  .public-v45 .experience-marquee{
    width:100%!important;
    overflow:hidden!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .public-v45 .experience-marquee-track{
    display:flex!important;
    align-items:center!important;
    width:max-content!important;
    animation:arenaMarquee 36s linear infinite!important;
  }
  .public-v45 .experience-loop{
    min-height:54px!important;
    padding:0 10px 0 0!important;
    gap:8px!important;
    align-items:center!important;
  }
  .public-v45 .experience-loop span{
    min-height:38px!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    font-size:.64rem!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .public-v45 .experience-loop b{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    font-size:.58rem!important;
  }

  /* Blocos antes do rodapé sempre centralizados */
  .public-v45 .footer-top-v45,
  .public-v45 .footer-grid-v45,
  .public-v45 .footer-bottom-v4{
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
    justify-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .public-v45 .footer-grid-v45{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .public-v45 .footer-brand-v4,
  .public-v45 .footer-column-v4,
  .public-v45 .footer-cta-v4{
    width:min(100%,340px)!important;
    max-width:340px!important;
    margin-inline:auto!important;
    align-items:center!important;
    justify-self:center!important;
    text-align:center!important;
  }
  .public-v45 .footer-brand-v4 p,
  .public-v45 .footer-column-v4 a,
  .public-v45 .footer-column-v4 span,
  .public-v45 .footer-cta-v4 strong,
  .public-v45 .footer-cta-v4 span{
    text-align:center!important;
    margin-inline:auto!important;
  }
}

@media (max-width: 430px){
  .public-v45 .experience-strip{
    padding:7px 0 9px!important;
  }
  .public-v45 .experience-marquee-track{
    animation-duration:32s!important;
  }
  .public-v45 .experience-loop{
    min-height:50px!important;
    gap:7px!important;
  }
  .public-v45 .experience-loop span{
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:.61rem!important;
  }
  .public-v45 .experience-loop b{
    width:22px!important;
    height:22px!important;
    font-size:.55rem!important;
  }
  .public-v45 .footer-brand-v4,
  .public-v45 .footer-column-v4,
  .public-v45 .footer-cta-v4{
    width:min(100%,320px)!important;
    max-width:320px!important;
  }
}

@media (max-width: 360px){
  /* Em telas muito estreitas, reduz ainda mais a faixa para não cortar. */
  .public-v45 .experience-loop{
    min-height:46px!important;
    gap:6px!important;
    padding-right:8px!important;
  }
  .public-v45 .experience-loop span{
    padding:6px 8px!important;
    font-size:.58rem!important;
    border-radius:12px!important;
  }
  .public-v45 .experience-loop b{
    width:20px!important;
    height:20px!important;
    font-size:.52rem!important;
  }
}

/* ========================================================================== 
   REAL LIVE ARENA V6.0 — PERFORMANCE, MAIS VIDA E ROLAGEM SEM BARRA VISUAL
   ========================================================================== */

/* A página continua rolando por mouse, teclado e toque, porém sem a barra visual. */
html,body,
.public-v45,
.public-v45 .public-main,
.public-v45 .site-footer-v45{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.public-v45::-webkit-scrollbar,
.public-v45 .public-main::-webkit-scrollbar,
.public-v45 .site-footer-v45::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* Fundo mais vivo, sem filtros fixos pesados. */
body.public-v45{
  background:
    radial-gradient(circle at 14% 12%,rgba(116,55,255,.34),transparent 34%),
    radial-gradient(circle at 86% 18%,rgba(0,211,255,.24),transparent 31%),
    radial-gradient(circle at 58% 64%,rgba(255,45,168,.17),transparent 38%),
    linear-gradient(145deg,#09051a 0%,#0c0a25 42%,#071e2b 100%)!important;
}
body.public-v45:before{
  position:absolute!important;
  min-height:100%;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.58;
}
.public-v45 .hero-v45{
  background:
    radial-gradient(circle at 22% 32%,rgba(122,61,255,.25),transparent 38%),
    radial-gradient(circle at 82% 42%,rgba(0,216,255,.18),transparent 35%),
    linear-gradient(180deg,rgba(14,8,34,.72),rgba(6,12,27,.34))!important;
}
.public-v45 .section-block{
  position:relative;
  content-visibility:auto;
  contain-intrinsic-size:760px;
}
.public-v45 .section-block:nth-of-type(even){
  background:linear-gradient(180deg,rgba(31,18,70,.17),rgba(4,18,31,.12));
}
.public-v45 .glass-card,
.public-v45 .feature-card,
.public-v45 .moment-card,
.public-v45 .footer-column-v4,
.public-v45 .footer-brand-v4,
.public-v45 .footer-cta-v4{
  background-color:rgba(22,24,58,.72)!important;
  border-color:rgba(180,161,255,.2)!important;
}
.public-v45 .site-footer-v45{
  background:
    radial-gradient(circle at 25% 10%,rgba(126,55,255,.18),transparent 35%),
    radial-gradient(circle at 82% 20%,rgba(0,204,255,.14),transparent 32%),
    linear-gradient(180deg,#080719,#050611 62%,#03040a)!important;
}

/* Camada leve para aparelhos menores. Mantém o design, elimina os filtros caros. */
@media(max-width:780px){
  .public-v45 .glass-card,
  .public-v45 .topbar,
  .public-v45 .join-card-pro,
  .game-bar,
  .host-controls,
  .arena-dialog-layer{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .public-v45 .hero-pro:before,
  .public-v45 .mascot-orbit,
  .public-v45 .reaction-bubble{
    animation:none!important;
  }
  .public-v45 .hero-pro:before{
    opacity:.36;
  }
  .public-v45 .section-block{
    contain-intrinsic-size:620px;
  }
}

html.low-power-device .spark-field,
html.low-power-device .mascot-orbit,
html.low-power-device .reaction-bubble,
html.low-power-device .card-spark{
  display:none!important;
}
html.low-power-device .arena-mascot,
html.low-power-device .stage-mascot,
html.low-power-device .trophy{
  animation:none!important;
}
html.low-power-device .glass-card,
html.low-power-device .game-bar,
html.low-power-device .host-controls{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* ========================================================================== 
   REAL LIVE ARENA V6.1 — CONTAS DE CRIADOR, RODAPÉ SEM BARRA E PERFORMANCE
   ========================================================================== */

/* Remove literalmente a barra visual de rolagem em toda a aplicação.
   A página continua rolando normalmente pelo mouse, teclado e toque. */
html,body,*{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
}

/* O rodapé permanece no fluxo normal da página, sem área interna rolável. */
.site-footer-pro,
.site-footer-v4,
.site-footer-v45,
.footer-top-v45,
.footer-grid-v45,
.footer-bottom-v4{
  position:relative!important;
  overflow:visible!important;
  overflow-x:clip!important;
  max-height:none!important;
  height:auto!important;
}

/* Mais vida visual com gradientes estáticos leves. */
body.public-v45{
  background:
    radial-gradient(circle at 11% 9%,rgba(140,61,255,.42),transparent 31%),
    radial-gradient(circle at 88% 16%,rgba(0,221,255,.3),transparent 30%),
    radial-gradient(circle at 65% 54%,rgba(255,45,168,.2),transparent 36%),
    linear-gradient(142deg,#0c0623 0%,#101139 43%,#062b3b 100%)!important;
}
.public-v45 .hero-v45{
  background:
    radial-gradient(circle at 18% 28%,rgba(139,72,255,.34),transparent 39%),
    radial-gradient(circle at 86% 37%,rgba(0,216,255,.25),transparent 36%),
    linear-gradient(180deg,rgba(20,10,52,.76),rgba(7,20,38,.4))!important;
}
.public-v45 .experience-strip{
  background:linear-gradient(90deg,#27105b,#142c68 50%,#07506a)!important;
}
.public-v45 .site-footer-v45{
  background:
    radial-gradient(circle at 22% 0%,rgba(133,56,255,.27),transparent 35%),
    radial-gradient(circle at 82% 8%,rgba(0,213,255,.2),transparent 34%),
    linear-gradient(180deg,#0b0922,#060816 62%,#04050c)!important;
}

/* Navegação pública com entrada de criador e cadastro. */
.public-nav-create{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border-radius:13px;
  color:#fff;
  font-size:.72rem;
  font-weight:950;
  background:linear-gradient(135deg,#8138ff,#ff2d9a);
  box-shadow:0 10px 24px rgba(168,45,255,.25),inset 0 1px rgba(255,255,255,.24);
  border:1px solid rgba(255,255,255,.14);
}
.public-nav-create:hover{transform:translateY(-2px);filter:brightness(1.08)}
.public-login-link span{color:#52edba}

/* Bloco de cadastro para criação de quizzes. */
.creator-cta-section{padding-top:28px!important}
.creator-cta-v61{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:30px;
  padding:38px 42px;
  background:
    radial-gradient(circle at 8% 50%,rgba(138,58,255,.32),transparent 31%),
    radial-gradient(circle at 92% 50%,rgba(0,214,255,.2),transparent 33%),
    linear-gradient(135deg,rgba(35,25,91,.94),rgba(10,45,66,.92))!important;
  border-color:rgba(117,225,255,.25)!important;
}
.creator-cta-copy h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;margin:12px 0 14px;letter-spacing:-.045em}
.creator-cta-copy p{max-width:760px;color:#c1cce0;line-height:1.65}
.creator-cta-actions{display:grid;gap:10px;min-width:220px}
.footer-top-actions-v61{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* Cadastro e autenticação dos criadores. */
.register-shell-v61{padding-block:34px}
.registration-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.account-consent{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:13px 14px;border-radius:14px;background:rgba(75,58,146,.18);border:1px solid rgba(185,157,255,.2)}
.account-consent input{width:19px!important;height:19px!important;min-height:19px!important;margin-top:1px;accent-color:#ab43ff}
.account-consent span{font-size:.74rem;line-height:1.45;color:#c8d3e7}
.password-rules-v61{padding:12px 13px;border-radius:13px;background:rgba(0,203,255,.07);border:1px solid rgba(0,211,255,.16);color:#b8eefd;font-size:.73rem;line-height:1.45}
.welcome-notice-v61{margin:0 0 18px!important;font-size:.86rem}

/* Renderização mais leve: seções fora da tela não consomem pintura contínua. */
@supports (content-visibility:auto){
  .public-v45 .how-it-works,
  .public-v45 .arena-features,
  .public-v45 .arena-moments,
  .public-v45 .public-cta-section,
  .public-v45 .creator-cta-section{
    content-visibility:auto;
    contain-intrinsic-size:1px 720px;
  }
}
html.tab-hidden *{animation-play-state:paused!important}

@media(max-width:980px){
  .public-how-link{display:none!important}
  .creator-cta-v61{grid-template-columns:1fr;text-align:center;padding:30px 24px}
  .creator-cta-copy .eyebrow{justify-content:center}
  .creator-cta-copy p{margin-inline:auto}
  .creator-cta-actions{width:min(100%,420px);margin-inline:auto}
}

@media(max-width:780px){
  .public-login-link{display:none!important}
  .public-nav-create{padding:8px 10px;font-size:.64rem}
  .creator-cta-v61{padding:24px 18px;border-radius:24px}
  .creator-cta-copy h2{font-size:clamp(1.8rem,8.8vw,2.7rem)}
  .footer-top-actions-v61{width:100%;display:grid}
  .footer-top-actions-v61 .btn{width:100%}
  .register-shell-v61{padding:22px 11px;min-height:100dvh}
  .register-shell-v61 .auth-card{padding:20px;border-radius:25px}
  .register-shell-v61 .auth-visual{display:none}
  .public-v45 .section-block{content-visibility:visible!important;contain:none!important}
}

@media(max-width:430px){
  .public-nav-create b{display:none}
  .public-nav-create:after{content:'Criar';font-weight:950}
  .public-nav-create{min-width:62px;justify-content:center}
  .creator-cta-v61{padding:22px 15px}
}

/* Aparelhos com menos recursos mantêm a identidade sem efeitos caros. */
html.low-power-device .mesh-gradient,
html.low-power-device .laser-beam,
html.low-power-device .ambient-orb,
html.low-power-device .card-spark,
html.low-power-device .join-card-glow{
  display:none!important;
}
html.low-power-device .tilt-card,
html.low-power-device .magnetic{
  transform:none!important;
  transition:filter .16s ease!important;
}

/* Administração principal de contas */
.shortcut-gold{background:linear-gradient(145deg,rgba(255,166,35,.2),rgba(255,68,137,.12))!important;border-color:rgba(255,190,80,.22)!important}
.shortcut-gold .shortcut-icon-v4{background:linear-gradient(145deg,#ffad28,#ff5c7a)!important;color:#231200!important}
.accounts-stats-v61{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.accounts-table-v61{padding:24px}
.accounts-table-v61 .table-subline{display:block;margin-top:5px;color:#91a0ba;font-size:.72rem;font-weight:600}
.accounts-table-v61 td form{margin:0}
@media(max-width:900px){.accounts-stats-v61{grid-template-columns:1fr!important}.accounts-table-v61{padding:16px}.creator-accounts-page .table-wrap{overflow-x:auto!important}}

/* ========================================================================== 
   REAL LIVE ARENA V6.2 — ADMINISTRAÇÃO GLOBAL E ALTA CONCORRÊNCIA
   ========================================================================== */
body.admin-control-page,
body.admin-control-login{
  background:
    radial-gradient(circle at 8% 8%,rgba(133,57,255,.34),transparent 30%),
    radial-gradient(circle at 90% 16%,rgba(0,214,255,.25),transparent 31%),
    radial-gradient(circle at 58% 78%,rgba(255,45,168,.16),transparent 36%),
    linear-gradient(145deg,#0b0722 0%,#0c1632 48%,#062634 100%)!important;
}
.admin-control-topbar{background:linear-gradient(90deg,rgba(11,7,34,.96),rgba(7,30,47,.96))!important;border-bottom:1px solid rgba(0,215,255,.23)}
.admin-control-nav{gap:5px!important}
.admin-control-nav .nav-link{padding-inline:10px!important}
.admin-control-nav .nav-link b{font-size:.67rem}
.admin-workspace-link{background:linear-gradient(135deg,rgba(124,58,237,.75),rgba(0,184,219,.65))!important}
.admin-command-hero{background:radial-gradient(circle at 18% 10%,rgba(153,76,255,.3),transparent 35%),radial-gradient(circle at 88% 28%,rgba(0,216,255,.2),transparent 35%),linear-gradient(145deg,rgba(30,25,75,.94),rgba(7,38,57,.92))!important}
.admin-global-stats{margin-top:18px}
.admin-overview-grid{margin-top:24px}
.admin-list-link{text-decoration:none;color:inherit;transition:transform .18s ease,background .18s ease}
.admin-list-link:hover{transform:translateX(4px);background:rgba(126,75,255,.12)}
.quiz-admin-summary{margin-bottom:22px;padding:24px}
.admin-question-preview{display:grid;gap:15px}
.admin-question-preview>article{padding:22px!important}
.admin-answer-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}
.admin-answer-preview span{display:flex;align-items:center;gap:9px;min-height:50px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:#dce5f5;font-weight:750}
.admin-answer-preview span b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(129,66,255,.25)}
.admin-answer-preview span.is-correct{background:rgba(33,220,143,.13);border-color:rgba(67,241,174,.38);color:#8ff4ca}
.audit-context{display:block;max-width:620px;white-space:normal;overflow-wrap:anywhere;color:#b9c8e1;font-size:.72rem}
.system-health-list{display:grid;gap:9px;margin-top:18px}
.system-health-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.health-ok{color:#67f3b8}.health-error{color:#ff7791}
.notice.warning{background:rgba(255,184,43,.12);border-color:rgba(255,196,72,.3);color:#ffe0a3}

/* Mais contraste sem filtros caros. */
body.public-v45{
  background:
    radial-gradient(circle at 10% 8%,rgba(147,63,255,.46),transparent 30%),
    radial-gradient(circle at 91% 15%,rgba(0,222,255,.34),transparent 30%),
    radial-gradient(circle at 62% 56%,rgba(255,45,168,.22),transparent 36%),
    linear-gradient(142deg,#10072c 0%,#101945 43%,#073347 100%)!important;
}
.public-v45 .section-block:nth-of-type(even){background:linear-gradient(180deg,rgba(50,28,104,.2),rgba(5,37,54,.17))}

/* Em telas menores, a navegação administrativa vira dock e o topo fica limpo. */
@media(max-width:1180px){
  .admin-control-nav .nav-link b{display:none}
  .admin-control-nav .nav-link{width:40px;height:40px;justify-content:center;padding:0!important}
  .admin-control-nav .nav-pill b{font-size:.62rem}
}
@media(max-width:780px){
  body.admin-control-page{padding-bottom:86px}
  .admin-control-topbar .admin-control-nav{display:none!important}
  .admin-command-hero{padding:24px 18px!important}
  .admin-global-stats{grid-template-columns:1fr 1fr!important}
  .admin-answer-preview{grid-template-columns:1fr}
  .admin-overview-grid{grid-template-columns:1fr!important}
  .admin-control-dock{display:grid!important}
  .responsive-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .admin-control-page .table-card{padding:14px!important}
}
@media(max-width:430px){
  .admin-global-stats{grid-template-columns:1fr!important}
  .admin-command-hero h1{font-size:2.1rem!important}
  .admin-question-preview>article{padding:17px!important}
}

/* Camada de desempenho: mantém a identidade visual e corta trabalho invisível. */
html.compact-device .arena-atmosphere .laser-beam,
html.compact-device .arena-atmosphere .spark-field,
html.low-power-device .arena-atmosphere{display:none!important}
html.compact-device .tilt-card,
html.compact-device .magnetic{transform:none!important}
html.compact-device .reveal-up{transition-duration:.28s!important}
html.tab-hidden .arena-atmosphere{display:none!important}

/* ========================================================================== 
   REAL LIVE ARENA V6.3 — Correções finais de navegação, faixa 01–06 e rodapé
   ========================================================================== */

/* Remove o brilho/listra automática dos botões e evita sublinhados/linhas. */
.btn::before,
.topnav-v41 .nav-link::after,
.topnav-v41 .public-nav-link::after,
.topnav-v41 .public-nav-cta::after,
.public-nav-create::before,
.public-nav-create::after{
  display:none!important;
  content:none!important;
}
.btn,
.topnav-v41 .nav-link,
.topnav-v41 .public-nav-link,
.topnav-v41 .public-nav-cta,
.public-nav-create{
  text-decoration:none!important;
  background-image:none!important;
}

/* Botões do cabeçalho visíveis e com aparência de botão real. */
.topnav-v41{
  align-items:center!important;
  gap:10px!important;
}
.topnav-v41 .public-nav-link,
.topnav-v41 .public-nav-cta,
.public-nav-create{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.12)!important;
}
.topnav-v41 .public-how-link,
.topnav-v41 .public-login-link{
  background:linear-gradient(145deg,rgba(44,52,89,.96),rgba(18,24,49,.98))!important;
  color:#edf3ff!important;
}
.topnav-v41 .public-how-link span,
.topnav-v41 .public-login-link span{
  width:22px!important;
  height:22px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.08)!important;
}
.topnav-v41 .public-nav-cta{
  background:linear-gradient(135deg,#7b39ff,#ff2da8 62%,#00bedc)!important;
  color:#fff!important;
}
.public-nav-create{
  background:linear-gradient(135deg,#8a39ff,#ff2da0)!important;
  color:#fff!important;
}

/* Mobile: mostrar texto nos botões criar e jogar/entrar. */
@media (max-width: 430px){
  .public-nav-create,
  .topnav-v41 .public-nav-cta{
    min-width:auto!important;
    padding:8px 11px!important;
    font-size:.68rem!important;
  }
  .public-nav-create b,
  .topnav-v41 .public-nav-cta b{
    display:inline!important;
  }
  .public-nav-create::after,
  .topnav-v41 .public-nav-cta::after{
    display:none!important;
    content:none!important;
  }
}

/* Faixa 01–06 corrigida: sem sobreposição, sem scroll interno e sem duplicação visível. */
.experience-strip,
.public-v45 .experience-strip{
  overflow:hidden!important;
}
.experience-marquee,
.public-v45 .experience-marquee{
  overflow:visible!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.experience-marquee-track,
.public-v45 .experience-marquee-track{
  width:100%!important;
  display:block!important;
  animation:none!important;
  transform:none!important;
}
.experience-loop,
.public-v45 .experience-loop{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  min-height:auto!important;
  padding:10px 12px!important;
  white-space:normal!important;
}
.experience-loop[aria-hidden="true"],
.public-v45 .experience-loop[aria-hidden="true"]{
  display:none!important;
}
.experience-loop span,
.public-v45 .experience-loop span{
  flex:0 1 auto!important;
  white-space:nowrap!important;
}

/* Rodapé sem rolagem interna: tudo faz parte da mesma página. */
.site-footer-v45,
.site-footer-v45 .footer-top-v45,
.site-footer-v45 .footer-grid-v45,
.site-footer-v45 .footer-bottom-v4,
.public-v45 .site-footer-v45,
.public-v45 .footer-top-v45,
.public-v45 .footer-grid-v45,
.public-v45 .footer-bottom-v4{
  overflow:visible!important;
  overflow-x:visible!important;
}
.footer-top-v45,
.footer-grid-v45,
.footer-bottom-v4{
  position:relative!important;
  z-index:2!important;
}

/* Colunas e cards finais centralizados e bem distribuídos. */
.footer-grid-v45,
.public-v45 .footer-grid-v45{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:22px!important;
}
.footer-brand-v4,
.footer-column-v4,
.footer-cta-v4{
  min-width:0!important;
}
.footer-bottom-v4{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  gap:10px!important;
}
@media (max-width: 980px){
  .footer-grid-v45,
  .public-v45 .footer-grid-v45{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 780px){
  .footer-grid-v45,
  .public-v45 .footer-grid-v45{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .footer-brand-v4,
  .footer-column-v4,
  .footer-cta-v4{
    width:min(100%,360px)!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  .footer-bottom-v4{
    justify-content:center!important;
    text-align:center!important;
  }
  .experience-loop,
  .public-v45 .experience-loop{
    justify-content:flex-start!important;
    gap:8px!important;
    padding:8px 10px!important;
  }
  .experience-loop span,
  .public-v45 .experience-loop span{
    font-size:.64rem!important;
  }
}


/* ========================================================================== 
   REAL LIVE ARENA V7.5 — ADMIN MODERNO, RESPONSIVO E SEM FUNDO PRETO PURO
   ========================================================================== */
body.admin-control-page,
body.admin-control-login{
  background:
    radial-gradient(circle at 7% 10%,rgba(148,76,255,.30),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(0,214,255,.24),transparent 28%),
    radial-gradient(circle at 52% 88%,rgba(255,45,168,.18),transparent 34%),
    linear-gradient(145deg,#100b36 0%,#10224b 50%,#083b52 100%)!important;
}
.admin-control-topbar,
.admin-control-login .topbar,
.game-bar{
  background:linear-gradient(90deg,rgba(13,11,43,.96),rgba(9,31,59,.94))!important;
  border-bottom:1px solid rgba(0,220,255,.24)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
.admin-topbar-shell{
  width:min(1360px,calc(100% - 26px))!important;
  gap:14px!important;
}
.admin-brand-zone{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.admin-control-topbar .brand img{
  width:236px!important;
  max-width:100%;
}
.admin-section-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(0,184,219,.18));
  border:1px solid rgba(180,227,255,.18);
  color:#eef4ff;
  box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.08);
  white-space:nowrap;
}
.admin-section-pill span{font-size:.72rem;color:#63f2cb}
.admin-control-nav{
  flex:1;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px!important;
}
.admin-control-nav .nav-link,
.admin-control-nav .nav-pill{
  min-height:44px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(39,44,88,.90),rgba(17,22,49,.96))!important;
  box-shadow:0 12px 26px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.08)!important;
  padding:10px 13px!important;
  text-decoration:none!important;
}
.admin-control-nav .nav-link span,
.admin-control-nav .nav-pill span{
  width:24px;height:24px;display:grid;place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.10)!important;
  font-size:.78rem;
}
.admin-control-nav .nav-link b,
.admin-control-nav .nav-pill b{font-size:.76rem!important}
.admin-control-nav .nav-link.active{
  background:linear-gradient(135deg,rgba(123,57,255,.98),rgba(255,45,168,.90),rgba(0,190,220,.82))!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:0 14px 36px rgba(124,58,237,.32),0 0 24px rgba(0,190,220,.18)!important;
}
.admin-control-nav .nav-link.active span{background:rgba(255,255,255,.18)!important}
.admin-control-nav .admin-back-link{
  background:linear-gradient(135deg,rgba(46,82,145,.70),rgba(24,39,88,.94))!important;
}
.admin-workspace-link{
  background:linear-gradient(135deg,#20d2b3,#4285ff)!important;
  color:#fff!important;
}
.nav-pill-logout{
  background:linear-gradient(135deg,rgba(255,100,126,.78),rgba(167,54,120,.82))!important;
  color:#fff!important;
}
.admin-command-hero,
.admin-control-page .glass-card,
.admin-control-page .card,
.admin-control-page .table-card,
.admin-control-page .auth-card,
.admin-control-page .lobby-code,
.admin-control-page .players-card{
  background:
    radial-gradient(circle at 84% 8%,rgba(255,45,168,.12),transparent 24%),
    radial-gradient(circle at 14% 14%,rgba(123,56,255,.16),transparent 28%),
    linear-gradient(145deg,rgba(27,28,78,.94),rgba(8,31,55,.92))!important;
  border-color:rgba(163,197,255,.18)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.06)!important;
}
.admin-shortcuts .shortcut-card-v4,
.admin-control-page .shortcut-card-v4{
  background:
    radial-gradient(circle at 88% 14%,rgba(255,45,168,.12),transparent 24%),
    linear-gradient(145deg,rgba(24,28,72,.95),rgba(9,30,51,.94))!important;
  border-color:rgba(180,208,255,.18)!important;
}
.admin-control-page .shortcut-card-v4 b:last-child,
.admin-control-page .shortcut-card-v4 > b{
  color:#fff!important;
}
.admin-control-page .section-head,
.admin-control-page .subsection-head{
  gap:16px;
}
.admin-control-page .eyebrow{color:#d5def6}
.admin-control-page .btn.success,
.host-controls .btn.success{
  background:linear-gradient(135deg,#16c977,#3df0b3)!important;
  color:#ffffff!important;
  text-shadow:none!important;
  box-shadow:0 14px 34px rgba(23,214,145,.24)!important;
}
.host-controls .btn.success{background:linear-gradient(135deg,#25c86d,#39d89d,#3ef0cf)!important}
.host-controls,
.game-page .host-controls{
  background:linear-gradient(145deg,rgba(15,20,53,.92),rgba(8,18,39,.90))!important;
  border-color:rgba(255,255,255,.12)!important;
}
.game-page{
  background:
    radial-gradient(circle at 10% 10%,rgba(123,56,255,.18),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(0,214,255,.16),transparent 24%),
    linear-gradient(145deg,#100a30 0%,#102145 48%,#093049 100%)!important;
}
.game-stage{background:transparent!important}
.admin-control-page .admin-footer-v4,
.admin-control-page footer,
.admin-control-page .site-footer-pro{
  background:linear-gradient(180deg,rgba(17,21,54,.55),rgba(11,30,49,.78))!important;
  border-top:1px solid rgba(255,255,255,.08);
}
/* Mobile admin: manter o topo visível, em linha e sem cortar botões. */
@media (max-width: 980px){
  .admin-topbar-shell{
    flex-direction:column;
    align-items:stretch!important;
    padding:10px 0!important;
  }
  .admin-brand-zone{
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .admin-control-nav{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .admin-control-nav::-webkit-scrollbar{display:none}
  .admin-control-nav .nav-link,
  .admin-control-nav .nav-pill{flex:0 0 auto!important}
}
@media (max-width: 780px){
  body.admin-control-page{padding-bottom:94px}
  .admin-control-topbar .admin-control-nav{display:flex!important}
  .admin-control-dock{display:grid!important}
  .admin-control-topbar .brand img{width:174px!important}
  .admin-section-pill{font-size:.72rem;padding:8px 12px}
  .admin-control-nav .nav-link b,
  .admin-control-nav .nav-pill b{display:inline!important;font-size:.68rem!important}
  .admin-control-nav .nav-link,
  .admin-control-nav .nav-pill{min-height:40px!important;padding:8px 11px!important}
  .admin-global-stats{grid-template-columns:1fr 1fr!important}
  .admin-overview-grid{grid-template-columns:1fr!important}
  .admin-command-hero{padding:22px 18px!important}
  .admin-control-page .shortcut-card-v4{min-height:96px}
}
@media (max-width: 520px){
  .admin-brand-zone{gap:10px}
  .admin-section-pill{width:100%;justify-content:center}
  .admin-global-stats{grid-template-columns:1fr!important}
}
/* Remoção do fundo preto puro no criador/login administrativo. */
.admin-login-v4 .auth-card-v4,
.participant-auth .auth-card,
body.admin-control-login .auth-card,
body.admin-control-login .glass-card{
  background:
    radial-gradient(circle at 86% 8%,rgba(255,45,168,.14),transparent 24%),
    linear-gradient(145deg,rgba(24,25,74,.95),rgba(8,28,48,.95))!important;
}
/* Barra inferior do admin mais limpa. */
.admin-control-dock{
  background:linear-gradient(145deg,rgba(15,20,48,.96),rgba(10,20,44,.94))!important;
  border-color:rgba(170,205,255,.16)!important;
}
.admin-control-dock .dock-item.is-active{
  background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(0,184,219,.18))!important;
}

/* ========================================================================== 
   REAL LIVE ARENA V7.6 — ADMIN COM MENU LATERAL ORGANIZADO
   ========================================================================== */
body.admin-control-page{
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 6% 8%,rgba(139,70,255,.28),transparent 26%),
    radial-gradient(circle at 94% 12%,rgba(0,211,255,.22),transparent 28%),
    radial-gradient(circle at 54% 86%,rgba(255,52,170,.14),transparent 34%),
    linear-gradient(145deg,#100b38 0%,#11264d 52%,#0a3b52 100%)!important;
}
.admin-control-topbar{
  min-height:92px!important;
  height:auto!important;
  padding:10px 18px!important;
  position:sticky!important;
  top:0!important;
  z-index:170!important;
  background:linear-gradient(90deg,rgba(14,12,48,.97),rgba(8,35,63,.96))!important;
  border-bottom:1px solid rgba(0,218,255,.25)!important;
}
.admin-topbar-shell{
  width:min(100%,1460px)!important;
  min-height:70px!important;
  gap:18px!important;
}
.admin-brand-zone{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
.admin-control-topbar .brand-v41 img{
  width:220px!important;
  max-width:none!important;
}
.admin-page-context{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding-left:16px!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
}
.admin-page-context small{
  color:#7fe9ff!important;
  font-size:.56rem!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
}
.admin-page-context strong{
  color:#fff!important;
  font-size:1rem!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.admin-menu-toggle{
  display:none;
  width:44px;height:44px;min-width:44px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(123,58,237,.9),rgba(0,184,219,.75));
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  padding:11px;
}
.admin-menu-toggle span{
  display:block;height:2px;border-radius:999px;background:#fff;margin:4px 0;
}
.admin-top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  margin-left:auto!important;
}
.admin-top-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:.77rem!important;
  font-weight:900!important;
  background:linear-gradient(145deg,rgba(42,50,99,.92),rgba(18,26,58,.96))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.08)!important;
}
.admin-top-action span{
  width:25px;height:25px;display:grid;place-items:center;border-radius:9px;
  background:rgba(255,255,255,.10);font-size:.8rem;
}
.admin-top-action:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}
.admin-top-actions .admin-workspace-link{
  background:linear-gradient(135deg,#18d4a0,#2aa4ff,#6357ff)!important;
}
.admin-top-actions .admin-logout-link{
  background:linear-gradient(135deg,#ff557d,#d23b9f)!important;
}
.admin-sidebar{
  position:fixed!important;
  left:18px!important;
  top:112px!important;
  bottom:18px!important;
  z-index:140!important;
  width:258px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:28px!important;
  border:1px solid rgba(158,198,255,.17)!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(126,64,255,.20),transparent 26%),
    linear-gradient(160deg,rgba(25,31,82,.97),rgba(8,29,51,.97))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}
.admin-sidebar-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:18px 18px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.admin-sidebar-head span{
  color:#a6f2ff!important;font-size:.62rem!important;font-weight:950!important;letter-spacing:.16em!important;
}
.admin-sidebar-head button{
  display:none;width:34px;height:34px;border:0;border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-size:1.2rem;
}
.admin-sidebar-scroll{
  flex:1!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding:12px 12px 18px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(125,94,255,.65) transparent!important;
}
.admin-menu-group+ .admin-menu-group{margin-top:15px!important}
.admin-menu-group h3{
  margin:0 0 7px!important;padding:0 9px!important;color:#8192b5!important;font-size:.58rem!important;font-weight:950!important;letter-spacing:.14em!important;
}
.admin-menu-link{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  padding:7px 10px!important;
  border-radius:16px!important;
  color:#dbe6fa!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
.admin-menu-link>span{
  width:38px;height:38px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(145deg,rgba(116,70,255,.30),rgba(0,184,219,.16));
  border:1px solid rgba(255,255,255,.08);font-size:.9rem;
}
.admin-menu-link>b{font-size:.82rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-menu-link>i{font-style:normal!important;color:#7485a8!important;font-size:1.2rem!important}
.admin-menu-link:hover{
  transform:translateX(3px)!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.admin-menu-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(123,58,237,.92),rgba(255,45,168,.74),rgba(0,184,219,.62))!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:0 14px 28px rgba(85,46,210,.23)!important;
}
.admin-menu-link.active>span{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.18)!important}
.admin-menu-link.active>i{color:#fff!important}
.admin-sidebar-footer{
  padding:14px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  background:rgba(2,11,29,.17)!important;
}
.admin-user-card{
  display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;
}
.admin-user-card>span{
  width:42px;height:42px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(135deg,#8d3fff,#ff3aa5);color:#fff;font-weight:950;font-size:1.05rem;
}
.admin-user-card div{display:grid!important;gap:2px!important;min-width:0!important}
.admin-user-card strong{color:#fff!important;font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-user-card small{color:#8ea0c0!important;font-size:.61rem!important}
.admin-sidebar-footer>a{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  padding:10px 12px!important;border-radius:13px!important;text-decoration:none!important;color:#fff!important;font-size:.7rem!important;font-weight:900!important;
  background:linear-gradient(135deg,rgba(24,210,160,.20),rgba(42,164,255,.18))!important;border:1px solid rgba(120,222,255,.14)!important;
}
.admin-sidebar-overlay{display:none!important}
body.admin-control-page .admin-main,
body.admin-control-page .admin-footer-v4{
  width:calc(100% - 292px)!important;
  margin-left:292px!important;
}
body.admin-control-page .admin-main{padding-top:22px!important}
body.admin-control-page .admin-main>.container,
body.admin-control-page .admin-footer-v4>.container{
  width:calc(100% - 28px)!important;
  max-width:none!important;
}
body.admin-control-page .dashboard-hero,
body.admin-control-page .admin-command-hero{
  min-height:360px!important;
}
body.admin-control-page .dashboard-hero h1{font-size:clamp(2.65rem,4.6vw,4.7rem)!important}
body.admin-control-page .admin-shortcuts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  overflow:visible!important;
  margin-inline:0!important;
  padding:0!important;
}
body.admin-control-page .admin-management-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.admin-control-page .shortcut-card-v4{min-width:0!important;flex:none!important}
body.admin-control-page .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
/* apresentação: botão visível, retorno e fundo mais vivo */
.host-brand-zone{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.host-back-button{
  width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px;
  color:#fff;text-decoration:none;font-size:1.15rem;font-weight:950;
  background:linear-gradient(135deg,rgba(86,72,197,.9),rgba(27,103,171,.9));
  border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.host-page .game-brand img{width:178px!important}
.host-controls .btn.success{color:#fff!important;font-weight:950!important;opacity:1!important;filter:none!important}

@media (max-width:1180px){
  .admin-menu-toggle{display:block!important}
  .admin-page-context{display:none!important}
  .admin-sidebar{
    left:12px!important;top:92px!important;bottom:12px!important;
    transform:translateX(calc(-100% - 30px))!important;
    transition:transform .24s ease!important;
  }
  .admin-sidebar-head button{display:grid!important;place-items:center!important}
  .admin-sidebar-overlay{
    display:block!important;position:fixed!important;inset:0!important;z-index:135!important;
    background:rgba(4,7,22,.58)!important;backdrop-filter:blur(4px)!important;
    opacity:0!important;visibility:hidden!important;transition:.2s ease!important;
  }
  body.admin-menu-open{overflow:hidden!important}
  body.admin-menu-open .admin-sidebar{transform:translateX(0)!important}
  body.admin-menu-open .admin-sidebar-overlay{opacity:1!important;visibility:visible!important}
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4{width:100%!important;margin-left:0!important}
  body.admin-control-page .admin-shortcuts,
  body.admin-control-page .admin-management-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:780px){
  .admin-control-topbar{min-height:76px!important;padding:7px 9px!important}
  .admin-topbar-shell{min-height:62px!important;gap:8px!important}
  .admin-control-topbar .brand-v41 img{width:155px!important}
  .admin-brand-zone{gap:9px!important}
  .admin-top-actions{gap:5px!important}
  .admin-top-action{min-height:40px!important;padding:8px 10px!important;border-radius:13px!important}
  .admin-top-action b{display:none!important}
  .admin-top-action span{width:22px;height:22px}
  .admin-top-actions .admin-back-link b{display:inline!important;font-size:.67rem!important}
  .admin-menu-toggle{width:40px;height:40px;min-width:40px;padding:9px}
  .admin-sidebar{top:84px!important;width:min(286px,calc(100% - 24px))!important}
  body.admin-control-page .admin-main{padding-top:12px!important;padding-bottom:92px!important}
  body.admin-control-page .admin-main>.container{width:calc(100% - 20px)!important}
  body.admin-control-page .dashboard-hero,
  body.admin-control-page .admin-command-hero{min-height:auto!important;padding:22px 17px!important}
  body.admin-control-page .dashboard-hero h1{font-size:clamp(2.2rem,10vw,3.15rem)!important}
  body.admin-control-page .stats-grid{grid-template-columns:1fr 1fr!important}
  body.admin-control-page .admin-shortcuts,
  body.admin-control-page .admin-management-shortcuts{
    grid-template-columns:1fr!important;
    display:grid!important;
    overflow:visible!important;
  }
  body.admin-control-page .shortcut-card-v4{width:100%!important;min-height:104px!important}
  .admin-control-dock{display:grid!important}
  .host-back-button{width:38px;height:38px;border-radius:12px}
  .host-page .game-brand img{width:135px!important}
}
@media (max-width:430px){
  .admin-control-topbar .brand-v41 img{width:140px!important}
  .admin-top-actions .admin-back-link b{display:none!important}
  body.admin-control-page .stats-grid{grid-template-columns:1fr!important}
  .admin-sidebar{left:8px!important;bottom:8px!important;width:calc(100% - 16px)!important;border-radius:22px!important}
}

/* ========================================================================== 
   REAL LIVE ARENA V7.7 — IDENTIDADE, E-MAILS, AUTOMAÇÕES E ADMIN PROFISSIONAL
   ========================================================================== */

/* Menu lateral administrativo refinado */
.admin-sidebar{
  width:242px!important;
  left:14px!important;
  top:102px!important;
  bottom:14px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(127,59,255,.22),transparent 28%),
    linear-gradient(165deg,rgba(23,31,79,.98),rgba(8,30,55,.98))!important;
  border:1px solid rgba(157,204,255,.18)!important;
  box-shadow:0 26px 70px rgba(2,7,24,.30),inset 0 1px rgba(255,255,255,.06)!important;
}
.admin-sidebar-head{
  min-height:64px!important;
  padding:16px 16px 13px!important;
  background:linear-gradient(135deg,rgba(123,56,255,.12),rgba(0,184,219,.08))!important;
}
.admin-sidebar-head span{font-size:.58rem!important;letter-spacing:.18em!important;color:#b9f4ff!important}
.admin-sidebar-scroll{padding:12px 10px 16px!important;scrollbar-width:none!important}
.admin-sidebar-scroll::-webkit-scrollbar{display:none!important}
.admin-menu-group+ .admin-menu-group{margin-top:18px!important}
.admin-menu-group h3{padding:0 10px!important;margin-bottom:7px!important;color:#8295bb!important;font-size:.55rem!important}
.admin-menu-link{
  grid-template-columns:36px minmax(0,1fr) 16px!important;
  min-height:48px!important;
  padding:6px 9px!important;
  border-radius:14px!important;
  position:relative!important;
}
.admin-menu-link::before{
  content:"";
  position:absolute;
  left:-1px;top:11px;bottom:11px;
  width:3px;border-radius:4px;
  background:transparent;
}
.admin-menu-link>span{width:36px!important;height:36px!important;border-radius:12px!important}
.admin-menu-link>b{font-size:.78rem!important}
.admin-menu-link.active{
  background:linear-gradient(135deg,rgba(112,58,230,.88),rgba(220,46,163,.72),rgba(0,164,207,.55))!important;
  box-shadow:0 12px 28px rgba(66,35,173,.25)!important;
}
.admin-menu-link.active::before{background:#7ff4ff}
.admin-sidebar-footer{padding:12px!important;background:linear-gradient(180deg,rgba(8,18,42,.12),rgba(3,14,33,.38))!important}
.admin-user-card>span{background:linear-gradient(135deg,#7439ff,#ff2da0,#1acde3)!important}
body.admin-control-page .admin-main,
body.admin-control-page .admin-footer-v4{width:calc(100% - 270px)!important;margin-left:270px!important}

/* Upload de identidade visual */
.brand-assets-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.brand-upload-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:16px;
  align-items:center;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(31,38,91,.88),rgba(10,31,55,.90));
  border:1px solid rgba(164,205,255,.16);
  box-shadow:0 15px 34px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.05);
}
.brand-upload-card.compact-brand-card{grid-template-columns:100px 1fr}
.brand-upload-preview{
  min-height:100px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(123,56,255,.20),rgba(0,198,255,.12));
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.brand-upload-preview img{display:block;max-width:92%;max-height:100px;object-fit:contain}
.brand-upload-preview.favicon-preview{min-height:92px}
.brand-upload-preview.favicon-preview img{width:64px;height:64px;object-fit:contain}
.brand-upload-preview.cover-preview{min-height:120px}
.brand-upload-preview.cover-preview img{width:100%;height:120px;max-width:none;max-height:none;object-fit:cover}
.brand-upload-card>div:last-child{display:grid;gap:8px;align-content:center}
.brand-upload-card strong{font-size:1rem;color:#fff}
.brand-upload-card p{margin:0;color:#9fb0d0;font-size:.76rem;line-height:1.5}
.file-upload-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#7d3fff,#ff2da0)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.file-upload-button input{display:none!important}
.brand-reset{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;color:#9eacd0!important;font-size:.68rem!important}
.brand-reset input{width:16px!important;height:16px!important;min-height:0!important}
.social-preview-fields{margin-top:14px}
.social-link-preview-card{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:16px;
  align-items:center;
  margin-top:14px;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(15,25,63,.92),rgba(9,37,57,.90));
  border:1px solid rgba(154,203,255,.16);
}
.social-link-preview-card img{width:100%;height:130px;object-fit:cover;border-radius:16px}
.social-link-preview-card div{display:grid;gap:6px}
.social-link-preview-card small{color:#65e4ff;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.social-link-preview-card strong{font-size:1.18rem;color:#fff}
.social-link-preview-card p{margin:0;color:#aebbd3;line-height:1.5}

/* Central de e-mail */
.mail-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 22px;
}
.mail-status-grid article{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:12px;
  min-height:92px;
  padding:15px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(29,34,86,.92),rgba(9,33,58,.92));
  border:1px solid rgba(160,204,255,.16);
}
.mail-status-grid article>span{
  width:46px;height:46px;display:grid;place-items:center;border-radius:15px;
  background:linear-gradient(135deg,#7f3bff,#ff2da0,#16d7c1);
  color:#fff;font-weight:950;
}
.mail-status-grid article div{display:grid;gap:4px}
.mail-status-grid strong{color:#fff}
.mail-status-grid p{margin:0;color:#9fb0cc;font-size:.74rem}
.email-admin-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important}
.mail-driver-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 4px}
.mail-driver-card{
  display:grid!important;
  grid-template-columns:52px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  min-height:100px;
  padding:15px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(28,34,83,.80),rgba(10,28,50,.86))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  cursor:pointer;
  transition:.18s ease;
}
.mail-driver-card input{position:absolute;opacity:0;pointer-events:none}
.mail-driver-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.08);font-size:1.35rem}
.mail-driver-card div{display:grid;gap:5px}
.mail-driver-card strong{font-size:.95rem;color:#fff}
.mail-driver-card p{margin:0;color:#9eacca;font-size:.72rem;line-height:1.45}
.mail-driver-card.is-selected{border-color:rgba(85,232,255,.42)!important;background:linear-gradient(145deg,rgba(100,55,220,.42),rgba(9,88,111,.32))!important;box-shadow:0 14px 32px rgba(58,61,211,.18)}
.mail-driver-card.is-selected>span{background:linear-gradient(135deg,#7f3bff,#ff2da0,#16d7c1)}
.smtp-settings-box{transition:opacity .18s ease,filter .18s ease}
.smtp-settings-box.is-disabled{opacity:.46;filter:saturate(.55)}
.smtp-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.smtp-box-head h3{margin:5px 0 0}
.smtp-preset-chips{display:flex;flex-wrap:wrap;gap:6px}
.smtp-preset-chips button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e8eeff;border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:850;cursor:pointer}
.smtp-preset-chips button:hover{background:rgba(123,56,255,.22)}
.email-tools-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.cron-email-card-pro{display:grid;gap:12px;padding:16px!important}
.cron-title-row{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}
.cron-title-row>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff9f2f,#ff2da0);font-size:1.2rem}
.cron-title-row div{display:grid;gap:3px}
.cron-title-row p{margin:0;color:#9eadca;font-size:.72rem}
.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.copy-field input{min-width:0;background:#08142d!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:.72rem!important}
.copy-field.compact input{font-size:.66rem!important}
.btn.is-copied{background:linear-gradient(135deg,#14c984,#1be0ac)!important;color:#fff!important}
.email-brand-preview-panel{align-self:start;position:sticky;top:112px}
.email-visual-preview{overflow:hidden;border-radius:26px;background:#111a43;border:1px solid rgba(147,191,255,.18);box-shadow:0 22px 54px rgba(0,0,0,.22);margin-bottom:14px}
.email-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:linear-gradient(120deg,#6d34ff,#df36ae,#10bfd8)}
.email-preview-top img{width:170px;max-height:54px;object-fit:contain;object-position:left center}
.email-preview-top span{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.email-preview-image{display:block;width:100%;height:190px;object-fit:contain;background:linear-gradient(180deg,#1c265a,#121a43)}
.email-preview-body{display:grid;gap:9px;padding:20px}
.email-preview-body small{color:#68eaff;font-weight:900;letter-spacing:.12em}
.email-preview-body h3{margin:0;font-size:1.4rem}
.email-preview-body p{margin:0;color:#aebbd4;line-height:1.55}
.email-preview-button{display:inline-flex;width:max-content;padding:11px 15px;border-radius:12px;background:linear-gradient(135deg,#7f3bff,#ff2da0);font-size:.72rem;font-weight:900}
.template-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;padding-top:14px}
.template-mini-preview{align-self:start;display:grid;gap:8px;padding:15px;border-radius:20px;background:linear-gradient(145deg,rgba(24,31,78,.95),rgba(8,27,49,.95));border:1px solid rgba(161,204,255,.15)}
.template-mini-preview img{width:100%;height:120px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.035)}
.template-mini-preview span{color:#65e8ff;font-size:.62rem;font-weight:900;letter-spacing:.12em}
.template-mini-preview strong{font-size:1rem;color:#fff}
.template-mini-preview p{margin:0;color:#9eacc8;font-size:.74rem;line-height:1.5}

/* Comunicações automáticas */
.automation-campaign-card{margin-bottom:22px}
.automation-rules-grid small{display:block;margin-top:5px;color:#8fa0bf;font-size:.65rem;font-weight:600}
.automatic-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.automatic-message-card{position:relative;display:grid;gap:10px;padding:16px;border-radius:22px;background:linear-gradient(145deg,rgba(31,36,89,.92),rgba(9,31,55,.92));border:1px solid rgba(161,201,255,.16);overflow:hidden}
.automatic-message-card>span{position:absolute;right:14px;top:10px;font-size:2.5rem;font-weight:950;color:rgba(255,255,255,.06)}
.automatic-message-card label{position:relative;z-index:1}
.automatic-message-preview{display:grid;gap:7px;padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(123,56,255,.16),rgba(0,184,219,.10));border:1px solid rgba(255,255,255,.08)}
.automatic-message-preview strong{color:#fff}
.automatic-message-preview p{margin:0;color:#a9b7d0;font-size:.72rem;line-height:1.5}
.automatic-message-preview b{color:#64e8ff;font-size:.7rem}

/* Responsive refinado */
@media(max-width:1180px){
  body.admin-control-page .admin-main,
  body.admin-control-page .admin-footer-v4{width:100%!important;margin-left:0!important}
  .email-brand-preview-panel{position:static}
}
@media(max-width:980px){
  .brand-assets-grid,.mail-status-grid,.automatic-message-grid{grid-template-columns:1fr!important}
  .email-admin-layout{grid-template-columns:1fr!important}
  .template-editor-layout{grid-template-columns:1fr!important}
}
@media(max-width:780px){
  .brand-upload-card,.brand-upload-card.compact-brand-card{grid-template-columns:1fr!important;text-align:center}
  .brand-upload-card>div:last-child{justify-items:center}
  .social-link-preview-card{grid-template-columns:1fr!important}
  .mail-driver-selector{grid-template-columns:1fr!important}
  .copy-field{grid-template-columns:1fr!important}
  .smtp-box-head{flex-direction:column}
  .mail-status-grid article{min-height:82px}
  .email-preview-top img{width:145px}
  .automatic-message-card{padding:15px}
}
@media(max-width:430px){
  .admin-sidebar{width:calc(100% - 16px)!important}
  .brand-upload-preview.cover-preview img{height:110px}
  .email-preview-image{height:160px}
}