/* BGames V2.2 — identidade visual adaptada diretamente do ENEMZEIRO original
   Fonte de referência: ENEMZEIRO/enemzeiro/index.html enviado pelo usuário.
   Sem glass, sem gradiente, sem decorações 3D na home. */
:root{
 color-scheme:light;
 --bg:#16121c;--surface:#fff;--surface2:#f8f6fa;--stroke:#16121c;
 --text:#1d1a22;--muted:#6b6475;--purple:#8b2f8f;--lime:#8b2f8f;
 --pink:#a7478a;--blue:#2370b6;--yellow:#df9b29;--radius:14px;
 --F:#8b2f8f;--Q:#2370b6;--B:#2c8c4c;
}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:15px}
a{color:inherit}
.top{max-width:960px;min-height:78px;padding:14px 20px;border:0;background:transparent;color:white}
.brand{font-size:22px;font-weight:900;letter-spacing:.025em;gap:10px;color:#fff}
.brand img{height:43px;width:43px;object-fit:contain}
.dot{color:#d4a8d8}
nav{gap:9px;font-size:13px;color:#f5f0f7}
nav a{padding:9px 12px;border:1px solid transparent;border-radius:7px;font-weight:600}
nav a:hover{border-color:#ffffff40;color:#fff;text-decoration:none}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ae68b3;outline-offset:2px}
.wrap{max-width:960px;padding:10px 20px 60px}
.wrap:has(.form),.wrap:has(.original-home),.wrap:has(#subjects){max-width:760px}
.hero{grid-template-columns:1fr;min-height:auto;gap:0;margin:0}
.hero h1{font-size:clamp(27px,4vw,38px);font-weight:900;letter-spacing:-.9px;line-height:1.16;margin:10px 0 10px}
.hero h1 em{color:var(--F)}
.hero p{color:var(--muted);font-size:15px;line-height:1.6;max-width:600px;margin:0}
.hero-art{display:none}
.eyebrow{border:0;border-radius:5px;background:#f1e3f3;color:var(--F);padding:6px 9px;font-size:11px;font-weight:850;letter-spacing:.7px}
.surface,.surface.soft{background:var(--surface);color:var(--text);border:3px solid #111;border-radius:17px;padding:25px;box-shadow:0 10px 35px #0003;animation:none}
.surface.soft{background:#fff;border-width:2px;box-shadow:none}
.surface h2,.surface h3{font-weight:850;letter-spacing:-.3px}
.muted{color:var(--muted)}
.btn,.small{background:var(--brand,var(--F));border:2px solid var(--brand,var(--F));color:#fff;border-radius:10px;box-shadow:none;font-weight:800;padding:12px 18px;min-height:46px;transition:background .13s,border-color .13s,transform .13s}
.btn:hover,.small:hover{background:#6e236f;border-color:#6e236f;filter:none;transform:translateY(-1px);color:#fff;text-decoration:none}
.btn.alt{background:#f0edf2;border:2px solid #e0d9e4;color:#1d1a22}
.btn.alt:hover{background:#e4dce8;border-color:#c7bbd2;color:#1d1a22}
.btn.pink{background:#a83f71;border-color:#a83f71;color:white}
.btn.outline,.small.outline{background:#fff;border:2px solid #d9d1df;color:var(--F)}
.btn.outline:hover,.small.outline:hover{background:#f4eaf5;border-color:var(--F);color:var(--F)}
.small{min-height:34px;padding:6px 11px;font-size:12px}
nav .small.outline{background:transparent;color:white;border-color:#ffffff50}
.actions{gap:10px;margin-top:18px}
.grid{gap:12px}.grid.two{gap:12px}
.tile,.q-card{background:white;color:var(--text);border:2px solid #ddd5e0;border-radius:12px;box-shadow:none;animation:none;transition:border-color .15s,background .15s}
.tile{min-height:125px;padding:17px;text-align:left}
.tile h3{font-size:18px;letter-spacing:0;margin:11px 0 6px}
.tile small{color:var(--muted)}
.tile:hover,.tile.selected{background:#f8ecf8;border-color:var(--F);transform:none}
.form{max-width:620px;margin:0 auto}
.form h1,.section-title{font-size:26px;letter-spacing:-.5px;font-weight:900;margin:0 0 9px;color:var(--text)}
label{font-size:14px;font-weight:700;color:var(--text);margin:13px 0 5px}
input,select{background:#fff;border:1.5px solid #d6d1dc;border-radius:9px;color:var(--text);padding:11px 13px;min-height:44px;font-size:15px}
input[type=search]{background:#fff}
input::placeholder{color:#938b9b}
input:focus,select:focus{outline:2px solid var(--F);border-color:transparent}
.checkbox{color:var(--muted);font-size:13px}
.checkbox input{accent-color:var(--F)}
.status{background:#f3eef5;border:1.5px solid #d7c2dc;color:#352b3c;border-radius:10px;padding:14px}
.status.error,.error{background:#fff0f1;border-color:#e3acb1;color:#943139}
.code{font-weight:900;letter-spacing:7px;font-size:28px}
.columns{grid-template-columns:1fr 1fr;gap:14px}
.room-code{font-weight:900;letter-spacing:7px;color:var(--F)}
.countdown{color:var(--F);font-weight:900}
.question{color:var(--text);font-size:clamp(22px,4vw,32px);line-height:1.3;font-weight:800}
.cards{gap:10px}
.q-card{min-height:172px;padding:17px}
.q-card:hover{background:#faf3fb;transform:none}
.level{color:var(--F);background:#f3e2f3;border:1px solid #d5afd9;border-radius:5px;padding:5px 9px;font-weight:850}
.level.two{color:#205c9c;background:#e5f1fc;border-color:#b6d7f1}
.level.three{color:#a32f5d;background:#fde5ef;border-color:#e8bbd0}
.avatar{width:44px;height:44px;border-radius:50%;background:#e7d6ed;color:#642568;border:2px solid #eee2f0}
.person{border-bottom:1px solid #e9e3ec;padding:12px 0}
.person .meta{color:var(--text)}
.pill{color:#6b3c72;border:1px solid #e6d5e9;background:#f8eff9;border-radius:5px;font-weight:700}
.podium{gap:10px;align-items:start;margin:25px 0 0}
.podium-item,.podium-item:nth-child(1){background:#fff;border:2px solid #251529;color:var(--text);border-radius:10px;padding:20px 10px;min-height:175px;transform:none}
.podium-item:nth-child(1){background:#f3e5f6;border-color:var(--F)}
.podium-item small{color:var(--muted)}
.podium-item .avatar{border-color:var(--F)}
.rope{height:2px;background:#39223c;margin:24px 0 7px;position:relative}
.rope::before,.rope::after{content:'';width:8px;height:8px;border-radius:50%;background:#39223c;position:absolute;top:-3px;left:0}
.rope::after{left:auto;right:0}
.stats{gap:12px}
.stat{background:#fff;border:2px solid #171018;border-radius:12px;padding:20px}
.stat strong{font-weight:900;color:var(--F);font-size:29px}
.stat small{color:var(--muted);font-size:13px}
.tablewrap{border-radius:0;overflow:auto}
table{width:100%;border-collapse:collapse;min-width:630px}
th{background:#f6f3f7;color:#5d4e64;text-transform:none;font-size:12px;letter-spacing:0}
th,td{border-bottom:1px solid #e6e0e9;padding:12px 10px}
td{color:var(--text)}td small{color:var(--muted)}
tr:hover td{background:#faf6fb}
#notice{background:#f4e6f5!important;color:#351639!important;border:2px solid #8b2f8f;border-radius:9px;box-shadow:0 10px 25px #0005}
footer{color:#d2c6d7;background:transparent;border:0;padding:25px 15px}
footer a{color:#fff;text-decoration:underline}
.original-home{background:white;border:4px solid #111;border-radius:18px;padding:28px;box-shadow:0 12px 35px #0004}
.home-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e4dce6;padding-bottom:20px;margin-bottom:21px}
.home-head img{width:70px;height:70px;object-fit:contain;background:#f6eff7;border-radius:11px;padding:7px;border:1px solid #e4dce8}
.home-caption{font-size:12px;font-weight:800;letter-spacing:1.2px;color:var(--F);text-transform:uppercase}
.home-title{font-weight:900;font-size:clamp(25px,4vw,34px);margin:4px 0 9px;line-height:1.15;letter-spacing:-.5px}
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}
.home-actions .btn{min-width:0}
.home-features{display:grid;gap:0;margin-top:22px;border-top:1px solid #e9e3eb}
.home-feature{display:flex;align-items:flex-start;gap:13px;padding:16px 3px;border-bottom:1px solid #e9e3eb}
.home-feature .index{border:2px solid #111;border-radius:7px;width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:var(--F)}
.home-feature strong{display:block;font-size:15px;margin-bottom:3px}
.home-feature p{font-size:13px;color:var(--muted);line-height:1.4;margin:0}
.room-code{overflow-wrap:anywhere}
@media(max-width:760px){
 .top{min-height:64px;padding:9px 14px;gap:8px}
 .brand{font-size:18px}.brand img{width:32px;height:32px}
 nav{gap:2px;max-width:62vw;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:11px}
 nav a{padding:7px}
 .wrap{padding:8px 12px 45px}
 .surface,.surface.soft{padding:19px;border-width:2px;border-radius:14px}
 .original-home{padding:19px;border-width:3px;border-radius:15px}
 .home-head img{width:55px;height:55px}
 .home-actions{grid-template-columns:1fr}
 .grid,.grid.two,.cards,.columns{grid-template-columns:1fr}
 .q-card{min-height:118px}
 .stats{gap:7px}.stat{padding:11px}.stat strong{font-size:22px}
 .podium{gap:6px}.podium-item,.podium-item:nth-child(1){padding:12px 4px;min-height:157px}
 .podium-item strong{font-size:12px}.podium-item .avatar{width:51px;height:51px}
 .room-code{letter-spacing:3px}
 .actions .btn{flex:1}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}