#gcg-game-root, #gcg-game-root * { box-sizing:border-box; }
#gcg-game-root { width:100%; min-height:720px; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#f5fbff; }
#gcg-game-root button { font:inherit; color:inherit; cursor:pointer; }
#gcg-game-root button:focus-visible { outline:2px solid #87f6dc; outline-offset:2px; }
#gcg-game-root .hidden { display:none!important; }

.mq-game {
  --mq-bg:#08111d; --mq-panel:#101c2b; --mq-panel-2:#142238; --mq-line:rgba(154,215,255,.14);
  --mq-text:#f5fbff; --mq-muted:#90a7bd; --mq-accent:#66f0cf; --mq-accent-2:#72c8ff;
  --mq-pink:#ff83be; --mq-danger:#ff6b83; --mq-success:#68edb7; --mq-cell:#10263a; --mq-cell-alt:#142c45;
  --mq-given:#ecf9ff; --mq-user:#7cefd5; --mq-shadow:rgba(0,0,0,.35);
  position:relative; width:100%; min-height:720px; overflow:hidden; border-radius:24px;
  background:radial-gradient(circle at 14% 10%,rgba(44,255,209,.11),transparent 28%),radial-gradient(circle at 86% 14%,rgba(111,170,255,.13),transparent 25%),linear-gradient(145deg,#07101b,#091522 45%,#07101b);
  color:var(--mq-text); isolation:isolate;
}
.mq-theme-sunset { --mq-bg:#180f19; --mq-panel:#241526; --mq-panel-2:#301c31; --mq-line:rgba(255,171,196,.15); --mq-accent:#ffcf70; --mq-accent-2:#ff8eba; --mq-pink:#ff7b8d; --mq-cell:#321c31; --mq-cell-alt:#3a2138; --mq-user:#ffd07d; }
.mq-theme-midnight { --mq-bg:#080a15; --mq-panel:#111426; --mq-panel-2:#181d34; --mq-line:rgba(167,158,255,.15); --mq-accent:#a58cff; --mq-accent-2:#64d7f3; --mq-pink:#ea76ff; --mq-cell:#171c32; --mq-cell-alt:#1d2440; --mq-user:#b8a8ff; }
.mq-no-motion *, .mq-no-motion *::before, .mq-no-motion *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
.mq-large-numbers .mq-value { font-size:1.15em; }

.mq-bg { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.mq-bg::before { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.mq-bg i { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--mq-accent); opacity:.28; box-shadow:0 0 18px currentColor; animation:mqFloat 12s ease-in-out infinite; }
.mq-bg i:nth-child(1){left:8%;top:18%;animation-delay:-2s}.mq-bg i:nth-child(2){left:42%;top:8%;animation-delay:-7s;width:4px;height:4px}.mq-bg i:nth-child(3){right:12%;top:22%;animation-delay:-4s;background:var(--mq-accent-2)}.mq-bg i:nth-child(4){left:25%;bottom:12%;animation-delay:-9s;background:var(--mq-pink)}.mq-bg i:nth-child(5){right:28%;bottom:8%;animation-delay:-5s}
@keyframes mqFloat { 50%{transform:translateY(-20px) scale(1.35);opacity:.55} }

.mq-topbar { min-height:78px; display:grid; grid-template-columns:minmax(200px,260px) 1fr auto auto; align-items:center; gap:14px; padding:10px 18px; border-bottom:1px solid var(--mq-line); background:linear-gradient(180deg,rgba(7,15,26,.94),rgba(9,19,31,.84)); backdrop-filter:blur(18px); box-shadow:0 12px 35px rgba(0,0,0,.16); }
.mq-brand { display:flex; align-items:center; gap:11px; min-width:0; }
.mq-logo { width:50px; height:50px; flex:0 0 50px; display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); padding:5px; gap:3px; border:1px solid rgba(113,239,213,.35); border-radius:15px; background:linear-gradient(145deg,rgba(102,240,207,.14),rgba(114,200,255,.08)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(102,240,207,.08); }
.mq-logo span { display:grid; place-items:center; border-radius:5px; color:var(--mq-accent); background:rgba(255,255,255,.055); font-size:10px; font-weight:950; }
.mq-logo span:nth-child(3){grid-column:1/3;color:var(--mq-accent-2)}
.mq-brand small { display:block; color:var(--mq-accent); font-size:8px; font-weight:900; letter-spacing:.18em; }
.mq-brand h2 { margin:2px 0 0; color:#f7fcff; font-size:20px; line-height:1; letter-spacing:-.04em; }
.mq-actions { display:flex; justify-content:center; gap:6px; min-width:0; }
.mq-btn { min-height:38px; padding:8px 13px; border:1px solid var(--mq-line); border-radius:11px; background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)); color:#dcecf8; font-size:10px; font-weight:850; white-space:nowrap; transition:.18s ease; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.mq-btn:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--mq-accent) 45%,transparent); background:color-mix(in srgb,var(--mq-accent) 9%,transparent); }
.mq-btn--primary { border-color:color-mix(in srgb,var(--mq-accent) 50%,transparent); background:linear-gradient(135deg,color-mix(in srgb,var(--mq-accent) 23%,#0b1d26),color-mix(in srgb,var(--mq-accent-2) 15%,#0e1e30)); color:#f3fffc; box-shadow:0 0 22px color-mix(in srgb,var(--mq-accent) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.08); }
.mq-metrics { display:flex; gap:6px; }
.mq-metrics div { min-width:64px; padding:6px 9px; border:1px solid var(--mq-line); border-radius:10px; background:rgba(255,255,255,.025); text-align:center; }
.mq-metrics span { display:block; color:var(--mq-muted); font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.mq-metrics strong { display:block; margin-top:1px; color:#eff9ff; font-size:12px; font-variant-numeric:tabular-nums; }
.mq-utility { display:flex; gap:5px; }
.mq-icon { width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid var(--mq-line); border-radius:11px; background:rgba(255,255,255,.025); color:var(--mq-muted); transition:.16s ease; }
.mq-icon:hover { color:var(--mq-accent); border-color:color-mix(in srgb,var(--mq-accent) 40%,transparent); transform:translateY(-1px); }

.mq-subbar { min-height:38px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:15px; padding:5px 18px; border-bottom:1px solid rgba(255,255,255,.05); background:rgba(6,13,23,.58); }
.mq-subbar > div { display:flex; align-items:center; gap:8px; }
.mq-subbar > div:nth-child(2){justify-content:center}.mq-subbar > div:last-child{justify-content:flex-end}
.mq-mode-chip,.mq-level-chip { display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; border:1px solid color-mix(in srgb,var(--mq-accent) 25%,transparent); border-radius:999px; color:var(--mq-accent); background:color-mix(in srgb,var(--mq-accent) 7%,transparent); font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.mq-subbar b { color:#dbeaf4; font-size:9px; }.mq-objective { color:var(--mq-muted); font-size:9px; }.mq-objective i { color:var(--mq-accent); font-style:normal; }.mq-progress-text { color:var(--mq-muted); font-size:9px; }

.mq-layout { display:grid; grid-template-columns:minmax(190px,230px) minmax(420px,1fr) minmax(200px,235px); gap:12px; max-width:1540px; margin:0 auto; padding:12px; }
.mq-panel,.mq-stage,.mq-insight { border:1px solid var(--mq-line); background:linear-gradient(180deg,rgba(16,29,45,.88),rgba(10,20,33,.9)); box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter:blur(14px); }
.mq-panel { min-height:620px; padding:12px; border-radius:18px; }
.mq-panel-title { display:flex; align-items:center; justify-content:space-between; min-height:28px; margin-bottom:10px; color:var(--mq-muted); font-size:8px; font-weight:900; letter-spacing:.12em; }
.mq-panel-title b { color:var(--mq-accent); }
.mq-world-card { position:relative; overflow:hidden; padding:15px 13px 14px; border:1px solid color-mix(in srgb,var(--mq-accent) 16%,transparent); border-radius:16px; background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--mq-accent) 15%,transparent),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.mq-world-card::after { content:""; position:absolute; width:90px;height:90px;right:-35px;bottom:-40px;border:1px solid color-mix(in srgb,var(--mq-accent) 18%,transparent);border-radius:50%; }
.mq-world-icon { width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border-radius:14px;color:var(--world-color,var(--mq-accent));background:color-mix(in srgb,var(--world-color,var(--mq-accent)) 10%,transparent);border:1px solid color-mix(in srgb,var(--world-color,var(--mq-accent)) 28%,transparent);font-size:21px;text-shadow:0 0 17px currentColor; }
.mq-world-card small { color:var(--mq-muted); font-size:8px; text-transform:uppercase; }.mq-world-card h3 { margin:3px 0 6px; font-size:15px; }.mq-world-card p { min-height:42px; margin:0; color:var(--mq-muted); font-size:9px; line-height:1.5; }
.mq-journey-strip { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0; }.mq-journey-strip div { padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.022); }.mq-journey-strip span { display:block;color:var(--mq-muted);font-size:7.5px;text-transform:uppercase }.mq-journey-strip strong { display:block;margin-top:2px;color:#eaf6fd;font-size:11px }
.mq-level-preview { display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:9px 0; }.mq-level-preview button { min-width:0;min-height:48px;padding:4px 2px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025); }.mq-level-preview button.active { border-color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 12%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--mq-accent) 10%,transparent) }.mq-level-preview button.locked { opacity:.35 }.mq-level-preview b { display:block;color:#e9f6fe;font-size:10px }.mq-level-preview small { display:block;margin-top:3px;color:var(--mq-accent);font-size:6.5px;white-space:nowrap;overflow:hidden }
.mq-wide { width:100%;min-height:38px;padding:8px;border:1px solid color-mix(in srgb,var(--mq-accent) 25%,transparent);border-radius:11px;background:color-mix(in srgb,var(--mq-accent) 6%,transparent);color:var(--mq-accent);font-size:9px;font-weight:900;transition:.16s }.mq-wide:hover{background:color-mix(in srgb,var(--mq-accent) 12%,transparent);transform:translateY(-1px)}
.mq-streak-card { display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:linear-gradient(135deg,rgba(255,131,190,.07),rgba(102,240,207,.035)); }.mq-flame { width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;color:var(--mq-pink);background:rgba(255,131,190,.08);box-shadow:inset 0 0 18px rgba(255,131,190,.04) }.mq-streak-card span,.mq-streak-card small { display:block;color:var(--mq-muted);font-size:7.5px }.mq-streak-card strong { display:block;margin:2px 0;color:#f6fbff;font-size:11px }

.mq-center { min-width:0; }.mq-stage { min-height:620px;padding:12px;border-radius:20px;background:linear-gradient(180deg,rgba(13,27,43,.93),rgba(7,17,29,.95)); }
.mq-stage-head { display:flex;justify-content:space-between;align-items:center;min-height:38px;padding:0 4px 9px }.mq-stage-head>div{display:flex;align-items:center;gap:8px}.mq-status-dot{width:8px;height:8px;border-radius:50%;background:var(--mq-accent);box-shadow:0 0 13px var(--mq-accent);animation:mqPulse 2s ease infinite}@keyframes mqPulse{50%{opacity:.35;transform:scale(.75)}}.mq-stage-head b{color:#edf8ff;font-size:10px}.mq-stage-tools{display:flex;gap:5px}.mq-stage-tools button{min-width:38px;height:34px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px;border:1px solid var(--mq-line);border-radius:10px;background:rgba(255,255,255,.027);font-weight:900;transition:.15s}.mq-stage-tools button:hover:not(:disabled),.mq-stage-tools button.active{border-color:color-mix(in srgb,var(--mq-accent) 45%,transparent);background:color-mix(in srgb,var(--mq-accent) 9%,transparent);transform:translateY(-1px)}.mq-stage-tools button:disabled{opacity:.25;cursor:not-allowed}.mq-stage-tools i{color:var(--mq-accent);font-size:7px;font-style:normal}
.mq-board-shell { position:relative;width:min(100%,560px);aspect-ratio:1;margin:0 auto;padding:10px;border:1px solid color-mix(in srgb,var(--mq-accent) 25%,transparent);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--mq-accent) 9%,transparent),rgba(255,255,255,.015));box-shadow:inset 0 0 35px rgba(0,0,0,.2),0 18px 55px rgba(0,0,0,.18) }
.mq-board-aura{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mq-accent) 16%,transparent),transparent 65%);filter:blur(28px);pointer-events:none}
.mq-size-badge{position:absolute;right:-7px;top:-7px;z-index:6;min-width:42px;height:28px;display:grid;place-items:center;padding:0 8px;border:1px solid color-mix(in srgb,var(--mq-accent) 40%,transparent);border-radius:999px;background:#0c1b2b;color:var(--mq-accent);font-size:9px;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.mq-board{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--mq-size),1fr);grid-template-rows:repeat(var(--mq-size),1fr);gap:1px;width:100%;height:100%;overflow:hidden;border:3px solid color-mix(in srgb,var(--mq-accent) 55%,#21435a 45%);border-radius:15px;background:color-mix(in srgb,var(--mq-accent) 45%,#244156 55%);box-shadow:0 12px 35px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.07)}
.mq-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:var(--mq-cell);color:var(--mq-user);font-size:clamp(22px,4vw,43px);font-weight:820;font-variant-numeric:tabular-nums;transition:background .13s,color .13s,transform .13s,box-shadow .13s}.mq-board--6 .mq-cell{font-size:clamp(19px,3.2vw,34px)}.mq-board--8 .mq-cell{font-size:clamp(15px,2.6vw,27px)}
.mq-cell:nth-child(odd){background:color-mix(in srgb,var(--mq-cell) 95%,var(--mq-cell-alt) 5%)}.mq-cell:hover{background:color-mix(in srgb,var(--mq-accent) 10%,var(--mq-cell))}.mq-cell.mq-box-right{box-shadow:2px 0 0 color-mix(in srgb,var(--mq-accent) 65%,#31536a 35%)}.mq-cell.mq-box-bottom{border-bottom:2px solid color-mix(in srgb,var(--mq-accent) 65%,#31536a 35%)}.mq-cell.mq-box-right.mq-box-bottom{box-shadow:2px 0 0 color-mix(in srgb,var(--mq-accent) 65%,#31536a 35%);border-bottom:2px solid color-mix(in srgb,var(--mq-accent) 65%,#31536a 35%)}
.mq-cell.mq-given{color:var(--mq-given);font-weight:950;text-shadow:0 1px 0 rgba(0,0,0,.25)}.mq-cell.mq-related{background:color-mix(in srgb,var(--mq-accent) 8%,var(--mq-cell))}.mq-cell.mq-same{background:color-mix(in srgb,var(--mq-accent-2) 15%,var(--mq-cell));color:color-mix(in srgb,var(--mq-accent-2) 88%,#fff 12%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mq-accent-2) 24%,transparent)}.mq-cell.mq-selected{z-index:4;background:color-mix(in srgb,var(--mq-accent) 23%,var(--mq-cell));color:#fff;box-shadow:inset 0 0 0 3px var(--mq-accent),0 0 22px color-mix(in srgb,var(--mq-accent) 30%,transparent)}.mq-cell.mq-wrong{color:var(--mq-danger);background:color-mix(in srgb,var(--mq-danger) 12%,var(--mq-cell))}.mq-value{line-height:1}.mq-notes{display:grid;grid-template-columns:repeat(var(--note-cols),1fr);width:100%;height:100%;padding:3px}.mq-notes i{display:grid;place-items:center;color:color-mix(in srgb,var(--mq-user) 68%,var(--mq-muted));font-size:clamp(7px,1vw,11px);font-style:normal;font-weight:750;line-height:1}
.mq-pulse-correct{animation:mqCorrect .58s ease}.mq-pulse-hint{animation:mqHint .9s ease}@keyframes mqCorrect{35%{transform:scale(1.09);background:rgba(102,240,207,.34);box-shadow:inset 0 0 0 2px var(--mq-accent),0 0 28px rgba(102,240,207,.42)}}@keyframes mqHint{30%,70%{background:rgba(255,207,112,.28);box-shadow:inset 0 0 0 3px #ffcf70,0 0 30px rgba(255,207,112,.45)}}
.mq-board-loading{position:absolute;inset:10px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:15px;background:rgba(6,14,24,.93);backdrop-filter:blur(12px)}.mq-loader{width:48px;height:48px;border:2px solid color-mix(in srgb,var(--mq-accent) 18%,transparent);border-top-color:var(--mq-accent);border-radius:50%;animation:mqSpin .7s linear infinite;box-shadow:0 0 25px color-mix(in srgb,var(--mq-accent) 18%,transparent)}@keyframes mqSpin{to{transform:rotate(360deg)}}.mq-board-loading strong{color:var(--mq-accent);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.mq-number-pad{display:grid;grid-template-columns:repeat(var(--mq-pad-size),1fr);gap:7px;width:min(100%,560px);margin:10px auto 0}.mq-number-pad button{min-width:0;min-height:50px;padding:5px 2px;border:1px solid var(--mq-line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));transition:.15s}.mq-number-pad button:hover:not(.complete){transform:translateY(-2px);border-color:color-mix(in srgb,var(--mq-accent) 45%,transparent);background:color-mix(in srgb,var(--mq-accent) 9%,transparent)}.mq-number-pad button.complete{opacity:.24;cursor:default}.mq-number-pad b{display:block;color:var(--mq-accent);font-size:20px;line-height:1}.mq-number-pad small{display:block;margin-top:3px;color:var(--mq-muted);font-size:7px}.mq-mobile-tools{display:none}
.mq-insight{display:flex;align-items:center;gap:11px;min-height:65px;margin-top:10px;padding:10px 13px;border-radius:16px}.mq-insight-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border:1px solid color-mix(in srgb,var(--mq-accent) 30%,transparent);border-radius:12px;color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 8%,transparent);text-shadow:0 0 14px currentColor}.mq-insight--warning .mq-insight-icon{color:var(--mq-danger);border-color:color-mix(in srgb,var(--mq-danger) 35%,transparent);background:color-mix(in srgb,var(--mq-danger) 8%,transparent)}.mq-insight strong{display:block;margin-bottom:2px;color:#f4fbff;font-size:10px}.mq-insight p{margin:0;color:var(--mq-muted);font-size:9px;line-height:1.45}

.mq-power{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;min-height:62px;margin-bottom:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.012));text-align:left;transition:.17s}.mq-power:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mq-accent) 36%,transparent);background:color-mix(in srgb,var(--mq-accent) 7%,transparent)}.mq-power-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:17px}.mq-power-icon--mint{color:#70f0d0;background:rgba(112,240,208,.09)}.mq-power-icon--blue{color:#72c8ff;background:rgba(114,200,255,.09)}.mq-power-icon--pink{color:#ff8fc7;background:rgba(255,143,199,.09)}.mq-power b{display:block;font-size:10px}.mq-power small{display:block;margin-top:3px;color:var(--mq-muted);font-size:7.5px;line-height:1.35}.mq-power>i{width:25px;height:25px;display:grid;place-items:center;border-radius:999px;color:var(--mq-accent);background:rgba(255,255,255,.05);font-size:9px;font-style:normal;font-weight:900}
.mq-readout{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.mq-readout div{padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.022)}.mq-readout span{display:block;color:var(--mq-muted);font-size:7px;text-transform:uppercase}.mq-readout strong{display:block;margin-top:2px;color:var(--mq-accent-2);font-size:11px}
.mq-mini-card{margin-top:9px;padding:11px;border:1px solid color-mix(in srgb,var(--mq-pink) 20%,transparent);border-radius:14px;background:linear-gradient(135deg,rgba(255,131,190,.07),rgba(114,200,255,.035))}.mq-mini-card span{display:block;color:var(--mq-pink);font-size:8px;font-weight:900;text-transform:uppercase}.mq-mini-card b{display:block;margin:3px 0 8px;font-size:10px}.mq-mini-card button{width:100%;min-height:34px;border:1px solid rgba(255,131,190,.25);border-radius:10px;background:rgba(255,131,190,.07);color:#ffc5e0;font-size:8px;font-weight:900}.mq-settings-link{width:100%;margin-top:10px;padding:8px;border:0;background:transparent;color:var(--mq-muted);font-size:8px;text-decoration:underline;text-underline-offset:3px}

.mq-toast{position:fixed;left:50%;bottom:22px;z-index:1000;max-width:min(90vw,420px);padding:10px 15px;border:1px solid var(--mq-line);border-radius:999px;background:rgba(8,17,29,.94);color:#edf8ff;font-size:10px;font-weight:800;box-shadow:0 16px 45px rgba(0,0,0,.4);backdrop-filter:blur(15px);opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:.22s}.mq-toast.show{opacity:1;transform:translate(-50%,0)}.mq-toast.success{border-color:rgba(104,237,183,.35);color:#8ff4cd}.mq-toast.warn{border-color:rgba(255,107,131,.35);color:#ff9eb0}
.mq-modal-layer{position:fixed;inset:0;z-index:800;display:grid;place-items:center;padding:18px;background:rgba(2,7,14,.78);backdrop-filter:blur(9px)}.mq-modal{width:min(92vw,540px);max-height:88vh;overflow:auto;padding:20px;border:1px solid var(--mq-line);border-radius:22px;background:linear-gradient(180deg,#102033,#091521);box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05)}.mq-modal--wide{width:min(94vw,920px)}.mq-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.mq-modal-head small{display:block;color:var(--mq-accent);font-size:8px;font-weight:900;letter-spacing:.14em}.mq-modal-head h2{margin:3px 0 0;font-size:22px;letter-spacing:-.04em}.mq-modal-head>button{width:34px;height:34px;border:1px solid var(--mq-line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--mq-muted);font-size:20px}.mq-modal-actions{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}
.mq-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mq-mode-grid button{min-height:130px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));text-align:left;transition:.18s}.mq-mode-grid button:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--mq-accent) 42%,transparent);background:color-mix(in srgb,var(--mq-accent) 7%,transparent)}.mq-mode-grid i{width:42px;height:42px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 9%,transparent);font-size:18px;font-style:normal}.mq-mode-grid b{display:block;font-size:12px}.mq-mode-grid span{display:block;margin-top:5px;color:var(--mq-muted);font-size:8.5px;line-height:1.45}
.mq-setup h3,.mq-section-title{margin:13px 0 8px;color:var(--mq-muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.mq-choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mq-choice-row--4{grid-template-columns:repeat(4,1fr)}.mq-choice{min-height:75px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025)}.mq-choice.active{border-color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 10%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--mq-accent) 8%,transparent)}.mq-choice b{display:block;color:#f2faff;font-size:12px}.mq-choice span{display:block;margin-top:4px;color:var(--mq-muted);font-size:8px}.mq-start-setup{width:100%;margin-top:16px}
.mq-campaign-wrap{display:grid;grid-template-columns:280px 1fr;gap:12px}.mq-world-list{display:flex;flex-direction:column;gap:6px;max-height:590px;overflow:auto;padding-right:4px}.mq-world-tile{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:58px;padding:7px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.02);text-align:left}.mq-world-tile.active{border-color:color-mix(in srgb,var(--mq-accent) 42%,transparent);background:color-mix(in srgb,var(--mq-accent) 7%,transparent)}.mq-world-tile.locked{opacity:.35}.mq-world-tile>i,.mq-mission-head>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--tile-color);background:color-mix(in srgb,var(--tile-color) 10%,transparent);font-style:normal}.mq-world-tile b{display:block;font-size:9px}.mq-world-tile small{display:block;margin-top:2px;color:var(--mq-muted);font-size:7px}.mq-world-tile em{color:var(--mq-accent);font-size:7.5px;font-style:normal}.mq-mission-panel{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.018)}.mq-mission-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.mq-mission-head small{color:var(--mq-muted);font-size:7px}.mq-mission-head h3{margin:2px 0 0;font-size:15px}.mq-mission-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.mq-mission-grid button{min-height:68px;padding:5px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.022)}.mq-mission-grid button.active{border-color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 10%,transparent)}.mq-mission-grid button.locked{opacity:.3}.mq-mission-grid b{display:block;font-size:10px}.mq-mission-grid span{display:block;margin-top:2px;color:var(--mq-accent-2);font-size:7px}.mq-mission-grid small{display:block;margin-top:3px;color:var(--mq-muted);font-size:6.3px}
.mq-result{text-align:center}.mq-result-burst{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 10px;border:1px solid color-mix(in srgb,var(--mq-accent) 48%,transparent);border-radius:50%;color:var(--mq-accent);background:radial-gradient(circle,color-mix(in srgb,var(--mq-accent) 18%,transparent),transparent 70%);font-size:38px;font-weight:950;box-shadow:0 0 50px color-mix(in srgb,var(--mq-accent) 18%,transparent)}.mq-result--fail .mq-result-burst{color:var(--mq-danger);border-color:rgba(255,107,131,.4);background:rgba(255,107,131,.07)}.mq-result>small{color:var(--mq-accent);font-size:8px;font-weight:900;letter-spacing:.14em}.mq-result h2{margin:5px 0;font-size:25px}.mq-result p{color:var(--mq-muted);font-size:10px}.mq-stars{color:#ffd36e;font-size:25px;letter-spacing:4px;text-shadow:0 0 18px rgba(255,211,110,.35)}.mq-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.mq-result-grid div{padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.022)}.mq-result-grid span{display:block;color:var(--mq-muted);font-size:7px;text-transform:uppercase}.mq-result-grid b{display:block;margin-top:3px;color:#eff9ff;font-size:11px}
.mq-stat-hero{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mq-stat-hero div{padding:16px;border:1px solid color-mix(in srgb,var(--mq-accent) 16%,transparent);border-radius:14px;background:color-mix(in srgb,var(--mq-accent) 5%,transparent)}.mq-stat-hero span,.mq-stat-grid span{display:block;color:var(--mq-muted);font-size:7px;text-transform:uppercase}.mq-stat-hero b{display:block;margin-top:4px;color:var(--mq-accent);font-size:20px}.mq-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.mq-stat-grid div{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.02)}.mq-stat-grid b{display:block;margin-top:3px;font-size:12px}.mq-size-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mq-size-stats div{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.02);text-align:center}.mq-size-stats i{display:block;color:var(--mq-accent);font-size:9px;font-style:normal}.mq-size-stats b{display:block;margin:3px 0;font-size:18px}.mq-size-stats span{color:var(--mq-muted);font-size:7px}
.mq-achievements{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mq-achievements>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.02);opacity:.45}.mq-achievements>div.unlocked{opacity:1;border-color:color-mix(in srgb,var(--mq-accent) 22%,transparent);background:color-mix(in srgb,var(--mq-accent) 5%,transparent)}.mq-achievements i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 8%,transparent);font-style:normal}.mq-achievements b{display:block;font-size:9px}.mq-achievements small{display:block;margin-top:2px;color:var(--mq-muted);font-size:7px}.mq-achievements em{color:var(--mq-accent);font-size:7px;font-style:normal}
.mq-theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mq-theme-row button{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.02)}.mq-theme-row button.active{border-color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 8%,transparent)}.mq-theme-swatch{width:32px;height:32px;border-radius:9px}.mq-theme-swatch--aurora{background:linear-gradient(135deg,#6af0d0,#72c8ff)}.mq-theme-swatch--sunset{background:linear-gradient(135deg,#ffcf70,#ff8eba)}.mq-theme-swatch--midnight{background:linear-gradient(135deg,#a58cff,#64d7f3)}.mq-theme-row b{font-size:9px}.mq-setting-list{margin-top:10px}.mq-setting-list button{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:7px 3px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#dceaf4;font-size:9px}.mq-setting-list i{position:relative;width:36px;height:20px;border-radius:999px;background:rgba(255,255,255,.09)}.mq-setting-list i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#7b8ea0;transition:.16s}.mq-setting-list i.on{background:color-mix(in srgb,var(--mq-accent) 28%,transparent)}.mq-setting-list i.on::after{left:19px;background:var(--mq-accent)}
.mq-tutorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mq-tutorial-grid>div{padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.02)}.mq-tutorial-grid i{width:34px;height:34px;display:grid;place-items:center;margin-bottom:8px;border-radius:10px;color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 8%,transparent);font-style:normal;font-weight:900}.mq-tutorial-grid b{display:block;font-size:10px}.mq-tutorial-grid p{margin:4px 0 0;color:var(--mq-muted);font-size:8px;line-height:1.45}.mq-tutorial-start{width:100%;margin-top:12px}
.mq-pause{position:absolute;inset:0;z-index:700;display:grid;place-items:center;background:rgba(3,9,16,.86);backdrop-filter:blur(14px)}.mq-pause-card{width:min(90%,400px);padding:30px;border:1px solid var(--mq-line);border-radius:22px;background:linear-gradient(180deg,#112137,#0b1726);text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.48)}.mq-pause-logo{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--mq-accent) 40%,transparent);border-radius:22px;color:var(--mq-accent);background:color-mix(in srgb,var(--mq-accent) 8%,transparent);font-size:28px}.mq-pause-card small{color:var(--mq-accent);font-size:8px;letter-spacing:.15em}.mq-pause-card h2{margin:5px 0;font-size:25px}.mq-pause-card p{margin:0 0 15px;color:var(--mq-muted);font-size:10px}
.mq-celebration{position:absolute;inset:0;z-index:750;overflow:hidden;pointer-events:none}.mq-celebration i{position:absolute;left:var(--x);top:-20px;width:8px;height:14px;border-radius:2px;background:var(--mq-accent);opacity:0;transform:rotate(var(--r));animation:mqConfetti 1.8s var(--d) ease-in forwards}.mq-celebration i[style*="--c:1"]{background:var(--mq-accent-2)}.mq-celebration i[style*="--c:2"]{background:var(--mq-pink)}.mq-celebration i[style*="--c:3"]{background:#ffd36e}.mq-celebration i[style*="--c:4"]{background:#fff}.mq-celebration:not(.active) i{display:none}@keyframes mqConfetti{10%{opacity:1}100%{opacity:0;top:105%;transform:rotate(calc(var(--r) + 540deg)) translateX(40px)}}

@media (max-width:1180px){.mq-topbar{grid-template-columns:190px 1fr auto}.mq-metrics{display:none}.mq-layout{grid-template-columns:190px minmax(390px,1fr) 195px}.mq-actions .mq-btn:nth-child(3){display:none}.mq-panel{padding:10px}.mq-power{grid-template-columns:37px 1fr auto}.mq-power-icon{width:37px;height:37px}.mq-board-shell{width:min(100%,520px)}}
@media (max-width:900px){#gcg-game-root{min-height:650px}.mq-game{min-height:650px;border-radius:18px}.mq-topbar{grid-template-columns:1fr auto;min-height:64px;padding:8px 11px}.mq-brand{grid-column:1}.mq-actions{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.mq-actions::-webkit-scrollbar{display:none}.mq-actions .mq-btn{min-height:34px;padding:7px 10px}.mq-utility{grid-column:2;grid-row:1}.mq-subbar{padding:5px 11px}.mq-objective{display:none!important}.mq-subbar{grid-template-columns:1fr auto}.mq-layout{grid-template-columns:1fr;padding:9px}.mq-left-panel,.mq-right-panel{display:none}.mq-stage{min-height:0}.mq-board-shell{width:min(100%,560px)}.mq-insight{width:min(100%,560px);margin-left:auto;margin-right:auto}.mq-mobile-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:min(100%,560px);margin:8px auto 0}.mq-mobile-tools button{min-height:38px;border:1px solid var(--mq-line);border-radius:10px;background:rgba(255,255,255,.025);font-size:8px;font-weight:850}.mq-mobile-tools b{color:var(--mq-accent);font-size:7px}.mq-campaign-wrap{grid-template-columns:1fr}.mq-world-list{display:grid;grid-template-columns:1fr 1fr;max-height:220px}.mq-mission-grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:620px){#gcg-game-root{min-height:600px}.mq-game{min-height:600px;border-radius:14px}.mq-topbar{min-height:58px}.mq-logo{width:42px;height:42px;flex-basis:42px}.mq-brand h2{font-size:17px}.mq-brand small{font-size:7px}.mq-actions .mq-btn{font-size:8px}.mq-actions .mq-btn:nth-child(4){display:none}.mq-subbar{min-height:34px}.mq-layout{padding:6px}.mq-stage{padding:8px;border-radius:15px}.mq-stage-head{padding-bottom:7px}.mq-stage-tools button{min-width:33px;height:31px;padding:0 6px}.mq-board-shell{padding:7px;border-radius:17px}.mq-board{border-width:2px;border-radius:11px}.mq-size-badge{right:-3px;top:-5px}.mq-cell{font-size:clamp(24px,10vw,40px)}.mq-board--6 .mq-cell{font-size:clamp(20px,7.5vw,31px)}.mq-board--8 .mq-cell{font-size:clamp(15px,5.6vw,23px)}.mq-notes i{font-size:clamp(6px,2.2vw,9px)}.mq-number-pad{gap:4px;margin-top:7px}.mq-number-pad button{min-height:44px;border-radius:9px}.mq-number-pad b{font-size:17px}.mq-number-pad small{font-size:6px}.mq-insight{min-height:58px;margin-top:7px;padding:8px 10px}.mq-insight-icon{width:35px;height:35px;flex-basis:35px}.mq-insight p{font-size:8px}.mq-mobile-tools{gap:4px;margin-top:6px}.mq-mobile-tools button{min-height:35px}.mq-modal-layer{padding:8px}.mq-modal{width:96vw;padding:15px;border-radius:17px}.mq-modal-head h2{font-size:19px}.mq-mode-grid{grid-template-columns:1fr 1fr}.mq-mode-grid button{min-height:112px;padding:11px}.mq-choice-row--4{grid-template-columns:1fr 1fr}.mq-campaign-wrap{display:block}.mq-world-list{grid-template-columns:1fr 1fr;max-height:175px;margin-bottom:9px}.mq-world-tile{grid-template-columns:31px 1fr;min-height:48px}.mq-world-tile>i{width:31px;height:31px}.mq-world-tile em{display:none}.mq-mission-grid{grid-template-columns:repeat(5,1fr)}.mq-mission-grid button{min-height:58px}.mq-result-grid{grid-template-columns:1fr 1fr}.mq-stat-grid{grid-template-columns:1fr 1fr}.mq-achievements{grid-template-columns:1fr}.mq-tutorial-grid{grid-template-columns:1fr}.mq-theme-row{grid-template-columns:1fr}}
@media (max-height:760px) and (min-width:901px){.mq-game{min-height:650px}.mq-panel,.mq-stage{min-height:560px}.mq-board-shell{width:min(100%,490px)}.mq-number-pad button{min-height:43px}.mq-world-card{padding:11px}.mq-power{min-height:55px;margin-bottom:6px}.mq-layout{padding-top:8px;padding-bottom:8px}}