:root { --bg:#0a0e1c; --bg2:#141a2c; --surface:#181e30; --surface2:#1f273c; --stroke:rgba(255,255,255,.11); --muted:#a6aec6; --white:#f8f6ef; --gold:#f1cb86; --gold2:#bd8c45; --green:#69cfa8; --red:#fa828b; --blue:#8bbef2; --radius:22px; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
html { font-size:16px; scroll-behavior:smooth; }
body { font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; color:var(--white); background:radial-gradient(ellipse at 50% -30%, #263157 0%, #101626 48%, var(--bg) 82%); overflow-x:hidden; }
button,input,select { font:inherit; }
button { cursor:pointer; -webkit-tap-highlight-color:transparent; }
button:disabled { opacity:.52; cursor:not-allowed; }
button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #ffe3a8; outline-offset:3px; }
button:active:not(:disabled) { transform:scale(.985); }
a { color:var(--gold); }
.sky-glow { pointer-events:none; position:fixed; width:480px; height:480px; border-radius:50%; filter:blur(105px); opacity:.10; z-index:0; }
.sky-glow-a { background:#7d7bc8; top:-240px; left:-140px; }
.sky-glow-b { background:#df9b4c; right:-240px; bottom:-190px; }
.stars { position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.3; background-image:radial-gradient(1px 1px at 18px 24px,#fff 97%,transparent),radial-gradient(1px 1px at 137px 95px,#e8cfb2 97%,transparent),radial-gradient(2px 2px at 97px 180px,#c8d8fa 97%,transparent); background-size:211px 219px; }
.app-shell { position:relative; z-index:1; max-width:1200px; margin:auto; padding:20px 28px 35px; min-height:100vh; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 0 26px; }
.brand { display:flex; gap:11px; align-items:center; letter-spacing:.10em; user-select:none; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; color:var(--gold); border:1px solid rgba(241,203,134,.43); border-radius:14px; background:linear-gradient(160deg,#2b2930,#171e33); font-size:24px; box-shadow:0 0 26px #d6ae6422; }
.brand-text { font-size:14px; font-weight:900; letter-spacing:.08em; line-height:1.2; }
.brand-text span { display:block; font-size:9px; letter-spacing:.25em; color:var(--gold); margin-top:3px; }
.top-meta { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.top-chip { border:1px solid var(--stroke); padding:9px 12px; border-radius:100px; background:#ffffff08; color:#c1c8d6; font-size:12px; font-weight:750; white-space:nowrap; }
.top-chip.live { color:#b7f2dc; border-color:#71bb9970; background:#32544929; }
.top-chip.demo { color:#f4d2a0; border-color:#d8ac6478; }
.dot { display:inline-block; width:7px;height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px #69cfa888; margin-right:5px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; font-weight:800; color:var(--gold); font-size:11px; letter-spacing:.19em; text-transform:uppercase; }
.eyebrow:before { content:''; display:inline-block; background:var(--gold); width:20px; height:1px; }
.display-title { font-family:Georgia, "Times New Roman", serif; font-size:clamp(46px,5.4vw,80px); line-height:1.025; letter-spacing:-.055em; margin:20px 0 18px; text-wrap:balance; }
.display-title em { font-style:normal; color:var(--gold); }
.subcopy { color:var(--muted); font-size:16px; line-height:1.8; max-width:500px; }
.landing-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:clamp(20px,5vw,72px); align-items:center; padding-top:6vh; }
.hero-art { position:relative; max-width:560px; margin-top:40px; height:210px; border:1px solid rgba(241,203,134,.15); background:radial-gradient(ellipse at 45% 95%,#a2815136,transparent 65%), linear-gradient(180deg, #141c30a0, #070b15a0); border-radius:27px; overflow:hidden; }
.moon { width:88px;height:88px;background:#ffebc3; border-radius:50%; box-shadow:0 0 70px #ffdd9f55; position:absolute; top:24px; right:76px; }
.castle { position:absolute; bottom:0; left:0; right:0; height:146px; background:linear-gradient(#11172a,#11172a) center bottom/100% 36px no-repeat; clip-path:polygon(0 100%,0 82%,9% 82%,9% 63%,13% 63%,13% 39%,16% 20%,19% 39%,19% 79%,28% 79%,28% 46%,31% 46%,31% 26%,34% 8%,37% 26%,37% 68%,44% 68%,44% 42%,47% 28%,50% 42%,50% 72%,56% 72%,56% 40%,60% 40%,60% 20%,64% 4%,68% 20%,68% 74%,76% 74%,76% 60%,80% 60%,80% 40%,84% 19%,88% 40%,88% 82%,100% 82%,100% 100%); }
.castle:before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#4f546e,#151929); }
.art-caption { position:absolute; z-index:1; left:24px; bottom:20px; font-size:12px; color:#f3dca5; letter-spacing:.16em; font-weight:800; }
.card { border:1px solid var(--stroke); background:linear-gradient(150deg,rgba(29,36,57,.95),rgba(17,23,39,.97)); border-radius:var(--radius); box-shadow:0 18px 70px #00000045; }
.entry-card { padding:29px; }
.card-title { font-family:Georgia,serif; font-size:29px; font-weight:700; margin:0 0 6px; letter-spacing:-.025em; }
.card-sub { color:var(--muted); font-size:13px; line-height:1.65; margin:0 0 22px; }
.tabbar { display:grid; grid-template-columns:1fr 1fr; gap:4px; background:#080d1c; padding:5px; border:1px solid #ffffff16; border-radius:14px; margin-bottom:22px; }
.tab { border:0; border-radius:10px; background:transparent; color:var(--muted); font-weight:750; padding:12px 8px; }
.tab.active { background:#28324a; color:#fff; box-shadow:0 3px 8px #0003; }
.field { display:flex; flex-direction:column; gap:7px; margin:0 0 15px; }
.field-label { font-size:12px; font-weight:800; color:#c6cee3; }
.text-input,.select-input { appearance:none; display:block; width:100%; background:#0c1222; color:var(--white); border:1px solid #ffffff20; border-radius:12px; height:48px; padding:0 14px; outline:none; transition:border-color .15s; }
.text-input::placeholder { color:#727e9d; }
.text-input:focus,.select-input:focus { border-color:#e4bb74; }
.select-input { background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="9" viewBox="0 0 15 9"%3E%3Cpath d="m1 1 6.5 6L14 1" fill="none" stroke="%23d6bf92" stroke-width="2"/%3E%3C/svg%3E'); background-repeat:no-repeat; background-position:right 13px center; padding-right:33px; }
.settings-row { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:11px 18px; border-radius:12px; border:1px solid #ffffff22; color:var(--white); background:#27304a; text-decoration:none; font-weight:800; transition:filter .15s,background .15s,transform .15s; }
.btn:hover:not(:disabled) { filter:brightness(1.09); }
.btn-primary { color:#1e2029; border-color:#ffde9b; background:linear-gradient(130deg,#f7dc9d,#c89d57); box-shadow:0 5px 30px #e6b86626; }
.btn-secondary { background:#202a40; }
.btn-ghost { background:transparent; border-color:var(--stroke); color:#cdd5e5; }
.btn-danger { background:#412834; color:#ffb8c1; border-color:#f88d9835; }
.btn-sm { padding:8px 12px; min-height:35px; font-size:12px; border-radius:10px; }
.btn-wide { width:100%; margin-top:8px; min-height:53px; }
.btn-icon { width:38px;height:38px;padding:0;min-height:0; }
.fineprint { color:#79859f; font-size:11px; line-height:1.6; margin:15px 0 0; text-align:center; }
.stats-strip { display:flex; flex-wrap:wrap; gap:25px; margin:32px 0 0; }
.stat strong { display:block; font-family:Georgia,serif; font-size:26px; color:var(--gold); }
.stat span { color:#adb7c9; font-size:11px; font-weight:700; letter-spacing:.04em; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:55px; }
.feature { display:flex; gap:12px; padding:17px; background:#151c2b80; border:1px solid var(--stroke); border-radius:16px; }
.feature-icon { font-size:20px; padding-top:1px; }
.feature strong { display:block; font-size:13px; margin:2px 0 5px; }
.feature span { color:#95a0b9; font-size:12px; line-height:1.6; }
.footer { margin-top:35px; padding:20px 0 0; border-top:1px solid var(--stroke); display:flex; justify-content:space-between; gap:12px; color:#7f8ba5; font-size:11px; line-height:1.7; }
.page-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; margin:20px 0 27px; }
.page-head h1 { font:700 clamp(35px,4vw,50px)/1.08 Georgia,serif; letter-spacing:-.04em; margin:10px 0 9px; }
.page-head p { margin:0; color:var(--muted); }
.room-layout { display:grid; grid-template-columns:1.12fr .88fr; gap:21px; }
.room-code { display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px dashed #d7b97e66; background:#d7b97e0e; border-radius:17px; padding:18px; margin:17px 0 21px; }
.code-text { font:700 clamp(27px,4vw,43px)/1 Georgia,serif; letter-spacing:.18em; color:var(--gold); }
.minor-label { display:block; color:#929cb5; font-size:10px; font-weight:800; letter-spacing:.13em; margin-bottom:8px; }
.inner-card { padding:25px; }
.section-title { display:flex; align-items:center; justify-content:space-between; font-size:15px; font-weight:850; margin:0 0 18px; }
.seat-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.seat { display:flex; align-items:center; gap:12px; background:#0f1628; border:1px solid #ffffff12; border-radius:14px; min-height:79px; padding:13px 12px; min-width:0; }
.seat.empty { border-style:dashed; opacity:.6; }
.avatar { flex:0 0 auto; display:grid; place-items:center; width:43px;height:43px; border-radius:13px; background:linear-gradient(145deg,#283b59,#19243c); border:1px solid #a3b5d43a; font-weight:900; color:#f6dca5; }
.seat:nth-child(2) .avatar {background:linear-gradient(145deg,#403456,#28203e);}
.seat:nth-child(3) .avatar {background:linear-gradient(145deg,#244842,#1d3030);}
.seat:nth-child(4) .avatar {background:linear-gradient(145deg,#4b322c,#30212c);}
.seat-copy { min-width:0;flex:1; }
.seat-name { font-weight:800; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seat-status { font-size:11px; color:#8d9bb4; margin-top:4px; }
.seat-status.online { color:#7adab5; }
.seat .kick { border:0; background:#ffffff0d; border-radius:8px; width:27px;height:27px; color:#eec5ba; font-size:17px; }
.rule-note { color:var(--muted); line-height:1.7; font-size:12px; margin:15px 0 0; }
.host-actions { display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }
.host-actions .btn-primary { flex:1; }
.settings-panel .fields-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 11px; }
.theme-banner { display:flex; gap:13px; align-items:center; background:#101725; border:1px solid #d2ab682f; padding:15px; border-radius:14px; margin-bottom:20px; }
.theme-icon { width:48px;height:48px; display:grid;place-items:center; font-size:27px; background:#382e2e; border-radius:13px; }
.theme-name { font-weight:900; font-size:14px; }
.theme-detail { color:var(--muted);font-size:11px;line-height:1.6;margin-top:3px; }
.mini-rules { display:flex;flex-direction:column;gap:11px;margin:17px 0 0;padding-left:0;list-style:none; }
.mini-rules li { display:flex;gap:11px;align-items:flex-start;color:#bbc4d5;font-size:12px;line-height:1.6; }
.mini-rules .bullet { display:inline-grid;place-items:center; background:#a18b6330; border:1px solid #e1ba7451;border-radius:50%;width:23px;height:23px;flex:0 0 auto;color:#ffdfaa;font-size:11px;font-weight:900; }
.match-top { display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:space-between; margin:7px 0 18px; }
.match-stage { font-size:12px; font-weight:850; color:var(--gold);letter-spacing:.13em; }
.stage-small { display:block; font-size:11px;color:var(--muted);margin-top:8px;letter-spacing:0;font-weight:600; }
.timerbox { display:flex;align-items:center;gap:12px; }
.timer-circle { width:74px;height:74px; border-radius:50%; padding:5px; display:grid;place-items:center; background:conic-gradient(var(--gold) var(--timer,100%), #30384c 0); transition:background .1s; }
.timer-circle.low { background:conic-gradient(var(--red) var(--timer,100%), #30384c 0); }
.timer-inner { display:grid;place-items:center; width:100%;height:100%;border-radius:50%;background:#151d2f; }
.timer-num { font-size:26px; font-weight:900;font-variant-numeric:tabular-nums; }
.timer-label { color:#98a6c0;font-size:11px;font-weight:700; }
.progress-track { height:7px;border-radius:99px;overflow:hidden;background:#202a3b;margin-bottom:24px; }
.progress-fill {height:100%;background:linear-gradient(90deg,#a98046,#efd197);border-radius:99px;transition:width .5s;}
.scoreboard { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px; }
.score-tile { min-width:0;padding:12px 13px;border:1px solid #ffffff14;border-radius:13px;background:#141d2e; position:relative; }
.score-tile.me {border-color:#d6b77788; background:#25283b;}
.score-name {font-size:11px;color:#c5cee1;font-weight:800;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.score-number {font-size:21px;font-weight:900;margin-top:6px;font-variant-numeric:tabular-nums;}
.score-extra {font-size:10px;color:#98a6c0;margin-top:5px;}
.answer-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#4d5873;margin-right:3px;}
.answer-dot.yes {background:var(--green);}
.quiz-card { padding:clamp(21px,3.4vw,36px); max-width:920px; margin:0 auto; }
.question-head { display:flex;justify-content:space-between;gap:10px;align-items:center;color:#acb6ca;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase; }
.difficulty { padding:7px 10px; border-radius:99px; background:#b7a07325; color:#f1cf90; border:1px solid #d5ad7155; }
.difficulty.dificil {color:#ffb1b1;background:#b75f6e1b;border-color:#b75f6e6d;}
.difficulty.medio {color:#b1d2ff;background:#577eb32a;border-color:#577eb363;}
.question-text { font-family:Georgia,serif;font-size:clamp(24px,3.5vw,36px);line-height:1.28;letter-spacing:-.025em;margin:23px 0 28px;min-height:84px; }
.answers-grid {display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.choice { width:100%; display:flex;align-items:center;gap:14px; padding:15px; text-align:left; color:#e9ecf5; background:#141b2d; border:1px solid #ffffff23; border-radius:15px; min-height:81px; font-size:14px;font-weight:730;line-height:1.45; }
.choice:hover:not(:disabled) {border-color:#e3c18b88;background:#232c43;}
.choice .letter {display:grid;place-items:center;min-width:36px;width:36px;height:36px;border-radius:10px;background:#ffffff12;color:#ead1a0;font-weight:950;}
.choice .choice-label {flex:1;}
.choice.selected {border-color:#d8b879;background:#6e603c43;}
.choice.correct {background:#1c493b94;border-color:#70ddae;}
.choice.correct .letter {background:#69cfa83b;color:#b6ffdb;}
.choice.wrong {background:#56303d6e;border-color:#e9818e;}
.choice.wrong .letter {background:#d96d7d40;color:#ffc9d2;}
.choice.dim {opacity:.58;}
.choice:disabled {cursor:default;}
.match-foot {display:flex;justify-content:space-between;gap:12px;align-items:center;color:#9ba8bf;font-size:12px;margin-top:23px;line-height:1.6;}
.notice {margin-top:19px;display:flex;gap:10px;align-items:center;padding:13px 15px;background:#d9b97613;border:1px solid #d4ad643d;border-radius:12px;color:#edd1a4;font-size:12px;line-height:1.6;}
.notice.success {background:#57bb8e16;border-color:#6dc4a24d;color:#a3f2d0;}
.notice.danger {background:#a844561a;border-color:#f08c9550;color:#ffc1ca;}
.reveal-result { margin:19px 0 0;padding:18px 20px;border-radius:14px;background:#0f1728;border:1px solid #ffffff1c; }
.reveal-result h3 {margin:0 0 6px;font-size:15px;color:var(--gold);}
.reveal-result p {margin:0;color:#b8c4d9;font-size:13px;line-height:1.7;}
.score-reward {display:inline-block;font-weight:900;color:#7addaf;font-variant-numeric:tabular-nums;margin-top:8px;}
.ranking-wrap { max-width:900px;margin:20px auto; }
.winner-hero {padding:34px 24px;text-align:center;background:radial-gradient(ellipse at 50% 15%,#aa7c3445,transparent 70%),linear-gradient(160deg,#25253b,#151c2b);border:1px solid #dbb66d6a;border-radius:22px;}
.winner-symbol { font-size:54px; filter:drop-shadow(0 0 22px #dbb86d55); }
.winner-hero h1 {font:700 clamp(31px,4vw,48px) Georgia,serif;margin:13px 0;}
.winner-hero p {margin:0;color:var(--muted);}
.winner-hero strong {display:block;margin:10px 0;color:var(--gold);font-size:30px;}
.ranking-list {display:flex;flex-direction:column;gap:10px;margin-top:18px;}
.ranking-item {display:flex;align-items:center;gap:13px;background:#171f31;border:1px solid #ffffff14;border-radius:15px;padding:15px;}
.ranking-item:first-child {border-color:#d2aa6e6e;background:#25273b;}
.rank-num {display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#2d3449;color:#f0cb8b;font-weight:900;font-size:18px;}
.rank-info {flex:1;min-width:0;}
.rank-info strong {display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-info span {display:block;font-size:11px;color:var(--muted);margin-top:4px;}
.rank-score {font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;}
.rank-score small {font-size:10px;color:var(--muted);display:block;text-align:right;font-weight:650;}
.result-actions {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0;}
.demo-ribbon {background:#9d6a3228;color:#f0cd91;border:1px solid #e8b96848;padding:12px 15px;border-radius:12px;font-size:12px;line-height:1.6;margin-bottom:18px;}
.offline { background:#732e362a;color:#ffb3bd;border:1px solid #d17a826e;border-radius:9px;padding:10px 14px;font-size:12px;margin-bottom:14px;}
.toast-wrap {position:fixed;z-index:9;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(92vw,540px);pointer-events:none;}
.toast {background:#f8e6c2;color:#22283b;padding:14px 19px;box-shadow:0 12px 45px #0009;border-radius:12px;font-weight:800;font-size:13px;text-align:center;animation:toast-in .2s ease-out;}
@keyframes toast-in {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.boot {display:flex;min-height:60vh;flex-direction:column;align-items:center;justify-content:center;color:#b3bfd0;}
.spinner {display:inline-block;width:40px;height:40px;border:3px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin {to{transform:rotate(360deg)}}
.hidden {display:none!important;}
@media(max-width:850px) { .landing-grid {grid-template-columns:1fr;gap:35px;padding-top:22px;} .hero-art {height:130px;margin-top:27px;} .room-layout {grid-template-columns:1fr;} .feature-grid {grid-template-columns:1fr;} .footer {flex-wrap:wrap;} .landing-grid .display-title {font-size:clamp(44px,10vw,67px);} }
@media(max-width:560px) { .app-shell {padding:10px 14px 30px;} .topbar {padding:9px 0 18px;} .brand-text {font-size:12px;} .brand-mark {width:37px;height:37px;} .top-chip {font-size:10px;padding:7px 9px;} .top-meta .desktop-only {display:none;} .landing-grid {gap:24px;} .display-title {font-size:43px;} .subcopy {font-size:14px;} .hero-art {margin-top:20px;} .stats-strip {gap:18px;} .stat strong {font-size:22px;} .entry-card,.inner-card {padding:19px;} .card-title {font-size:26px;} .seat-grid {grid-template-columns:1fr 1fr;gap:8px;} .seat {padding:9px;gap:8px;min-height:67px;} .seat-name {font-size:12px;} .avatar {width:33px;height:33px;border-radius:10px;font-size:12px;} .seat-status {font-size:10px;} .page-head {margin:11px 0 18px;} .page-head h1 {font-size:35px;} .scoreboard {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .score-tile {padding:9px 12px;} .score-number {font-size:18px;} .quiz-card {padding:18px 14px;} .question-text {margin:16px 0 20px;min-height:0;font-size:25px;} .answers-grid {grid-template-columns:1fr;gap:9px;} .choice {min-height:58px;padding:10px 12px;font-size:13px;gap:11px;} .choice .letter {width:32px;min-width:32px;height:32px;} .timer-circle {width:62px;height:62px;} .timer-num {font-size:22px;} .match-foot {font-size:11px;} .room-code {gap:8px;padding:14px;} .code-text {font-size:32px;} .footer {font-size:10px;} }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after {animation:none!important;transition:none!important;} }

/* ───── PRIMEIRA EDIÇÃO · 2026 · Acabamento visual ───── */
:root{ color-scheme:dark; }
::selection{background:#d8b87b;color:#111725}
.app-shell::before{content:'';position:absolute;pointer-events:none;inset:0 0 auto;height:200px;background:radial-gradient(ellipse 41% 50% at 51% 0%,#d0a8680b,transparent 90%);z-index:-1}
.topbar{border-bottom:1px solid #e4ca8a12}
.brand-mark{position:relative;overflow:hidden;box-shadow:0 0 30px #d6ae642a,inset 0 1px 0 #e4c58922}
.brand-mark::after{content:'';position:absolute;inset:-65%;transform:translateX(-100%) rotate(35deg);background:linear-gradient(90deg,transparent,#fff4ca38,transparent);animation:brand-shine 7s infinite}
@keyframes brand-shine{0%,79%{transform:translateX(-110%) rotate(35deg)}100%{transform:translateX(110%) rotate(35deg)}}
.edition-top{color:#e7c383;font-family:Georgia,serif;font-size:10px;letter-spacing:.16em;white-space:nowrap}
.icon-btn{display:inline-grid;place-items:center;width:37px;height:37px;border:1px solid #e7c88f36;background:#ffffff08;color:#ead6b4;border-radius:11px;font-weight:800;font-size:18px;transition:border-color .18s,background .18s,transform .18s}
.icon-btn:hover{background:#d9b8791d;border-color:#e9c68f8c;transform:translateY(-1px)}
.launch-label{display:flex;gap:12px;align-items:center;margin:23px 0 2px;color:#d4bc8d;font-size:10px;font-weight:850;letter-spacing:.12em;white-space:nowrap}
.launch-symbol{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e6c79171;border-radius:9px;color:#f4d69e;box-shadow:0 0 30px #c9a2652a;font-size:19px}
.launch-line{height:1px;flex:1;max-width:70px;background:linear-gradient(90deg,#d2ae72,transparent)}
.creator-signature{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:24px;padding:13px 15px;width:fit-content;border:1px solid #d4b17e42;border-radius:13px;background:linear-gradient(135deg,#e4b96a12,#1a20331f)}
.signature-crest{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#ebc98b;border:1px solid #d4ab6c60;font-size:23px;background:#bd914614}
.creator-signature small{display:block;font-size:9px;color:#8f9bb3;letter-spacing:.15em;font-weight:900}
.creator-signature strong{display:block;color:#f1d6a5;font-family:Georgia,serif;font-size:15px;letter-spacing:.05em;margin-top:3px}
.btn-link{padding:8px 0 8px 12px;border:0;background:none;color:#dfbb80;font-size:10px;font-weight:800;letter-spacing:.07em}
.btn-link:hover{color:#ffdf9e;text-decoration:underline;text-underline-offset:3px}
.entry-card{position:relative;overflow:hidden}
.entry-card::before{content:'';position:absolute;top:0;left:29px;right:29px;height:2px;background:linear-gradient(90deg,transparent,#f5d695aa,transparent)}
.entry-edition{font-size:9px;letter-spacing:.16em;font-weight:900;color:#d3b67f;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.dot-gold{display:inline-block;width:6px;height:6px;background:#f5cf88;box-shadow:0 0 10px #f5cf8888;border-radius:50%}
.hero-art{isolation:isolate;box-shadow:inset 0 0 80px #a4a8ff08}
.hero-art::after{content:'';position:absolute;pointer-events:none;z-index:0;inset:0;background:linear-gradient(115deg,transparent 46%,#ffe9b00e 49%,transparent 53%);background-size:230% 100%;animation:hero-glint 14s linear infinite}
@keyframes hero-glint{from{background-position:190% 0}to{background-position:-90% 0}}
.hero-crest{position:absolute;right:20px;bottom:18px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fae2ad;text-shadow:0 0 14px #fcd69660;font-size:22px;border:1px solid #ffdf9f45;background:#141c2cdb;border-radius:12px;width:66px;height:63px;box-shadow:0 7px 25px #0005}
.hero-crest span{font-size:8px;font-weight:800;letter-spacing:.1em}
.hero-art .art-caption{right:95px;font-size:11px}
.question-kicker{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:8px;color:#dbbb81}
.edition-inline{font-size:10px;color:#101321;background:#e7c68c;border-radius:5px;padding:5px 6px;margin-right:8px;font-weight:950;letter-spacing:.04em}
.quiz-card{position:relative;overflow:hidden}
.quiz-card::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 7%,#e4bf7a9c 45%,transparent 95%)}
.choice{transition:background .17s,border-color .17s,box-shadow .17s,transform .17s}
.choice:hover:not(:disabled){box-shadow:inset 0 0 0 1px #e3c18b36,0 7px 28px #00000026;transform:translateY(-2px)}
.choice.selected{box-shadow:inset 0 0 0 1px #ebd3a355}
.progress-track{box-shadow:inset 0 1px 2px #0008}
.progress-fill{box-shadow:0 0 19px #e2b76c52}
.winner-hero{position:relative;overflow:hidden}
.winner-hero::before,.winner-hero::after{content:'✧';position:absolute;top:19px;font-size:35px;color:#e7c5895c;animation:twinkle 3.8s ease-in-out infinite}
.winner-hero::before{left:10%}.winner-hero::after{right:10%;animation-delay:1.1s}
@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.82)}50%{opacity:1;transform:scale(1.2)}}
.player-summary{display:flex;align-items:center;gap:14px;margin-top:23px;padding:18px 20px;border-radius:16px;border:1px solid #d6b27851;background:linear-gradient(110deg,#d1a35b14,#1b223390)}
.summary-star{width:42px;height:42px;border-radius:12px;flex:0 0 auto;background:#b58c5032;border:1px solid #e5c58b60;display:grid;place-items:center;font-size:24px;color:#edcc8e}
.player-summary div:nth-child(2){flex:1;min-width:0}
.player-summary div:nth-child(2) span{display:block;font-size:10px;letter-spacing:.12em;color:#b1bcd0;font-weight:900;margin-bottom:5px}
.player-summary div:nth-child(2) strong{font-size:13px;line-height:1.5}
.summary-points{white-space:nowrap;color:#efcf91;font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}
.summary-points small{font-size:9px;color:#acb3c4;margin-left:3px}
.footer{align-items:center}
.footer strong{color:#d8b879}
.edition-dialog{position:fixed;max-width:min(500px,calc(100vw - 28px));width:100%;padding:26px;background:radial-gradient(ellipse at 50% 0%,#2d324d,#141b2a 70%);border:1px solid #d8b87c72;border-radius:22px;color:#f5f0e6;box-shadow:0 30px 120px #000b}
.edition-dialog::backdrop{background:#050914d9;backdrop-filter:blur(6px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dialog-top .edition-seal{color:#efce92;font-size:10px;font-weight:900;letter-spacing:.15em}
.dialog-close{width:33px;height:33px;font-size:13px}
.dialog-glyph{font-family:Georgia,serif;font-size:48px;color:#e5c48b;text-align:center;line-height:1;margin:0 0 5px;filter:drop-shadow(0 0 17px #f7d69a56)}
.edition-dialog h2{font-family:Georgia,serif;font-size:32px;line-height:1.1;text-align:center;margin:4px 0 8px}
.dialog-subtitle{text-align:center;color:#d2ad75;font-size:10px;letter-spacing:.14em;font-weight:900;margin:0 0 22px}
.edition-dialog p:not(.dialog-subtitle){font-size:13px;line-height:1.85;color:#b7bfd0}
.dialog-divider{height:1px;margin:21px 0;background:linear-gradient(90deg,transparent,#c8a9747c,transparent)}
.credit-field{display:flex;gap:8px;justify-content:space-between;align-items:baseline;border-bottom:1px solid #fff1;padding:9px 0}
.credit-field span{color:#a6afc1;font-size:10px;letter-spacing:.06em}
.credit-field strong{font-size:13px;color:#f6deb0;text-align:right}
.dialog-note{font-size:11px!important;margin:15px 0 19px}
@media(max-width:560px){.topbar{gap:8px;padding-bottom:14px}.top-meta{gap:5px}.edition-top{display:none}.top-chip{font-size:9px;padding:7px}.icon-btn{width:32px;height:32px;border-radius:9px;font-size:16px}.launch-label{font-size:9px;margin-top:16px;gap:9px}.creator-signature{padding:10px;gap:8px;margin-top:18px}.creator-signature strong{font-size:13px}.creator-signature .btn-link{flex-basis:100%;text-align:left;padding:4px 0}.hero-crest{right:10px;bottom:9px;width:50px;height:51px;font-size:17px}.hero-crest span{font-size:7px}.hero-art .art-caption{right:67px;font-size:9px;letter-spacing:.08em}.player-summary{padding:14px;gap:9px}.summary-star{width:33px;height:33px}.summary-points{font-size:16px}.question-kicker{font-size:8px}.credit-field{display:block}.credit-field strong{display:block;text-align:left;margin-top:4px}.edition-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.brand-mark::after,.hero-art::after,.winner-hero::before,.winner-hero::after{animation:none!important}}

@media(max-width:560px){.top-chip.demo{font-size:0;padding:7px 9px}.top-chip.demo::after{content:'DEMO';font-size:9px;letter-spacing:.06em}.brand-text{font-size:11px;letter-spacing:.03em}.brand-text span{font-size:8px;letter-spacing:.13em}}

/* ─── EDIÇÃO I · MODO ONLINE E COMUNIDADE ─── */
button, input, select, textarea {font:inherit}
textarea:focus-visible{outline:3px solid #ffe3a8;outline-offset:3px}
.suggest-header{font-size:17px}
.footer-link{border:0;background:transparent;color:#e5c68b;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.footer-link:hover{color:#ffe4aa}
.community-panel{position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;margin:27px 0 10px;padding:25px 28px;border:1px solid #d5aa6880;border-radius:22px;background:radial-gradient(ellipse at 7% 10%,#735b3828,transparent 65%),linear-gradient(115deg,#222b3f,#181e32);box-shadow:0 20px 55px #04081245}
.community-panel::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#e5c587bb,transparent)}
.community-icon{flex:0 0 auto;display:grid;place-items:center;width:68px;height:68px;color:#ffe2a6;background:#a78a4722;border:1px solid #d2b67888;border-radius:18px;font-size:40px;text-shadow:0 0 24px #f3d3998c}
.community-copy{flex:1;min-width:0}
.community-copy h2{font-family:Georgia,serif;letter-spacing:-.025em;font-size:25px;margin:8px 0}
.community-copy p{max-width:630px;color:#b9c0d3;font-size:13px;line-height:1.75;margin:0}
.community-tags{display:flex;flex-wrap:wrap;gap:10px 17px;color:#c6ad7d;font-size:10px;letter-spacing:.055em;font-weight:750;margin-top:12px}
.community-button{white-space:nowrap;align-self:center;flex-shrink:0}
.demo-online-row,.live-online-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:12px 13px;border:1px solid #d6b78134;border-radius:12px;background:#c5ad7811;color:#dfcca8;font-size:11px;font-weight:750;flex-wrap:wrap}
.live-online-row{justify-content:center;color:#b6e6cd;border-color:#75bca736;background:#75bca70e}
.suggestion-dialog,.online-dialog{max-height:calc(100dvh - 36px);overflow-y:auto}
.suggest-head-icon{color:#eed49d;text-align:center;font-size:35px;margin:12px 0 2px}
.edition-dialog p.suggest-lede{line-height:1.7;color:#b7bfd0;font-size:13px;text-align:center;margin:13px 0 21px}
.suggest-form{display:flex;flex-direction:column;gap:8px}
.suggest-form .field-label{margin-top:9px}
.suggest-form .field-label span{font-size:10px;letter-spacing:0;text-transform:none;color:#97a1b6}
.suggest-form .text-input{width:100%}
.suggest-area{resize:vertical;min-height:90px;line-height:1.6}
.suggest-presets{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 3px}
.preset-chip{border:1px solid #cbaa7052;border-radius:100px;background:#cbaa7011;color:#ead1a6;padding:7px 10px;font-size:11px;font-weight:700}
.preset-chip:hover{background:#d2b27735;border-color:#efc88b99}
.edition-dialog p.suggest-disclaimer{font-size:11px;margin:7px 0 0;color:#8f9bb4;line-height:1.55}
.suggest-feedback{font-size:12px;line-height:1.6}
.suggest-feedback:empty{display:none}
.suggest-feedback.success{background:#2449386b;color:#b4f1d1;border:1px solid #79d0a562;padding:11px 13px;border-radius:10px}
.suggest-feedback.error{background:#59313a70;color:#ffd5da;border:1px solid #fa828b66;padding:11px 13px;border-radius:10px}
.spam-trap{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:770px){.community-panel{flex-wrap:wrap;gap:13px;padding:19px}.community-icon{width:50px;height:50px;font-size:29px}.community-copy{flex-basis:calc(100% - 65px)}.community-copy h2{font-size:22px}.community-button{width:100%}}
@media(max-width:560px){.suggest-header{font-size:14px}.community-copy h2{font-size:19px}.community-tags{gap:7px}.community-tags span:last-child{display:none}.demo-online-row{justify-content:center;text-align:center}.demo-online-row .btn{width:100%}.suggestion-dialog{padding:18px}.footer-link{padding:4px}}

/* Edição I v1.6 — desempenho detalhado e revisão de perguntas */
.performance-card{margin-top:18px;padding:20px 22px}
.performance-card h2{margin:0 0 16px;color:#f2d7a4;font-family:Georgia,serif;font-size:24px}
.performance-card h3{margin:20px 0 12px;color:#ecdfc8;font-size:14px}
.performance-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.performance-stat-grid>div{background:#111827;border:1px solid #ffffff1e;border-radius:12px;padding:12px}
.performance-stat-grid span{display:block;color:#aab7cf;letter-spacing:.06em;font-size:10px}
.performance-stat-grid strong{display:block;color:#f8dda6;font-size:22px;margin-top:6px;font-variant-numeric:tabular-nums}
.result-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.result-level{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #ffffff20;padding:10px;border-radius:10px;font-size:12px;color:#c5cfdf}
.result-level strong{color:#f1d39b;font-size:15px;font-variant-numeric:tabular-nums}
.result-review{border-top:1px solid #ffffff24;margin-top:21px;padding-top:16px}
.result-review summary{cursor:pointer;color:#e4c68d;font-weight:800;line-height:1.5;font-size:13px}
.result-review summary:focus-visible{outline:2px solid #e1ba79;outline-offset:4px}
.review-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.review-card{background:#101726;border:1px solid #ffffff18;border-radius:12px;padding:13px 15px}
.review-number{font-size:10px;font-weight:850;letter-spacing:.05em;color:#d7b780}
.review-card h3{margin:8px 0 10px;color:#f4ecde;font-size:14px;line-height:1.5}
.review-card p{margin:7px 0;color:#c9d2e0;font-size:12px;line-height:1.6}
.review-card p strong{color:#f1d29d}
.review-card .review-explanation{border-top:1px solid #ffffff1b;margin-top:11px;padding-top:10px;color:#aebcd2}
@media(max-width:560px){.performance-card{padding:17px 14px}.performance-card h2{font-size:21px}.performance-stat-grid{gap:6px}.performance-stat-grid>div{padding:9px 7px}.performance-stat-grid strong{font-size:17px}.performance-stat-grid span{font-size:9px}.result-levels{grid-template-columns:1fr;gap:6px}}

/* Edição I v1.9 — pódio, revanche imediata e avaliação pelos jogadores */
.podium-section{margin-top:25px}
.podium-section h2{font:700 clamp(18px,3vw,24px) Georgia,serif;color:#eed5a8;margin:0 0 14px}
.podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0;padding:20px 12px;border-radius:18px;background:linear-gradient(170deg,#243049,#121b2e);border:1px solid #d1ac7952;box-shadow:inset 0 1px 0 #ffffff08}
.podium-card.first{background:linear-gradient(170deg,#40392f,#1d2538);border-color:#e2bf7a91;box-shadow:0 10px 30px #0003,inset 0 1px 0 #f8d99a33}
.podium-card.is-me{outline:2px solid #f2d29a;outline-offset:2px}
.podium-medal{font-size:31px;line-height:1.25;filter:drop-shadow(0 4px 12px #0005)}
.podium-player{font-size:15px;font-weight:850;line-height:1.4;color:#f6e6cb;overflow-wrap:anywhere}
.podium-identity{font-size:9px;color:#c5c8d5;letter-spacing:.1em;font-weight:900}
.podium-score{font-size:clamp(18px,3.1vw,27px);font-variant-numeric:tabular-nums;color:#f3d89f;margin-top:2px}
.podium-score span{font-size:11px;color:#abb7c9;font-weight:600}
.podium-delta{font-size:11px;line-height:1.5;color:#bac5d5}
.ranking-item.is-me{border-color:#e7c587a3;background:#2d3045}
.ranking-item .rank-num{flex:0 0 auto}
.postgame-card{padding:21px 24px;margin-top:20px;border:1px solid #d5b87c42}
.postgame-eyebrow{color:#dabd85;font-size:10px;letter-spacing:.16em;font-weight:900}
.postgame-card h2{font:700 clamp(21px,3.5vw,29px) Georgia,serif;margin:9px 0;color:#f2dfbf}
.postgame-card h3{font-size:15px;margin:19px 0 11px;color:#f6e8d1}
.postgame-card p{color:#b7c4d8;font-size:12px;line-height:1.7;margin:0}
.difficulty-vote-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.difficulty-vote{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:13px 8px;border:1px solid #ffffff28;border-radius:13px;background:#172134;color:#e5eaf5;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.difficulty-vote:hover:not(:disabled){border-color:#ebc7889a;background:#242e43;transform:translateY(-1px)}
.difficulty-vote:focus-visible{outline:2px solid #f3d596;outline-offset:3px}
.difficulty-vote.selected{background:#483d30;border-color:#f3d596;box-shadow:inset 0 0 0 1px #e7bc7b4e}
.difficulty-vote>span{font-size:23px}
.difficulty-vote strong{font-size:12px;line-height:1.45}
.difficulty-vote small{font-size:10px;color:#b5c2d6}
.difficulty-vote-foot{color:#adb8c9;font-size:11px;margin-top:12px;line-height:1.55}
.result-actions .btn{min-height:44px}
@media(max-width:560px){
 .podium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .podium-card{border-radius:12px;padding:12px 5px;gap:6px}
 .podium-medal{font-size:26px}
 .podium-player{font-size:12px}
 .podium-identity{font-size:8px}
 .podium-score{font-size:16px}
 .podium-score span{font-size:9px}
 .podium-delta{font-size:9px}
 .postgame-card{padding:16px 13px}
 .difficulty-vote-options{gap:6px}
 .difficulty-vote{padding:11px 5px}
 .difficulty-vote strong{font-size:11px}
 .result-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .result-actions .btn{width:100%}
}
@media(max-width:350px){.podium-grid{grid-template-columns:1fr}.podium-card{flex-direction:row;text-align:left;justify-content:flex-start;padding:12px}.podium-delta{margin-left:auto;text-align:right}}

/* v2.0: leitura do duelo ao vivo — classificação, ultrapassagem e rodadas */
.round-pulse{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-9px 0 14px;font-size:11px;line-height:1.5;font-weight:760;color:#afbdd1}
.round-pulse span:first-child{color:#dfc18c;letter-spacing:.07em}
.round-pulse span:last-child{text-align:right}
.score-tile{transition:border-color .2s,background .2s}
.score-tile.score-leader{border-color:#d4b2728c;background:linear-gradient(150deg,#332f2e,#1b2639)}
.score-tile.score-leader.me{border-color:#f4cb83;background:linear-gradient(150deg,#464035,#24283d)}
.score-position{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;background:#d3ae6b2b;border:1px solid #f2d29845;border-radius:7px;font-size:10px;color:#ead29e;margin-right:3px}
.score-gain{color:#89eac2;font-weight:900;font-variant-numeric:tabular-nums}
.leader-announcement{display:flex;align-items:center;gap:12px;margin:14px 0 5px;padding:15px 17px;background:linear-gradient(110deg,#463727,#262639);border:1px solid #e6bf7a8a;border-radius:14px;color:#ffe3ae;box-shadow:0 8px 18px #0002}
.leader-announcement>span{font-size:29px;line-height:1}
.leader-announcement strong{display:block;font-size:14px;line-height:1.5}
.leader-announcement small{display:block;font-size:11px;line-height:1.5;color:#c7c8d3;margin-top:2px}
@keyframes round-entrance{from{opacity:.65;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.quiz-card.round-enter{animation:round-entrance .38s ease-out both}
@media(max-width:650px){
 .round-pulse{margin:-13px 0 12px;font-size:10px}
 .score-tile{padding:10px 9px}
 .score-name{font-size:10px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
 .score-number{font-size:18px}
 .score-extra{font-size:9px;line-height:1.5}
 .score-position{height:18px;min-width:18px;font-size:9px;margin-right:2px}
 .leader-announcement{padding:12px;gap:10px}
 .leader-announcement strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .quiz-card.round-enter{animation:none}
 .score-tile{transition:none}
}

/* v2.1 — leitura das ultrapassagens, sequências e conquistas de partida */
.rank-rise,.rank-fall{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:2px 4px;font-size:11px;font-weight:900;margin-left:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rank-rise{background:#4bbf8b2a;color:#9df0c7;border:1px solid #60c99d4d}
.rank-fall{background:#eea17b22;color:#ffc2a8;border:1px solid #e0a48640}
.streak-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#f2deb4;background:#9a603528;border:1px solid #dab46f56;border-radius:12px;padding:10px 13px;margin:-9px 0 15px;font-size:11px;line-height:1.55}
.streak-hint span:first-child{font-weight:850;color:#ffce8a}
.achievement-card{margin-top:20px;padding:21px 24px;border:1px solid #d6b77e46}
.achievement-card h2{font:700 clamp(22px,3.5vw,28px) Georgia,serif;color:#edcf98;margin:9px 0 4px}
.achievement-card p{font-size:12px;color:#adbacf;line-height:1.6;margin:5px 0 16px}
.achievement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.achievement-item{display:flex;align-items:center;gap:12px;min-width:0;background:linear-gradient(140deg,#262b3f,#172233);border:1px solid #e2bd7957;border-radius:13px;padding:13px 14px}
.achievement-item>span{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#d5ad7240;font-size:22px}
.achievement-item>div{min-width:0}
.achievement-item strong{display:block;font-size:13px;color:#efdab3;line-height:1.45}
.achievement-item small{display:block;font-size:11px;color:#bac5d7;line-height:1.5;margin-top:3px}
@media(max-width:580px){
  .streak-hint{margin:-8px 0 14px;font-size:10px}
  .achievement-card{padding:16px 14px}
  .achievement-list{grid-template-columns:1fr}
  .achievement-item{padding:12px}
  .rank-rise,.rank-fall{font-size:10px;padding:1px 3px}
}

/* v2.1: cinco indicadores pessoais, legíveis em desktop e celulares */
.performance-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.performance-stat-grid>div{min-width:0}
.performance-stat-grid strong{overflow-wrap:anywhere;font-size:clamp(15px,2.4vw,22px)}
@media(max-width:800px){.performance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.performance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}