.cqh-shd-app{--shd-cyan:#55ddff;--shd-blue:#168cff;--shd-purple:#ad58ff;--shd-red:#ff5448;--shd-gold:#ffc849;position:relative;width:100%;max-width:760px;margin:0 auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;line-height:1.2}
.cqh-shd-app *{box-sizing:border-box}
.cqh-shd-shell{position:relative;width:100%;aspect-ratio:9/16;max-height:96vh;overflow:hidden;background:#030818;border:1px solid rgba(110,206,255,.28);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04)}
.cqh-shd-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;background:#06102a}
.cqh-shd-hud{position:absolute;inset:0;pointer-events:none;padding:14px 14px 0;z-index:4}
.cqh-shd-shield{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:56%;height:44px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,rgba(4,16,39,.9),rgba(6,12,25,.72));border:1px solid rgba(98,211,255,.32);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.cqh-shd-shield-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:17px;color:#dffaff;background:radial-gradient(circle,#3ee8ff 0 24%,#126fd0 25% 58%,#061a42 60%);box-shadow:0 0 16px #28cfff}
.cqh-shd-bar{flex:1;height:13px;border-radius:999px;background:#08162d;border:1px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.55)}
.cqh-shd-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0f86ff,#55e8ff);box-shadow:0 0 16px #38d8ff;transition:width .18s linear}
.cqh-shd-shield b{min-width:44px;text-align:right;font-size:12px;letter-spacing:.03em}
.cqh-shd-wave{position:absolute;right:54px;top:20px;font-size:15px;font-weight:900;letter-spacing:.05em;text-shadow:0 2px 8px #000}
.cqh-shd-settings-btn{pointer-events:auto;position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(112,216,255,.35);background:rgba(4,15,33,.82);color:#dffaff;font-size:17px;cursor:pointer}
.cqh-shd-kills{position:absolute;right:18px;top:62px;padding:5px 9px;border-radius:8px;background:rgba(2,10,25,.65);font-size:10px;font-weight:800;letter-spacing:.08em;color:#bfeeff}
.cqh-shd-manual{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:8px 13px;border:1px solid rgba(86,220,255,.25);border-radius:999px;background:rgba(2,9,22,.7);font-size:10px;font-weight:900;letter-spacing:.12em;white-space:nowrap;color:#a8ecff;text-shadow:0 1px 5px #000;transition:.2s}
.cqh-shd-manual.is-flash{color:#fff;border-color:rgba(194,109,255,.8);box-shadow:0 0 24px rgba(151,80,255,.4);background:rgba(30,8,56,.85)}
.cqh-shd-screen{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(2,6,18,.3),rgba(2,6,18,.78));backdrop-filter:blur(2px)}
.cqh-shd-screen[hidden]{display:none!important}
.cqh-shd-start{flex-direction:column;justify-content:flex-end;padding:32px 20px 28px;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(4,9,24,.12) 35%,rgba(3,8,22,.92) 70%)}
.cqh-shd-title{position:absolute;top:7%;left:6%;right:6%;text-align:center;text-shadow:0 4px 18px #000}
.cqh-shd-title small{display:block;font-size:10px;font-weight:900;letter-spacing:.2em;color:#8adfff;margin-bottom:8px}
.cqh-shd-title h1{margin:0;font-size:clamp(34px,8vw,62px);font-weight:1000;letter-spacing:.04em;background:linear-gradient(180deg,#f6fdff,#54dfff 45%,#7b78ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(76,200,255,.25))}
.cqh-shd-title p{max-width:480px;margin:10px auto 0;color:#d5eaff;font-size:12px;line-height:1.45}
.cqh-shd-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:560px}
.cqh-shd-mode{appearance:none;position:relative;display:block;border:0;border-radius:18px;padding:0;background:transparent;color:#fff;cursor:pointer;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 0 1px rgba(102,209,255,.14);transition:transform .15s,box-shadow .15s,filter .15s}
.cqh-shd-mode:hover,.cqh-shd-mode:active{transform:translateY(-3px) scale(1.01);box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 24px rgba(67,216,255,.22)}
.cqh-shd-mode:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(168,238,255,.9),0 16px 34px rgba(0,0,0,.34),0 0 24px rgba(67,216,255,.22)}
.cqh-shd-mode img{display:block;width:100%;height:auto;aspect-ratio:360/488;object-fit:cover;background:#091430}
.cqh-shd-mode-fallback{display:flex;align-items:center;justify-content:center;min-height:180px;padding:18px;background:linear-gradient(180deg,rgba(10,34,70,.92),rgba(4,15,37,.96));font-size:20px;font-weight:1000;letter-spacing:.08em;color:#dff8ff}
.cqh-shd-mode.is-locked{filter:none;opacity:1;cursor:pointer}
.cqh-shd-start-tip{margin-top:13px;font-size:10px;text-align:center;color:#a9cbe8;max-width:520px;line-height:1.4}
.cqh-shd-upgrade{background:rgba(1,5,15,.78);backdrop-filter:blur(6px);align-items:center}
.cqh-shd-upgrade-box{width:100%;max-width:620px;text-align:center}
.cqh-shd-upgrade-box>small{display:block;font-size:11px;font-weight:900;letter-spacing:.15em;color:#6edfff}
.cqh-shd-upgrade-box h2{margin:7px 0 17px;font-size:22px;letter-spacing:.04em}
.cqh-shd-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cqh-shd-card{position:relative;appearance:none;min-width:0;padding:10px 8px 12px;border-radius:14px;border:1px solid rgba(95,201,255,.42);background:linear-gradient(180deg,rgba(11,39,75,.97),rgba(5,16,39,.98));color:#fff;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.32),inset 0 0 22px rgba(50,170,255,.07);transition:.16s}
.cqh-shd-card:hover,.cqh-shd-card:active{transform:translateY(-4px) scale(1.01);border-color:#72e7ff;box-shadow:0 0 30px rgba(61,205,255,.2)}
.cqh-shd-card.is-epic{border-color:#bd63ff;background:linear-gradient(180deg,rgba(58,18,92,.97),rgba(20,6,45,.98));box-shadow:0 0 28px rgba(174,77,255,.16)}
.cqh-shd-card img{display:block;width:100%;height:110px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.cqh-shd-card-glyph{display:grid;place-items:center;height:110px;font-size:48px;color:#65e5ff}
.cqh-shd-card strong{display:block;font-size:11px;line-height:1.2;letter-spacing:.03em}
.cqh-shd-card>span:not(.cqh-shd-card-glyph){display:block;margin-top:6px;font-size:9px;line-height:1.35;color:#b9d3ea}
.cqh-shd-card em{display:inline-block;margin-top:8px;padding:3px 7px;border-radius:999px;background:#7e32c8;color:#fff;font-size:8px;font-style:normal;font-weight:1000;letter-spacing:.12em}
.cqh-shd-gameover{background:rgba(2,5,15,.82);backdrop-filter:blur(7px)}
.cqh-shd-end-card,.cqh-shd-dialog{width:min(100%,440px);padding:25px;border:1px solid rgba(102,211,255,.38);border-radius:20px;text-align:center;background:linear-gradient(180deg,rgba(9,28,57,.98),rgba(4,12,31,.99));box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 0 35px rgba(56,186,255,.06)}
.cqh-shd-end-card.is-win{border-color:rgba(184,100,255,.6);box-shadow:0 0 45px rgba(146,71,255,.18)}
.cqh-shd-end-card small{font-size:10px;font-weight:1000;letter-spacing:.16em;color:#71dcff}
.cqh-shd-end-card h2{margin:8px 0 10px;font-size:36px;line-height:1.04;color:#ffe9b0;text-shadow:0 0 18px rgba(255,210,120,.15)}
.cqh-shd-end-card p{font-size:13px;color:#d6e7f6;line-height:1.5}
.cqh-shd-end-stats{display:flex;gap:8px;justify-content:center;margin:17px 0}
.cqh-shd-end-stats b{padding:10px 12px;border-radius:12px;background:#07162f;border:1px solid rgba(255,255,255,.08);font-size:12px;color:#f4fbff;box-shadow:inset 0 0 16px rgba(83,194,255,.06)}
.cqh-shd-end-card button,.cqh-shd-dialog button{display:block;width:100%;margin-top:9px;padding:12px 14px;border:0;border-radius:11px;background:linear-gradient(180deg,#38cfff,#1376df);color:#fff;font-weight:1000;letter-spacing:.05em;cursor:pointer;box-shadow:0 8px 18px rgba(0,100,220,.25)}
.cqh-shd-end-card button:last-child,.cqh-shd-dialog button:last-child{background:#101b2e;color:#b8cce0;border:1px solid rgba(255,255,255,.1)}
.cqh-shd-settings{background:rgba(1,5,15,.72);backdrop-filter:blur(6px)}
.cqh-shd-dialog h2{margin:0 0 16px}
.cqh-shd-dialog label{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;background:#07162d;font-size:12px;font-weight:900}
.cqh-shd-dialog input{width:21px;height:21px}
.cqh-shd-app:not(.is-ready) .cqh-shd-shell:after{content:"LOADING SKY HAVEN…";position:absolute;inset:0;display:grid;place-items:center;background:#030817;color:#72e4ff;font-weight:1000;letter-spacing:.12em;z-index:20}
@media(max-width:560px){
 .cqh-shd-shell{border-radius:10px;max-height:none}
 .cqh-shd-card-grid{gap:6px}
 .cqh-shd-card{padding:8px 5px 10px;border-radius:11px}
 .cqh-shd-card img,.cqh-shd-card-glyph{height:82px}
 .cqh-shd-card strong{font-size:9px}
 .cqh-shd-card>span:not(.cqh-shd-card-glyph){font-size:7.5px}
 .cqh-shd-title p{font-size:10px}
 .cqh-shd-shield{width:55%;height:39px;left:10px;top:10px}
 .cqh-shd-wave{right:46px;top:16px;font-size:12px}
 .cqh-shd-settings-btn{right:8px;top:8px;width:34px;height:34px}
 .cqh-shd-kills{right:10px;top:52px}
}

/* v0.2.0: compact 9:16 wave progress + calibrated card level feedback */
.cqh-shd-wave{right:58px;top:14px;width:150px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.cqh-shd-wave strong{font-size:14px;font-weight:1000;letter-spacing:.05em;text-shadow:0 2px 8px #000;white-space:nowrap}
.cqh-shd-wave-progress{display:block;width:118px;height:5px;border-radius:999px;overflow:hidden;background:rgba(3,13,31,.9);border:1px solid rgba(116,220,255,.25);box-shadow:inset 0 1px 4px rgba(0,0,0,.7)}
.cqh-shd-wave-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#198cff,#5ce9ff);box-shadow:0 0 10px #47dfff;transition:width .16s linear}
.cqh-shd-wave small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#bfeeff;text-shadow:0 2px 6px #000}
.cqh-shd-card:not(.is-epic) em{background:rgba(25,122,180,.55);color:#dff9ff}
@media(max-width:560px){
 .cqh-shd-wave{right:48px;top:9px;width:126px;gap:2px}
 .cqh-shd-wave strong{font-size:11px}
 .cqh-shd-wave-progress{width:96px;height:4px}
 .cqh-shd-wave small{font-size:7px}
}

/* v0.3.0 — exact 9:16 Sky Haven frame integration.
   Measured from the 941×1672 frame asset:
   inner gameplay rect = x 98..843, y 404..1608. */
.cqh-shd-app{max-width:620px}
.cqh-shd-shell{
  position:relative;
  width:100%;
  aspect-ratio:941/1672;
  max-height:none;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#020513;
  box-shadow:0 22px 70px rgba(0,0,0,.48);
  isolation:isolate;
}
.cqh-shd-frame-layer,.cqh-shd-frame-fallback{
  position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;user-select:none;-webkit-user-drag:none
}
.cqh-shd-frame-layer{display:block;object-fit:fill}
.cqh-shd-frame-fallback{background:linear-gradient(180deg,#07183c,#020717 24%,#03091f)}
.cqh-shd-playfield{
  position:absolute;
  left:10.414%;
  top:24.163%;
  width:79.171%;
  height:72.010%;
  overflow:hidden;
  z-index:2;
  background:#03091f;
  clip-path:inset(0 0 0 0);
  touch-action:none;
}
.cqh-shd-canvas{position:absolute;inset:0;width:100%;height:100%;background:#06102a;touch-action:none}
.cqh-shd-hud{position:absolute;inset:0;padding:0;z-index:5;pointer-events:none}

/* Dynamic values sit on top of the three empty frame panels, never baked into the art. */
.cqh-shd-frame-stats{position:absolute;inset:0;z-index:4;pointer-events:none}
.cqh-shd-frame-stats[hidden]{display:none!important}
.cqh-shd-frame-stat{
  position:absolute;top:17.55%;height:5.0%;display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding-left:4.2%;text-align:center;text-shadow:0 2px 8px #000;color:#f4fbff
}
.cqh-shd-frame-stat-score{left:11.4%;width:24.2%}
.cqh-shd-frame-stat-wave{left:36.25%;width:27.45%}
.cqh-shd-frame-stat-enemies{left:63.65%;width:24.0%}
.cqh-shd-frame-stat small{font-size:clamp(6px,1.25vw,10px);font-weight:900;letter-spacing:.12em;color:#8ee9ff;line-height:1}
.cqh-shd-frame-stat b{margin-top:3px;font-size:clamp(11px,2.7vw,22px);font-weight:1000;letter-spacing:.035em;line-height:1;color:#fff}
.cqh-shd-frame-stat-wave span{display:block;width:54%;height:4px;margin-top:5px;border-radius:999px;overflow:hidden;background:rgba(2,8,23,.9);border:1px solid rgba(100,217,255,.25)}
.cqh-shd-frame-stat-wave span i{display:block;width:0;height:100%;background:linear-gradient(90deg,#198cff,#65efff);box-shadow:0 0 9px #4de8ff;transition:width .16s linear}

/* Real settings button is UI, not part of the frame art. */
.cqh-shd-settings-btn{
  appearance:none;-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:transparent;
  pointer-events:auto;position:absolute;right:3.25%;top:16.95%;z-index:6;width:clamp(44px,8.8vw,62px);height:clamp(44px,8.8vw,62px);
  border:0;border-radius:0;background:transparent;color:#dffaff;font-size:clamp(22px,5.2vw,34px);font-weight:900;line-height:1;
  text-shadow:0 0 8px #26cfff,0 2px 7px #000;filter:drop-shadow(0 0 5px rgba(64,211,255,.48));cursor:pointer;padding:0
}
.cqh-shd-settings-btn[hidden]{display:none!important}

/* Compact shield HUD is completely inside the measured playfield. */
.cqh-shd-shield{
  position:absolute;left:50%;top:1.25%;transform:translateX(-50%);width:56%;height:clamp(29px,6vw,42px);display:flex;align-items:center;gap:6px;padding:4px 8px;
  border-radius:999px;background:linear-gradient(180deg,rgba(6,24,54,.93),rgba(2,10,27,.87));border:1px solid rgba(102,224,255,.44);
  box-shadow:0 5px 17px rgba(0,0,0,.3),inset 0 0 16px rgba(45,190,255,.06)
}
.cqh-shd-shield-icon{display:grid;place-items:center;flex:0 0 auto;width:clamp(22px,4.8vw,31px);height:clamp(22px,4.8vw,31px);border-radius:50%;font-size:clamp(12px,2.8vw,18px);color:#e9fdff;background:radial-gradient(circle,#70efff 0 18%,#147cd7 22% 58%,#06163b 62%);box-shadow:0 0 13px #2bd7ff}
.cqh-shd-bar{flex:1;height:clamp(8px,1.9vw,13px);border-radius:999px;background:#06132b;border:1px solid rgba(255,255,255,.16);overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.62)}
.cqh-shd-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0b7fff,#55eaff 65%,#80fff5);box-shadow:0 0 14px #35dfff;transition:width .18s linear}
.cqh-shd-shield b{min-width:36px;text-align:right;font-size:clamp(8px,1.9vw,12px);letter-spacing:.02em}

.cqh-shd-combat-toast{
  position:absolute;left:50%;top:9%;transform:translateX(-50%);max-width:78%;padding:7px 12px;border-radius:999px;
  border:1px solid rgba(104,222,255,.4);background:rgba(2,10,26,.78);color:#c9f5ff;font-size:clamp(7px,1.65vw,10px);font-weight:1000;
  letter-spacing:.08em;text-align:center;white-space:nowrap;text-shadow:0 1px 6px #000;box-shadow:0 0 18px rgba(61,203,255,.12)
}
.cqh-shd-combat-toast.is-flash{color:#fff;border-color:rgba(194,109,255,.78);background:rgba(31,8,57,.86);box-shadow:0 0 22px rgba(151,80,255,.35)}
.cqh-shd-combat-toast[hidden]{display:none!important}

/* Transparent mobile controls: aim on the left, fire on the right. */
.cqh-shd-controls{position:absolute;inset:0;z-index:6;pointer-events:none}
.cqh-shd-controls[hidden]{display:none!important}
.cqh-shd-joystick{
  pointer-events:auto;position:absolute;left:3.2%;bottom:2.4%;width:clamp(70px,18vw,112px);aspect-ratio:1;border-radius:50%;touch-action:none;
  border:1px solid rgba(101,220,255,.36);background:radial-gradient(circle,rgba(77,191,255,.08),rgba(7,30,69,.11) 55%,rgba(2,9,25,.26));
  box-shadow:inset 0 0 20px rgba(66,201,255,.08),0 0 14px rgba(37,170,255,.08)
}
.cqh-shd-joystick:before,.cqh-shd-joystick:after{content:"";position:absolute;left:50%;top:50%;background:rgba(134,231,255,.28);transform:translate(-50%,-50%);border-radius:999px}
.cqh-shd-joystick:before{width:62%;height:1px}.cqh-shd-joystick:after{width:1px;height:62%}
.cqh-shd-joystick i{
  position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border-radius:50%;transform:translate(0,0);margin-left:-21%;margin-top:-21%;
  background:radial-gradient(circle at 38% 35%,rgba(177,247,255,.55),rgba(38,139,226,.34) 45%,rgba(5,31,75,.5));
  border:1px solid rgba(140,237,255,.42);box-shadow:0 0 16px rgba(56,204,255,.16);transition:box-shadow .12s
}
.cqh-shd-fire-btn{
  pointer-events:auto;position:absolute;right:3.2%;bottom:2.7%;width:clamp(68px,17vw,106px);aspect-ratio:1;border-radius:50%;touch-action:none;cursor:pointer;
  border:1px solid rgba(117,231,255,.54);background:radial-gradient(circle,rgba(76,201,255,.18),rgba(7,32,75,.23) 55%,rgba(2,9,25,.38));
  box-shadow:inset 0 0 24px rgba(62,207,255,.12),0 0 18px rgba(42,190,255,.12);color:#dcfbff
}
.cqh-shd-fire-btn span,.cqh-shd-fire-btn span:before,.cqh-shd-fire-btn span:after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%)}
.cqh-shd-fire-btn span{width:38%;aspect-ratio:1;border:2px solid rgba(201,249,255,.9);border-radius:50%;box-shadow:0 0 11px rgba(76,224,255,.55)}
.cqh-shd-fire-btn span:before{width:160%;height:2px;background:rgba(201,249,255,.92)}
.cqh-shd-fire-btn span:after{width:2px;height:160%;background:rgba(201,249,255,.92)}
.cqh-shd-fire-btn.is-firing{transform:scale(.94);border-color:#e2fbff;box-shadow:inset 0 0 28px rgba(91,227,255,.28),0 0 26px rgba(72,218,255,.28)}

/* All modal/game screens are clipped by .cqh-shd-playfield, so cards and FX can never cover the frame. */
.cqh-shd-screen{position:absolute;inset:0;z-index:8;padding:18px}
.cqh-shd-start{padding:22px 14px 18px}
.cqh-shd-title{top:5%;left:5%;right:5%}
.cqh-shd-title h1{font-size:clamp(28px,7vw,52px)}
.cqh-shd-mode-grid{max-width:540px;gap:10px}
.cqh-shd-upgrade-box{max-width:560px}
.cqh-shd-card img,.cqh-shd-card-glyph{height:clamp(64px,15vw,105px)}
.cqh-shd-app:not(.is-ready) .cqh-shd-shell:after{z-index:20}

@media(max-width:560px){
  .cqh-shd-shell{border-radius:0}
  .cqh-shd-frame-stat{top:17.45%}
  .cqh-shd-frame-stat small{letter-spacing:.08em}
  .cqh-shd-frame-stat b{margin-top:2px}
  .cqh-shd-frame-stat-wave span{height:3px;margin-top:3px}
  .cqh-shd-settings-btn{right:2.9%;top:16.8%}
  .cqh-shd-start{padding:16px 10px 12px}
  .cqh-shd-title p{font-size:9px}
  .cqh-shd-mode{border-radius:14px}
  .cqh-shd-card-grid{gap:5px}
  .cqh-shd-card{padding:7px 4px 8px}
  .cqh-shd-card strong{font-size:8px}
  .cqh-shd-card>span:not(.cqh-shd-card-glyph){font-size:7px}
}


/* v0.4.0 — retention, rewarded-ad revive, larger frameless settings control and richer FX. */
.cqh-shd-settings-btn:hover,.cqh-shd-settings-btn:active,.cqh-shd-settings-btn:focus{transform:scale(1.08);color:#fff;filter:drop-shadow(0 0 9px rgba(88,230,255,.85));background:rgba(4,15,33,.82);outline:none;box-shadow:0 0 0 1px rgba(96,225,255,.22),0 0 18px rgba(66,201,255,.18)}
.cqh-shd-settings-btn::-moz-focus-inner{border:0}
.cqh-shd-ad-revive{margin:14px 0 12px;padding:12px;border:1px solid rgba(120,224,255,.34);border-radius:14px;background:linear-gradient(180deg,rgba(8,31,66,.94),rgba(4,13,34,.96));box-shadow:inset 0 0 24px rgba(54,199,255,.08),0 0 24px rgba(65,192,255,.09)}
.cqh-shd-ad-revive>strong{display:block;font-size:13px;letter-spacing:.08em;color:#ecfbff}
.cqh-shd-ad-revive>span{display:block;margin-top:5px;font-size:9px;line-height:1.35;color:#9feaff;font-weight:800}
.cqh-shd-ad-revive>small{display:block;margin-top:7px;font-size:8px;color:#8ba9c1}
.cqh-shd-ad-test{display:inline-block!important;margin:0 0 7px;padding:4px 8px;border-radius:999px;background:rgba(255,182,48,.14);border:1px solid rgba(255,195,74,.52);color:#ffd978!important;font-size:8px!important;font-weight:1000;letter-spacing:.12em}
.cqh-shd-ad-pips{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 7px}
.cqh-shd-ad-pips i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(112,226,255,.35);background:#07172f;box-shadow:inset 0 0 6px rgba(0,0,0,.55)}
.cqh-shd-ad-pips i.on{background:radial-gradient(circle,#f8ffff 0 20%,#58ebff 24% 55%,#167ee7 60%);box-shadow:0 0 12px #42ddff}
.cqh-shd-ad-pips b{font-size:9px;color:#d8f8ff;margin-left:3px}
.cqh-shd-ad-revive button{padding:11px 10px!important;margin-top:7px!important}
.cqh-shd-ad-revive button[disabled]{opacity:.52;cursor:wait;filter:saturate(.55)}
.cqh-shd-ad-revive .cqh-shd-ad-claim{background:linear-gradient(180deg,#a85aff,#6530cf)!important;box-shadow:0 8px 22px rgba(113,48,226,.26)!important;font-size:9px}
.cqh-shd-card.is-epic{overflow:hidden}
.cqh-shd-card.is-epic:before{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 48%,transparent 61%);transform:translateX(-80%) rotate(8deg);animation:cqhShdEpicSheen 3.7s linear infinite;pointer-events:none}
@keyframes cqhShdEpicSheen{to{transform:translateX(80%) rotate(8deg)}}
@media(max-width:560px){
  .cqh-shd-end-card{padding:16px 13px;max-height:96%;overflow:auto}
  .cqh-shd-ad-revive{padding:9px;margin:9px 0}
  .cqh-shd-ad-revive>strong{font-size:10px}
  .cqh-shd-ad-revive>span{font-size:7.5px}
  .cqh-shd-ad-revive button{font-size:8px;padding:9px 7px!important}
}


/* v0.5.0 — Spin the Wheel route journey between multi-wave levels. */
.cqh-shd-route{background:radial-gradient(circle at 50% 28%,rgba(70,28,130,.38),rgba(1,5,18,.93) 68%);backdrop-filter:blur(7px);padding:10px!important;overflow:hidden}
.cqh-shd-route-box{width:100%;height:100%;max-width:580px;display:flex;flex-direction:column;align-items:center;gap:7px;overflow-y:auto;overflow-x:hidden;padding:4px 6px 10px;text-align:center;scrollbar-width:thin}
.cqh-shd-route-box header small{display:block;color:#79e8ff;font-size:8px;font-weight:1000;letter-spacing:.12em}
.cqh-shd-route-box header h2{margin:3px 0 1px;font-size:clamp(18px,5vw,30px);letter-spacing:.055em;background:linear-gradient(180deg,#fff7d6,#ffc657 70%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(106,215,255,.15)}
.cqh-shd-route-box header p{margin:0;color:#b8d4eb;font-size:8px}
.cqh-shd-route-wheel-stage{position:relative;width:min(62%,300px);aspect-ratio:1;flex:0 0 auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.cqh-shd-route-wheel{position:absolute;inset:5%;border-radius:50%;overflow:hidden;transform:rotate(0deg);will-change:transform;box-shadow:0 0 30px rgba(132,77,255,.36)}
.cqh-shd-route-wheel-colors{position:absolute;inset:5%;border-radius:50%;background:conic-gradient(#5e2ea8 0 14.285%,#8b2637 14.285% 28.57%,#5f2b92 28.57% 42.855%,#075b73 42.855% 57.14%,#115f9e 57.14% 71.425%,#23713c 71.425% 85.71%,#7d4b11 85.71% 100%);filter:saturate(1.15) brightness(.78)}
.cqh-shd-route-wheel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.cqh-shd-route-wheel-icons{position:absolute;inset:0}
.cqh-shd-route-wheel-icons span{--a:calc((360deg / var(--n)) * var(--i));position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;display:grid;place-items:center;transform:rotate(var(--a)) translateY(-37%) translateY(-88px) rotate(calc(var(--a) * -1));font-size:22px;font-weight:1000;text-shadow:0 0 10px currentColor,0 2px 4px #000}
.cqh-shd-route-pointer{position:absolute;z-index:4;left:50%;top:-1%;transform:translateX(-50%);width:18%;height:23%;display:grid;place-items:center;color:#77eaff;font-size:28px;filter:drop-shadow(0 0 12px #65e8ff);pointer-events:none}
.cqh-shd-route-pointer img{width:100%;height:100%;object-fit:contain;transform:rotate(180deg)}
.cqh-shd-route-result{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--route-color) 65%,#fff 5%);background:linear-gradient(180deg,rgba(15,27,59,.97),rgba(5,12,31,.98));box-shadow:inset 0 0 22px color-mix(in srgb,var(--route-color) 12%,transparent),0 0 18px rgba(0,0,0,.22);text-align:left}
.cqh-shd-route-result>b{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;font-size:22px;color:var(--route-color);background:rgba(2,9,26,.8);box-shadow:0 0 16px color-mix(in srgb,var(--route-color) 35%,transparent)}
.cqh-shd-route-result span{min-width:0}.cqh-shd-route-result strong{display:block;color:#fff;font-size:11px;letter-spacing:.05em}.cqh-shd-route-result small{display:block;margin-top:3px;color:#b9d3e9;font-size:7.5px;line-height:1.35}
.cqh-shd-route-result.is-empty{display:block;text-align:center;border-color:rgba(104,221,255,.25)}.cqh-shd-route-result.is-empty strong{color:#9cecff}.cqh-shd-route-result.is-empty small{margin-top:3px}
.cqh-shd-route-actions{width:100%;display:grid;grid-template-columns:1fr;gap:6px}
.cqh-shd-route-actions button{width:100%;padding:10px;border:0;border-radius:10px;color:#fff;font-size:10px;font-weight:1000;letter-spacing:.06em;cursor:pointer}
.cqh-shd-route-spin,.cqh-shd-route-accept{background:linear-gradient(180deg,#3edbff,#126cd8);box-shadow:0 8px 20px rgba(28,132,232,.25)}
.cqh-shd-route-accept{background:linear-gradient(180deg,#5de66d,#168a39)}
.cqh-shd-route-respin-box{padding:7px 8px;border:1px solid rgba(183,99,255,.35);border-radius:11px;background:rgba(28,8,55,.72)}
.cqh-shd-route-respin-box>small{display:block;color:#d1b9eb;font-size:7px}.cqh-shd-route-respin-box .cqh-shd-ad-pips{margin:5px 0}.cqh-shd-route-respin-box button{background:linear-gradient(180deg,#b55dff,#6b2bd4);padding:8px;font-size:8px}.cqh-shd-route-respin-box button[disabled]{opacity:.5}
.cqh-shd-route-map-wrap{position:relative;width:100%;height:clamp(130px,24vh,230px);flex:1 0 130px;min-height:130px;border-radius:12px;background:linear-gradient(180deg,rgba(4,13,38,.35),rgba(10,7,35,.64));overflow:hidden;border:1px solid rgba(98,212,255,.16)}
.cqh-shd-route-map-wrap>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 13px rgba(0,0,0,.28))}
.cqh-shd-route-map-wrap>span{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:rgba(2,8,24,.78);border:1px solid rgba(103,220,255,.28);font-size:7px;font-weight:1000;color:#aeeeff;white-space:nowrap}
.cqh-shd-route-map-path{position:absolute;left:3%;top:10%;width:94%;height:78%;overflow:visible;pointer-events:none}
.cqh-shd-route-map-path .cqh-shd-route-links line{stroke:#b35cff;stroke-width:1.25;stroke-linecap:round;filter:drop-shadow(0 0 4px #a854ff)}
.cqh-shd-route-node circle{fill:color-mix(in srgb,var(--route-node-color) 30%,#081229);stroke:color-mix(in srgb,var(--route-node-color) 72%,#fff 10%);stroke-width:.7;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--route-node-color) 42%,transparent))}
.cqh-shd-route-node text{font-size:4.6px;font-weight:1000;dominant-baseline:middle;fill:#fff;text-shadow:0 0 4px rgba(0,0,0,.85)}
.cqh-shd-route-node.preview circle{fill:#1a132f;stroke:#ffd36a;stroke-width:1;animation:cqhShdRoutePulse .85s ease-in-out infinite alternate}
.cqh-shd-route-node.preview text{fill:#ffd36a}
@keyframes cqhShdRoutePulse{to{r:4.2;filter:drop-shadow(0 0 8px #ffd052)}}
@media(max-width:560px){
 .cqh-shd-route{padding:6px!important}.cqh-shd-route-box{gap:5px;padding:2px 3px 7px}.cqh-shd-route-wheel-stage{width:min(58%,250px)}
 .cqh-shd-route-wheel-icons span{font-size:17px;transform:rotate(var(--a)) translateY(-37%) translateY(-65px) rotate(calc(var(--a) * -1))}
 .cqh-shd-route-result{padding:6px 7px}.cqh-shd-route-result>b{width:34px;height:34px;flex-basis:34px;font-size:18px}.cqh-shd-route-result strong{font-size:9px}.cqh-shd-route-result small{font-size:6.6px}
 .cqh-shd-route-actions button{padding:8px;font-size:8px}.cqh-shd-route-map-wrap{height:150px;min-height:120px;flex-basis:120px}
}


.cqh-shd-harvest-test-btn{appearance:none;margin-top:12px;border:1px solid rgba(251,215,92,.52);border-radius:16px;padding:12px 18px;min-width:280px;background:linear-gradient(180deg,rgba(79,52,12,.96),rgba(28,18,5,.98));color:#ffe9b2;font-weight:1000;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 20px rgba(255,203,84,.12);transition:transform .15s,box-shadow .15s}
.cqh-shd-harvest-test-btn:hover,.cqh-shd-harvest-test-btn:active{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 24px rgba(255,203,84,.2)}
.cqh-shd-harvest-panel{position:absolute;left:50%;top:64px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:min(72%,360px);padding:9px 16px;border-radius:16px;border:1px solid rgba(255,214,118,.34);background:linear-gradient(180deg,rgba(10,20,42,.95),rgba(5,12,28,.94));box-shadow:0 10px 24px rgba(0,0,0,.30),inset 0 0 18px rgba(80,177,255,.06);text-align:center;pointer-events:none}
.cqh-shd-harvest-panel small{display:none}
.cqh-shd-harvest-panel strong{font-size:28px;line-height:1;color:#ffe8ac;text-shadow:0 0 18px rgba(255,207,92,.18)}
.cqh-shd-harvest-panel span{font-size:16px;font-weight:1000;letter-spacing:.08em;color:#f2fbff}
.cqh-shd-harvest-panel em{display:none}

.cqh-shd-harvest-panel-main{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:nowrap}
.cqh-shd-harvest-loot{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);display:flex;align-items:stretch;justify-content:center;gap:10px;width:min(84%,520px);padding:8px 10px;border-radius:18px;background:linear-gradient(180deg,rgba(4,18,44,.88),rgba(3,10,26,.92));border:1px solid rgba(76,204,255,.34);box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 0 18px rgba(61,168,255,.08);pointer-events:none}
.cqh-shd-harvest-loot-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;border-radius:14px;background:linear-gradient(180deg,rgba(11,31,68,.56),rgba(5,15,36,.74));border:1px solid rgba(94,224,255,.16)}
.cqh-shd-harvest-loot-item b{font-size:11px;letter-spacing:.16em;color:#8fe5ff}
.cqh-shd-harvest-loot-item span{font-size:21px;font-weight:1000;line-height:1;color:#f4fbff;text-shadow:0 0 14px rgba(78,214,255,.16)}


/* Harvest mission briefing + lightweight live FX */
.cqh-shd-harvest-briefing{z-index:18;padding:2px;background:radial-gradient(circle at 50% 38%,rgba(21,88,155,.28),rgba(0,3,12,.88) 72%);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease}
.cqh-shd-harvest-briefing.is-open{opacity:1}
.cqh-shd-harvest-briefing-card{position:relative;width:min(99%,760px);max-height:99.4%;aspect-ratio:713/960;transform:translateY(18px) scale(.94);opacity:0;filter:drop-shadow(0 24px 38px rgba(0,0,0,.68));transition:transform .32s cubic-bezier(.16,.84,.26,1.18),opacity .22s ease}
.cqh-shd-harvest-briefing.is-open .cqh-shd-harvest-briefing-card{transform:translateY(0) scale(1);opacity:1}
.cqh-shd-harvest-briefing-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;animation:cqhHarvestBriefingFloat 4.8s ease-in-out infinite}
.cqh-shd-harvest-briefing-glow{position:absolute;z-index:-1;inset:5% 6%;border-radius:16%;background:radial-gradient(circle at 28% 42%,rgba(68,198,255,.25),transparent 32%),radial-gradient(circle at 67% 39%,rgba(75,161,255,.2),transparent 34%),radial-gradient(circle at 70% 84%,rgba(255,194,67,.12),transparent 26%);filter:blur(16px);animation:cqhHarvestGlow 2.7s ease-in-out infinite}
.cqh-shd-harvest-briefing-card:after{content:"";position:absolute;inset:2% 4%;pointer-events:none;border-radius:11%;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.12) 46%,transparent 58%);transform:translateX(-130%);animation:cqhHarvestSweep 4.2s ease-in-out infinite}
.cqh-shd-harvest-hotspot{appearance:none;position:absolute;z-index:4;border:0;background:transparent;cursor:pointer;border-radius:18px;color:transparent;outline:0}
.cqh-shd-harvest-hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.cqh-shd-harvest-hotspot.is-later{left:11.5%;top:80.8%;width:37%;height:9.6%}
.cqh-shd-harvest-hotspot.is-start{left:51%;top:80.6%;width:39%;height:9.8%;animation:cqhHarvestButtonPulse 1.8s ease-in-out infinite}
.cqh-shd-harvest-hotspot:hover,.cqh-shd-harvest-hotspot:focus-visible{box-shadow:0 0 0 2px rgba(181,242,255,.9),0 0 26px rgba(73,212,255,.48);background:rgba(105,220,255,.07)}
.cqh-shd-harvest-hotspot.is-start:hover,.cqh-shd-harvest-hotspot.is-start:focus-visible{box-shadow:0 0 0 2px rgba(255,245,178,.95),0 0 34px rgba(255,190,49,.62);background:rgba(255,204,74,.09)}
.cqh-shd-harvest-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cqh-shd-harvest-sparks i{position:absolute;left:calc(8% + ((var(--i) * 17) % 84) * 1%);top:calc(12% + ((var(--i) * 29) % 70) * 1%);width:3px;height:3px;border-radius:50%;background:#b9f8ff;box-shadow:0 0 8px #42d7ff;opacity:0;animation:cqhHarvestSpark calc(2.2s + (var(--i) % 4) * .45s) ease-in-out infinite;animation-delay:calc(var(--i) * -.21s)}
.cqh-shd-harvest-briefing-fallback{display:grid;place-items:center;width:100%;height:100%;border:1px solid rgba(95,210,255,.44);border-radius:24px;background:linear-gradient(180deg,#092249,#030a1d);font-size:34px;font-weight:1000;color:#dffaff}
@keyframes cqhHarvestBriefingFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes cqhHarvestGlow{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.025)}}
@keyframes cqhHarvestSweep{0%,58%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
@keyframes cqhHarvestButtonPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(255,196,52,0))}50%{filter:drop-shadow(0 0 11px rgba(255,196,52,.52))}}
@keyframes cqhHarvestSpark{0%,100%{opacity:0;transform:translateY(8px) scale(.4)}35%{opacity:.9}65%{opacity:.45;transform:translateY(-14px) scale(1.2)}}
@media(max-width:620px){
  .cqh-shd-harvest-briefing{padding:1px}
  .cqh-shd-harvest-briefing-card{width:100%;max-height:100%}
  .cqh-shd-harvest-hotspot{border-radius:12px}
}

.cqh-shd-harvest-result{width:min(100%,470px)}
.cqh-shd-harvest-result .cqh-shd-end-stats{flex-wrap:wrap}

/* v0.10.1 — Ensure HTML hidden state wins over component display rules.
   Without this, the empty city modal remains as a dark blurred layer on mobile. */
.cqh-shd-city[hidden],
.cqh-shd-city-job[hidden],
.cqh-shd-city-modal[hidden]{display:none!important}

/* v0.10.0 — City meta-progression test */
.cqh-shd-meta-test-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:560px;margin-top:12px}
.cqh-shd-city-test-btn{appearance:none;border:1px solid rgba(91,221,255,.52);border-radius:16px;padding:12px 18px;background:linear-gradient(180deg,rgba(11,72,112,.96),rgba(5,25,58,.98));color:#dffaff;font-weight:1000;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 20px rgba(67,216,255,.12);transition:transform .15s,box-shadow .15s}
.cqh-shd-city-test-btn:hover,.cqh-shd-city-test-btn:active{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 24px rgba(67,216,255,.24)}
.cqh-shd-city{z-index:16;display:block;padding:0;overflow:hidden;background:#020716;opacity:0;transition:opacity .24s ease}
.cqh-shd-city.is-open{opacity:1}
.cqh-shd-city-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.025);filter:saturate(1.04) brightness(.76);animation:cqhCityZoom 12s ease-in-out infinite alternate;pointer-events:none}
.cqh-shd-city-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,22,.2),rgba(1,7,22,.42) 28%,rgba(1,7,22,.80) 100%),radial-gradient(circle at 50% 40%,transparent 0 35%,rgba(0,3,13,.4) 85%);pointer-events:none}
.cqh-shd-city-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:74px;padding:12px 16px;text-align:center;background:linear-gradient(180deg,rgba(2,12,34,.96),rgba(4,15,37,.74));border-bottom:1px solid rgba(93,217,255,.22)}
.cqh-shd-city-header button{position:absolute;left:14px;top:18px;appearance:none;border:1px solid rgba(100,215,255,.35);border-radius:10px;padding:8px 11px;background:rgba(5,20,46,.88);color:#dffaff;font-size:10px;font-weight:1000;cursor:pointer}
.cqh-shd-city-header small{display:block;font-size:8px;font-weight:1000;letter-spacing:.18em;color:#73e1ff}
.cqh-shd-city-header h2{margin:3px 0 0;font-family:Georgia,serif;font-size:25px;letter-spacing:.04em;color:#ffe8ad;text-shadow:0 0 18px rgba(255,210,102,.15)}
.cqh-shd-city-resources{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:calc(100% - 28px);margin:10px auto 7px}
.cqh-shd-city-resource{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(7,30,66,.94),rgba(3,13,34,.96));border:1px solid rgba(84,207,255,.25);box-shadow:inset 0 0 18px rgba(68,184,255,.06)}
.cqh-shd-city-resource b{font-size:8px;letter-spacing:.12em;color:#83e8ff}.cqh-shd-city-resource span{font-size:15px;font-weight:1000;color:#fff}
.cqh-shd-city-job{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 28px);margin:0 auto 7px;padding:8px 12px;border-radius:12px;background:rgba(72,39,7,.86);border:1px solid rgba(255,202,77,.46);color:#ffe7a2;box-shadow:0 0 18px rgba(255,180,45,.09)}
.cqh-shd-city-job strong{font-size:10px;letter-spacing:.06em}.cqh-shd-city-job span{font-size:13px;font-weight:1000}
.cqh-shd-city-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:calc(100% - 28px);max-height:calc(100% - 220px);margin:0 auto;padding:4px 0 92px;overflow:auto;scrollbar-width:thin}
.cqh-shd-city-building{appearance:none;position:relative;display:grid;grid-template-columns:42% 58%;align-items:center;min-height:146px;padding:5px 8px;border-radius:17px;border:1px solid rgba(86,210,255,.28);background:linear-gradient(160deg,rgba(8,32,70,.92),rgba(3,13,33,.96));color:#fff;cursor:pointer;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.34),inset 0 0 22px rgba(46,180,255,.05);transition:.16s}
.cqh-shd-city-building:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(126,232,255,.09) 50%,transparent 70%);transform:translateX(-130%);transition:.34s}
.cqh-shd-city-building:hover:before,.cqh-shd-city-building:active:before{transform:translateX(130%)}
.cqh-shd-city-building:hover,.cqh-shd-city-building:active{transform:translateY(-2px);border-color:#72e8ff;box-shadow:0 0 24px rgba(64,209,255,.18),0 12px 26px rgba(0,0,0,.38)}
.cqh-shd-city-building.is-ready{border-color:rgba(255,206,80,.78);box-shadow:0 0 26px rgba(255,187,47,.18),inset 0 0 20px rgba(255,186,46,.05)}
.cqh-shd-city-building.is-building{border-color:#70ebff;animation:cqhCityBuildPulse 1.5s ease-in-out infinite}
.cqh-shd-city-building.is-locked{filter:grayscale(.75);opacity:.62}
.cqh-shd-city-building img{position:relative;z-index:1;width:100%;height:125px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(0,0,0,.45))}
.cqh-shd-city-building>div{position:relative;z-index:1;text-align:left;padding:6px}
.cqh-shd-city-building small{display:inline-block;padding:3px 6px;border-radius:999px;background:rgba(42,157,221,.20);font-size:7px;font-weight:1000;letter-spacing:.11em;color:#8deaff}
.cqh-shd-city-building strong{display:block;margin-top:6px;font-family:Georgia,serif;font-size:14px;line-height:1.06;color:#ffe2a3}
.cqh-shd-city-building span{display:block;margin-top:5px;font-size:8px;line-height:1.25;color:#c2d9ec}
.cqh-shd-city-test-tools{position:absolute;z-index:4;left:12px;right:12px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;border-radius:14px;background:rgba(2,10,27,.94);border:1px solid rgba(90,208,255,.20);backdrop-filter:blur(5px)}
.cqh-shd-city-test-tools button{appearance:none;border:1px solid rgba(98,211,255,.24);border-radius:8px;padding:8px 4px;background:#071a3b;color:#ccefff;font-size:7px;font-weight:1000;cursor:pointer}
.cqh-shd-city-modal{position:absolute;z-index:12;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(0,3,13,.84);backdrop-filter:blur(7px)}
.cqh-shd-city-modal-card{position:relative;width:min(100%,500px);max-height:96%;overflow:auto;padding:22px 18px 18px;border-radius:20px;border:1px solid rgba(255,207,92,.52);background:linear-gradient(180deg,rgba(8,30,63,.99),rgba(3,12,31,.99));box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 0 32px rgba(59,179,255,.07);text-align:center}
.cqh-shd-city-close{appearance:none;-webkit-appearance:none;position:absolute;right:10px;top:9px;width:28px;height:28px;border:0;border-radius:0;background:transparent!important;color:#ffe6a3;font-size:28px;line-height:1;cursor:pointer;padding:0;box-shadow:none!important;outline:none;text-shadow:0 0 8px rgba(255,224,150,.18)}
.cqh-shd-city-close:hover,.cqh-shd-city-close:active,.cqh-shd-city-close:focus{background:transparent!important;border:0;box-shadow:none!important;transform:none;color:#ffe6a3;outline:none;filter:none}
.cqh-shd-city-modal-card>small{font-size:8px;font-weight:1000;letter-spacing:.16em;color:#78e4ff}.cqh-shd-city-modal-card h2{margin:5px 0 3px;font-family:Georgia,serif;font-size:28px;color:#ffe7a8}.cqh-shd-city-modal-card>p{margin:0 0 8px;font-size:11px;color:#c5dcef}
.cqh-shd-city-modal-hero{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:165px;margin:9px 0;padding:8px;border-radius:15px;background:radial-gradient(circle at 28% 50%,rgba(55,190,255,.16),transparent 45%),rgba(4,17,40,.72);border:1px solid rgba(93,211,255,.16)}
.cqh-shd-city-modal-hero img{width:100%;height:160px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.45))}.cqh-shd-city-modal-hero b{display:block;font-size:20px;color:#ffe6a3}.cqh-shd-city-modal-hero span{display:block;margin-top:7px;font-size:10px;color:#83e9ff}
.cqh-shd-city-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.cqh-shd-city-compare section{padding:10px;border-radius:12px;background:#06162f;border:1px solid rgba(255,255,255,.07)}.cqh-shd-city-compare h3{margin:0 0 7px;font-size:9px;letter-spacing:.12em;color:#70dfff}.cqh-shd-city-compare span{display:block;margin:5px 0;font-size:9px;line-height:1.25;color:#d9eafb}
.cqh-shd-city-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.cqh-shd-city-cost span{padding:8px 4px;border-radius:10px;background:#071a38;border:1px solid rgba(97,212,255,.13);font-size:13px;font-weight:1000;color:#fff}.cqh-shd-city-cost b{display:block;margin-bottom:3px;font-size:7px;letter-spacing:.12em;color:#7ee3ff}
.cqh-shd-city-modal-card>button:last-child{width:100%;margin-top:8px;padding:12px;border:0;border-radius:11px;background:linear-gradient(180deg,#39d4ff,#1476df);color:#fff;font-weight:1000;letter-spacing:.05em;cursor:pointer}.cqh-shd-city-modal-card>button:last-child:disabled{background:#162339;color:#8296aa;cursor:not-allowed}
@keyframes cqhCityZoom{from{transform:scale(1.025) translateY(0)}to{transform:scale(1.055) translateY(-5px)}}
@keyframes cqhCityBuildPulse{0%,100%{box-shadow:0 0 10px rgba(76,219,255,.14)}50%{box-shadow:0 0 28px rgba(76,219,255,.38)}}
@media(max-width:560px){
 .cqh-shd-meta-test-row{gap:6px;margin-top:8px}.cqh-shd-harvest-test-btn,.cqh-shd-city-test-btn{min-width:0;padding:9px 7px;font-size:8px}
 .cqh-shd-city-header{min-height:61px;padding:8px}.cqh-shd-city-header button{left:8px;top:14px;padding:7px;font-size:8px}.cqh-shd-city-header h2{font-size:20px}
 .cqh-shd-city-resources{gap:5px;width:calc(100% - 16px);margin-top:6px}.cqh-shd-city-resource{padding:6px}.cqh-shd-city-resource b{font-size:6.5px}.cqh-shd-city-resource span{font-size:12px}
 .cqh-shd-city-grid{width:calc(100% - 16px);gap:6px;max-height:calc(100% - 190px);padding-bottom:76px}.cqh-shd-city-building{min-height:118px;padding:3px 5px;border-radius:12px}.cqh-shd-city-building img{height:102px}.cqh-shd-city-building strong{font-size:11px}.cqh-shd-city-building span{font-size:7px}
 .cqh-shd-city-test-tools{left:7px;right:7px;bottom:5px;gap:3px;padding:5px}.cqh-shd-city-test-tools button{font-size:6px;padding:7px 2px}
 .cqh-shd-city-modal{padding:7px}.cqh-shd-city-modal-card{padding:18px 11px 12px}.cqh-shd-city-modal-card h2{font-size:23px}.cqh-shd-city-modal-hero{min-height:130px}.cqh-shd-city-modal-hero img{height:125px}.cqh-shd-city-compare span{font-size:8px}
}
.cqh-shd-meta-test-row>*{min-width:0}.cqh-shd-meta-test-row .cqh-shd-harvest-test-btn{min-width:0;margin-top:0}
.cqh-shd-city-modal-card .cqh-shd-city-adcut{width:100%;margin-top:7px;padding:10px;border:1px solid rgba(255,210,91,.35);border-radius:10px;background:#3a2609;color:#ffe5a1;font-size:9px;font-weight:1000;cursor:pointer}

/* v0.11.0 — Map-first route flow with integrated Wheel of Fortune */
.cqh-shd-map-test-btn{appearance:none;border:1px solid rgba(132,106,255,.54);border-radius:16px;padding:12px 18px;min-width:180px;background:linear-gradient(180deg,rgba(45,34,100,.98),rgba(16,11,49,.98));color:#e9e3ff;font-weight:1000;letter-spacing:.07em;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 22px rgba(122,90,255,.13);transition:transform .15s,box-shadow .15s}
.cqh-shd-map-test-btn:hover,.cqh-shd-map-test-btn:active{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 28px rgba(122,90,255,.23)}
.cqh-shd-meta-test-row{flex-wrap:wrap}

.cqh-shd-route{padding:5px!important;background:radial-gradient(circle at 50% 22%,rgba(51,74,143,.28),rgba(0,3,15,.93) 72%)}
.cqh-shd-route-box{width:100%;height:100%;max-width:620px;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:2px 4px 7px;overflow:auto;text-align:center}
.cqh-shd-route-box header{flex:0 0 auto;padding:0 4px}
.cqh-shd-route-box header small{font-size:8px;color:#88ecff;letter-spacing:.14em}
.cqh-shd-route-box header h2{font-size:clamp(20px,5vw,31px);margin:2px 0 0}
.cqh-shd-route-box header p{font-size:8px;line-height:1.3;color:#bdd9ef}
.cqh-shd-route-map-wrap{position:relative;width:100%;height:clamp(250px,42vh,410px);min-height:250px;flex:1 1 auto;border-radius:17px;overflow:hidden;border:1px solid rgba(100,221,255,.24);background:radial-gradient(circle at 48% 48%,rgba(70,48,145,.32),rgba(3,9,28,.94) 72%);box-shadow:inset 0 0 32px rgba(54,144,255,.08),0 12px 28px rgba(0,0,0,.34)}
.cqh-shd-route-map-wrap>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(1.08);filter:drop-shadow(0 10px 16px rgba(0,0,0,.34));pointer-events:none}
.cqh-shd-route-map-path{position:absolute;left:3%;top:10%;width:94%;height:78%;overflow:visible;pointer-events:none}
.cqh-shd-route-map-path .cqh-shd-route-links line{stroke:#8d79ff;stroke-width:1.35;stroke-linecap:round;filter:drop-shadow(0 0 5px #7764ff)}
.cqh-shd-route-choice{position:absolute;z-index:5;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;min-width:38px;max-width:118px;padding:4px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--route-choice-color) 72%,#fff 8%);background:linear-gradient(180deg,rgba(10,20,45,.96),rgba(3,9,25,.98));color:#fff;box-shadow:0 0 14px color-mix(in srgb,var(--route-choice-color) 28%,transparent),0 5px 14px rgba(0,0,0,.34);cursor:pointer;transition:transform .16s,filter .16s,opacity .16s}
.cqh-shd-route-choice:hover,.cqh-shd-route-choice:active{transform:translate(-50%,-50%) scale(1.08);filter:brightness(1.18)}
.cqh-shd-route-choice.is-selected{transform:translate(-50%,-50%) scale(1.11);box-shadow:0 0 0 2px rgba(255,232,143,.9),0 0 25px var(--route-choice-color);animation:cqhRouteChoicePulse .85s ease-in-out infinite alternate}
.cqh-shd-route-choice.is-hidden{opacity:0;pointer-events:none}
.cqh-shd-route-choice b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:var(--route-choice-color);font-size:13px;background:rgba(2,9,27,.92);text-shadow:0 0 8px currentColor}
.cqh-shd-route-choice span{font-size:6.6px;font-weight:1000;letter-spacing:.06em;white-space:nowrap}
.cqh-shd-route-choice:disabled{cursor:default}
@keyframes cqhRouteChoicePulse{to{filter:brightness(1.18);box-shadow:0 0 0 2px rgba(255,232,143,.9),0 0 34px var(--route-choice-color)}}
.cqh-shd-route-map-current,.cqh-shd-route-map-boss{position:absolute;z-index:4;bottom:25px;padding:4px 8px;border-radius:999px;font-size:6px;font-weight:1000;letter-spacing:.12em;background:rgba(3,10,27,.84);border:1px solid rgba(100,221,255,.26);color:#aeeeff;pointer-events:none}
.cqh-shd-route-map-current{left:8px}.cqh-shd-route-map-boss{right:8px;color:#dfb0ff;border-color:rgba(211,103,255,.35)}
.cqh-shd-route-map-wrap>span{bottom:5px;font-size:7px;padding:4px 10px}

.cqh-shd-route-command{display:grid;grid-template-columns:minmax(145px,.82fr) minmax(0,1.18fr);gap:9px;align-items:stretch;flex:0 0 auto}
.cqh-shd-route-wheel-stage{position:relative;width:100%;max-width:none;aspect-ratio:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));border-radius:18px;background:linear-gradient(180deg,rgba(12,22,52,.86),rgba(3,8,23,.94));border:1px solid rgba(103,214,255,.16);overflow:hidden}
.cqh-shd-route-wheel-label{position:absolute;z-index:5;left:50%;top:4px;transform:translateX(-50%);font-size:6px;font-weight:1000;letter-spacing:.11em;color:#cdefff;white-space:nowrap;text-shadow:0 2px 8px #000}
.cqh-shd-route-wheel{inset:11% 7% 5%}
.cqh-shd-route-wheel-icons span{font-size:19px;transform:rotate(var(--a)) translateY(-37%) translateY(-62px) rotate(calc(var(--a) * -1))}
.cqh-shd-route-pointer{top:4%;width:17%;height:20%}
.cqh-shd-route-control{min-width:0;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:18px;border:1px solid rgba(98,212,255,.17);background:linear-gradient(180deg,rgba(8,20,48,.92),rgba(3,9,26,.97));box-shadow:inset 0 0 20px rgba(62,151,255,.05)}
.cqh-shd-route-road-label{display:block;font-size:7px;font-weight:1000;letter-spacing:.13em;color:#88eaff}
.cqh-shd-route-selection{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--route-color) 62%,#fff 5%);background:rgba(5,13,34,.82);text-align:left}
.cqh-shd-route-selection>b{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;font-size:20px;color:var(--route-color);background:#061329;box-shadow:0 0 15px color-mix(in srgb,var(--route-color) 35%,transparent)}
.cqh-shd-route-selection span{min-width:0}.cqh-shd-route-selection strong{display:block;font-size:10px;color:#fff}.cqh-shd-route-selection small{display:block;margin-top:2px;font-size:7px;line-height:1.3;color:#bcd5e9}
.cqh-shd-route-selection.is-empty{display:block;text-align:center;border-color:rgba(112,216,255,.24)}
.cqh-shd-route-selection.is-empty strong{color:#9cecff;font-size:10px}.cqh-shd-route-selection.is-empty small{display:block;margin-top:3px;color:#bdd6e9;font-size:7px}
.cqh-shd-route-result{padding:8px}.cqh-shd-route-result strong{font-size:10px}.cqh-shd-route-result small{font-size:7px}
.cqh-shd-route-actions{gap:5px}.cqh-shd-route-actions button{padding:9px;font-size:8px}
.cqh-shd-route-spin[disabled]{opacity:.48;filter:saturate(.45);cursor:not-allowed}
.cqh-shd-route-menu{margin-top:auto;width:100%;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#0b1426;color:#9db8cf;font-size:7px;font-weight:900;letter-spacing:.07em;cursor:pointer}
.cqh-shd-route-respin-box{padding:6px}.cqh-shd-route-respin-box>small{font-size:6.5px}

@media(max-width:560px){
 .cqh-shd-route{padding:3px!important}.cqh-shd-route-box{gap:5px;padding:1px 2px 5px}
 .cqh-shd-route-map-wrap{height:clamp(245px,41vh,360px);min-height:245px}
 .cqh-shd-route-choice{padding:3px 5px;max-width:96px}.cqh-shd-route-choice b{width:20px;height:20px;font-size:11px}.cqh-shd-route-choice span{font-size:5.7px}
 .cqh-shd-route-command{grid-template-columns:42% 58%;gap:5px}
 .cqh-shd-route-wheel-stage{border-radius:13px}.cqh-shd-route-wheel-icons span{font-size:16px;transform:rotate(var(--a)) translateY(-37%) translateY(-48px) rotate(calc(var(--a) * -1))}
 .cqh-shd-route-control{padding:6px;gap:4px;border-radius:13px}.cqh-shd-route-selection{padding:6px;gap:5px}.cqh-shd-route-selection>b{width:29px;height:29px;flex-basis:29px;font-size:15px}
 .cqh-shd-route-result{padding:6px}.cqh-shd-route-result>b{width:31px;height:31px;flex-basis:31px;font-size:16px}
 .cqh-shd-route-actions button{padding:7px;font-size:7px}.cqh-shd-route-menu{padding:6px;font-size:6px}
}

/* v0.12.0 — Destination map, separate Fortune Gate and dynamic route UI */
.cqh-shd-route[hidden]{display:none!important}
.cqh-shd-route{z-index:15;padding:0!important;overflow:hidden;background:#020716!important}
.cqh-shd-map-screen{position:relative;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:6px;padding:7px;background:linear-gradient(180deg,rgba(2,8,24,.98),rgba(1,4,16,.99));color:#fff;overflow:hidden}
.cqh-shd-map-topbar{position:relative;z-index:6;display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:7px;min-height:54px;padding:7px 9px;border:1px solid rgba(86,207,255,.22);border-radius:14px;background:linear-gradient(180deg,rgba(7,28,62,.96),rgba(3,14,35,.96));box-shadow:inset 0 0 22px rgba(53,183,255,.05)}
.cqh-shd-map-topbar>div:first-child small{display:block;font-size:7px;font-weight:1000;letter-spacing:.15em;color:#75e2ff}.cqh-shd-map-topbar>div:first-child strong{display:block;margin-top:3px;font-size:10px;color:#f2fbff}
.cqh-shd-map-resources{display:flex;align-items:center;gap:5px}.cqh-shd-map-resources span{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:6px 7px;border-radius:10px;background:#071a38;border:1px solid rgba(95,211,255,.16);font-size:8px;font-weight:1000;color:#e8faff;white-space:nowrap}
.cqh-shd-map-topbar button{appearance:none;border:1px solid rgba(98,217,255,.34);border-radius:10px;padding:8px 10px;background:linear-gradient(180deg,#0a4178,#08234b);color:#dff9ff;font-size:8px;font-weight:1000;letter-spacing:.08em;cursor:pointer}
.cqh-shd-map-canvas{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(76,196,255,.24);border-radius:18px;background:radial-gradient(circle at 48% 46%,rgba(31,63,119,.24),rgba(1,5,20,.92) 72%);box-shadow:inset 0 0 45px rgba(40,104,213,.08),0 12px 30px rgba(0,0,0,.34)}
.cqh-shd-map-bg{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;filter:saturate(1.08) brightness(.58);animation:cqhMapDrift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes cqhMapDrift{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.07) translate(-1.5%,-1%)}}
.cqh-shd-map-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,4,15,.06),transparent 28%,transparent 72%,rgba(0,4,15,.28)),radial-gradient(circle at 50% 50%,transparent 30%,rgba(0,3,15,.34) 100%)}
.cqh-shd-map-routes{position:absolute;z-index:1;inset:7% 3% 7% 3%;width:94%;height:86%;overflow:visible;pointer-events:none}
.cqh-shd-map-routes line{stroke-linecap:round}.cqh-shd-map-routes line.is-completed{stroke:#32b9ff;stroke-width:1.35;filter:drop-shadow(0 0 4px #159dff)}.cqh-shd-map-routes line.is-available{stroke:#d9ecff;stroke-width:.95;stroke-dasharray:2.2 1.7;opacity:.92}.cqh-shd-map-routes line.is-locked{stroke:#45526a;stroke-width:.6;stroke-dasharray:1.4 2.4;opacity:.32}
.cqh-shd-map-route-dots circle.is-completed{fill:#67d9ff;filter:drop-shadow(0 0 3px #23b7ff)}.cqh-shd-map-route-dots circle.is-available{fill:#e9f6ff}.cqh-shd-map-route-dots circle.is-locked{fill:#536077;opacity:.35}
.cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:104px;min-height:98px;padding:2px;border:0;background:transparent;color:#fff;text-align:center;cursor:pointer;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));transition:transform .17s,filter .17s,opacity .17s}
.cqh-shd-map-node img,.cqh-shd-map-home img,.cqh-shd-map-boss-marker img{width:78px;height:78px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 11px color-mix(in srgb,var(--node-color,#53c9ff) 55%,transparent))}
.cqh-shd-map-node span,.cqh-shd-map-home span,.cqh-shd-map-boss-marker span{display:block;max-width:102px;margin-top:-6px;padding:4px 7px;border-radius:8px;border:1px solid color-mix(in srgb,var(--node-color,#53c9ff) 56%,transparent);background:rgba(2,10,27,.91);font-size:7px;font-weight:1000;letter-spacing:.07em;color:#effbff;white-space:nowrap}
.cqh-shd-map-node em{display:block;margin-top:2px;font-style:normal;font-size:6px;font-weight:1000;color:var(--node-color);text-shadow:0 0 6px currentColor}
.cqh-shd-map-node:hover,.cqh-shd-map-node:active{transform:translate(-50%,-50%) scale(1.08);filter:brightness(1.16) drop-shadow(0 10px 15px rgba(0,0,0,.48))}
.cqh-shd-map-node.is-selected{transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.18) drop-shadow(0 0 19px var(--node-color));animation:cqhMapNodePulse .8s ease-in-out infinite alternate}
@keyframes cqhMapNodePulse{to{transform:translate(-50%,-50%) scale(1.17)}}
.cqh-shd-map-node.is-completed{cursor:default;opacity:.68;filter:saturate(.7) drop-shadow(0 7px 9px rgba(0,0,0,.4))}.cqh-shd-map-node.is-completed i{position:absolute;right:10px;top:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1fbd76;border:2px solid #caffdf;color:#fff;font-style:normal;font-size:12px;font-weight:1000;box-shadow:0 0 12px #41e09b}
.cqh-shd-map-home{--node-color:#5fd4ff;cursor:pointer}.cqh-shd-map-home img{width:94px;height:94px}.cqh-shd-map-home span{color:#8eeaff}
.cqh-shd-map-boss-marker{--node-color:#d964ff;cursor:default}.cqh-shd-map-boss-marker img{width:105px;height:105px}.cqh-shd-map-boss-marker.is-locked{opacity:.32;filter:grayscale(.6)}.cqh-shd-map-boss-marker.is-available{opacity:1;filter:drop-shadow(0 0 18px rgba(214,84,255,.42));animation:cqhBossPulse 1s ease-in-out infinite alternate}@keyframes cqhBossPulse{to{filter:drop-shadow(0 0 28px rgba(214,84,255,.7))}}
.cqh-shd-map-player{position:absolute;z-index:5;width:42px;height:42px;object-fit:contain;transform:translate(-50%,-50%) rotate(12deg);filter:drop-shadow(0 0 8px #55d9ff);pointer-events:none;animation:cqhMapShip 2.2s ease-in-out infinite}@keyframes cqhMapShip{50%{transform:translate(-50%,-56%) rotate(12deg)}}
.cqh-shd-map-legend{position:absolute;z-index:5;left:8px;bottom:8px;display:flex;flex-direction:column;gap:3px;padding:6px 8px;border-radius:10px;background:rgba(2,9,25,.82);border:1px solid rgba(91,202,255,.16);font-size:5.5px;font-weight:900;color:#b8cee0;pointer-events:none}.cqh-shd-map-legend span{display:flex;align-items:center;gap:5px}.cqh-shd-map-legend i{display:block;width:14px;height:2px;border-radius:3px}.cqh-shd-map-legend i.done{background:#2bb9ff;box-shadow:0 0 5px #2bb9ff}.cqh-shd-map-legend i.available{background:#e7f5ff}.cqh-shd-map-legend i.locked{background:#4b566b}
.cqh-shd-map-info-wrap{min-height:155px;border-radius:17px;border:1px solid rgba(83,202,255,.2);background:linear-gradient(180deg,rgba(5,21,48,.97),rgba(2,10,26,.98));box-shadow:inset 0 0 24px rgba(55,172,255,.05);overflow:hidden}
.cqh-shd-map-info-empty{height:100%;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center}.cqh-shd-map-info-empty strong{font-size:15px;color:#8ce8ff;letter-spacing:.04em}.cqh-shd-map-info-empty span{display:block;max-width:430px;margin-top:7px;font-size:9px;line-height:1.45;color:#b8cede}
.cqh-shd-map-info{display:grid;grid-template-columns:29% 71%;align-items:stretch;min-height:155px;border-top:2px solid var(--node-color)}.cqh-shd-map-info-art{display:grid;place-items:center;padding:5px;background:radial-gradient(circle,rgba(52,178,255,.12),transparent 68%)}.cqh-shd-map-info-art img{width:100%;height:140px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.5))}.cqh-shd-map-info-copy{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;column-gap:10px;padding:10px 12px;text-align:left}.cqh-shd-map-info-copy small{grid-column:1/-1;font-size:6.5px;font-weight:1000;letter-spacing:.16em;color:var(--node-color)}.cqh-shd-map-info-copy h3{grid-column:1/-1;margin:2px 0;font-family:Georgia,serif;font-size:20px;color:#f0fbff}.cqh-shd-map-info-copy p{grid-column:1/2;margin:3px 0 6px;font-size:8px;line-height:1.35;color:#bfd5e7}.cqh-shd-map-facts{grid-column:2/3;grid-row:3/5;display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:190px}.cqh-shd-map-facts span{padding:5px 7px;border-radius:9px;background:#06162f;border:1px solid rgba(255,255,255,.07);font-size:7px;font-weight:900;color:#e5f6ff}.cqh-shd-map-facts b{display:block;margin-bottom:2px;font-size:5.7px;letter-spacing:.12em;color:#7edfff}.cqh-shd-map-info-copy>button{grid-column:1/2;align-self:end;appearance:none;border:1px solid color-mix(in srgb,var(--node-color) 70%,#fff 10%);border-radius:10px;padding:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--node-color) 76%,#19456e),color-mix(in srgb,var(--node-color) 42%,#07162f));color:#fff;font-size:9px;font-weight:1000;letter-spacing:.06em;cursor:pointer;box-shadow:0 7px 16px rgba(0,0,0,.25)}
.cqh-shd-map-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.cqh-shd-map-nav button{appearance:none;border:1px solid rgba(95,211,255,.16);border-radius:10px;padding:9px;background:#07152e;color:#9fb5c9;font-size:8px;font-weight:1000;letter-spacing:.06em;cursor:pointer}.cqh-shd-map-nav button.is-active{border-color:#5bd4ff;color:#e7fbff;background:linear-gradient(180deg,#0a4075,#071c3e);box-shadow:inset 0 0 14px rgba(68,202,255,.1)}
.cqh-shd-fortune-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:12px 14px 10px;overflow:auto;background:radial-gradient(circle at 50% 36%,rgba(92,45,154,.28),rgba(1,5,20,.98) 70%);text-align:center}.cqh-shd-fortune-screen header small{font-size:8px;font-weight:1000;letter-spacing:.18em;color:#d68aff}.cqh-shd-fortune-screen header h2{margin:3px 0;font-family:Georgia,serif;font-size:30px;color:#ffe5a2}.cqh-shd-fortune-screen header p{max-width:440px;margin:0 auto;font-size:9px;color:#bdd3e5}
.cqh-shd-fortune-stage{position:relative;width:min(74%,390px);aspect-ratio:1;flex:0 0 auto}.cqh-shd-fortune-stage .cqh-shd-route-wheel{position:absolute;inset:7%;width:auto;height:auto}.cqh-shd-fortune-stage .cqh-shd-route-wheel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cqh-shd-fortune-stage .cqh-shd-route-pointer{position:absolute;z-index:4;left:50%;top:-1%;transform:translateX(-50%);width:18%;height:22%}.cqh-shd-fortune-stage .cqh-shd-route-pointer img{width:100%;height:100%;object-fit:contain}.cqh-shd-fortune-stage .cqh-shd-route-wheel-icons span{font-size:22px;transform:rotate(var(--a)) translateY(-42%) translateY(-95px) rotate(calc(var(--a) * -1))}
.cqh-shd-fortune-message,.cqh-shd-fortune-result{width:min(100%,470px);padding:11px 14px;border-radius:14px;border:1px solid rgba(121,91,255,.28);background:#07152e}.cqh-shd-fortune-message strong{display:block;color:#ffe49d;font-size:13px}.cqh-shd-fortune-message span{display:block;margin-top:4px;font-size:8px;color:#bdd4e6}.cqh-shd-fortune-result{display:flex;align-items:center;gap:11px;text-align:left;border-color:var(--route-color)}.cqh-shd-fortune-result>b{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#020b20;color:var(--route-color);font-size:25px;box-shadow:0 0 17px color-mix(in srgb,var(--route-color) 38%,transparent)}.cqh-shd-fortune-result strong{display:block;font-size:13px;color:#fff}.cqh-shd-fortune-result span{display:block;margin-top:3px;font-size:8px;line-height:1.35;color:#c0d5e5}
.cqh-shd-fortune-actions{width:min(100%,470px);display:flex;flex-direction:column;gap:7px}.cqh-shd-fortune-actions>button{width:100%;appearance:none;border:0;border-radius:11px;padding:12px;background:linear-gradient(180deg,#a65cff,#6130c8);color:#fff;font-size:10px;font-weight:1000;letter-spacing:.06em;cursor:pointer}.cqh-shd-fortune-back{background:#0b172c!important;color:#a9bfd2!important;border:1px solid rgba(255,255,255,.1)!important}.cqh-shd-fortune-actions .cqh-shd-route-respin-box{padding:8px;border-radius:12px;background:#07142c;border:1px solid rgba(255,255,255,.08)}
@media(max-width:560px){
 .cqh-shd-map-screen{gap:4px;padding:4px;grid-template-rows:auto minmax(0,1fr) auto auto}.cqh-shd-map-topbar{min-height:44px;padding:5px 6px;gap:4px}.cqh-shd-map-topbar>div:first-child small{font-size:5.5px}.cqh-shd-map-topbar>div:first-child strong{font-size:8px}.cqh-shd-map-resources{gap:2px}.cqh-shd-map-resources span{min-width:42px;padding:5px 4px;font-size:6.4px}.cqh-shd-map-topbar button{padding:6px 7px;font-size:6.5px}
 .cqh-shd-map-canvas{min-height:320px;border-radius:13px}.cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{width:76px;min-height:72px}.cqh-shd-map-node img,.cqh-shd-map-home img{width:58px;height:58px}.cqh-shd-map-boss-marker img{width:72px;height:72px}.cqh-shd-map-node span,.cqh-shd-map-home span,.cqh-shd-map-boss-marker span{max-width:76px;margin-top:-5px;padding:3px 4px;font-size:5.2px}.cqh-shd-map-node em{font-size:4.7px}.cqh-shd-map-player{width:31px;height:31px}.cqh-shd-map-legend{padding:4px 5px;font-size:4.6px}
 .cqh-shd-map-info-wrap{min-height:132px}.cqh-shd-map-info-empty{min-height:132px;padding:14px}.cqh-shd-map-info-empty strong{font-size:12px}.cqh-shd-map-info-empty span{font-size:7px}.cqh-shd-map-info{grid-template-columns:26% 74%;min-height:132px}.cqh-shd-map-info-art img{height:118px}.cqh-shd-map-info-copy{column-gap:5px;padding:7px}.cqh-shd-map-info-copy h3{font-size:15px}.cqh-shd-map-info-copy p{font-size:6.4px}.cqh-shd-map-facts{min-width:146px;gap:3px}.cqh-shd-map-facts span{padding:4px;font-size:5.7px}.cqh-shd-map-facts b{font-size:4.7px}.cqh-shd-map-info-copy>button{padding:7px;font-size:7px}.cqh-shd-map-nav{gap:3px}.cqh-shd-map-nav button{padding:7px;font-size:6.5px}
 .cqh-shd-fortune-screen{gap:5px;padding:7px}.cqh-shd-fortune-screen header h2{font-size:23px}.cqh-shd-fortune-stage{width:min(72%,320px)}.cqh-shd-fortune-stage .cqh-shd-route-wheel-icons span{font-size:16px;transform:rotate(var(--a)) translateY(-42%) translateY(-65px) rotate(calc(var(--a) * -1))}.cqh-shd-fortune-message,.cqh-shd-fortune-result{padding:8px}.cqh-shd-fortune-result>b{width:38px;height:38px;flex-basis:38px;font-size:20px}
}
.cqh-shd-map-node.is-failed{cursor:default;opacity:.48;filter:grayscale(.75) sepia(.3) hue-rotate(315deg)}
.cqh-shd-map-node.is-failed i{position:absolute;right:10px;top:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#a82d39;border:2px solid #ffd4d7;color:#fff;font-style:normal;font-size:15px;font-weight:1000;box-shadow:0 0 12px #ff5366}
.cqh-shd-map-boss-marker.is-selected{transform:translate(-50%,-50%) scale(1.11);filter:drop-shadow(0 0 28px #d964ff);animation:cqhBossPulse .75s ease-in-out infinite alternate;cursor:pointer}
.cqh-shd-map-boss-marker.is-available{cursor:pointer}
.cqh-shd-map-ghosts circle{fill:#111d35;stroke:#68758b;stroke-width:.6;opacity:.58;filter:drop-shadow(0 0 3px rgba(130,150,190,.25))}
.cqh-shd-map-nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.cqh-shd-route{backdrop-filter:none!important}


/* v0.12.2 — harvest HUD split, larger fortune UI, cleaner map hover */
.cqh-shd-harvest-panel{top:16px;left:50%;transform:translateX(-50%);width:min(90%,560px);padding:0;border:0;background:none;box-shadow:none;z-index:5}
.cqh-shd-harvest-panel-main{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0 2px}
.cqh-shd-harvest-wave,.cqh-shd-harvest-time{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:8px 14px;border-radius:999px;border:1px solid rgba(98,211,255,.34);background:linear-gradient(180deg,rgba(6,24,54,.93),rgba(2,10,27,.87));box-shadow:0 5px 17px rgba(0,0,0,.26),inset 0 0 16px rgba(45,190,255,.05);font-weight:1000;letter-spacing:.08em;color:#effcff;text-shadow:0 1px 7px #000}
.cqh-shd-harvest-wave{font-size:15px}
.cqh-shd-harvest-time{font-size:24px;line-height:1;color:#ffe8ac;border-color:rgba(255,214,118,.34)}
.cqh-shd-harvest-loot{bottom:86px}

.cqh-shd-fortune-screen{gap:10px;padding:16px 18px 14px}
.cqh-shd-fortune-screen header small{font-size:10px;letter-spacing:.24em}
.cqh-shd-fortune-screen header h2{margin:2px 0 4px;font-family:Georgia,serif;font-size:40px;line-height:.96;color:#ffe7a8;text-shadow:0 4px 16px rgba(0,0,0,.55),0 0 18px rgba(161,90,255,.26)}
.cqh-shd-fortune-screen header p{max-width:520px;font-size:12px;line-height:1.4;color:#d1e4f4}
.cqh-shd-fortune-stage{width:min(80%,420px)}
.cqh-shd-fortune-stage .cqh-shd-route-wheel{inset:4%}
.cqh-shd-fortune-stage .cqh-shd-route-wheel>img{filter:drop-shadow(0 0 24px rgba(92,191,255,.16))}
.cqh-shd-fortune-stage .cqh-shd-route-pointer{top:-3%;width:19%;height:23%;filter:drop-shadow(0 0 9px rgba(255,214,120,.25))}
.cqh-shd-fortune-stage .cqh-shd-route-wheel-icons span{font-size:25px;font-weight:1000;text-shadow:0 0 11px currentColor,0 2px 8px #000;transform:rotate(var(--a)) translateY(-42%) translateY(-105px) rotate(calc(var(--a) * -1))}
.cqh-shd-fortune-message,.cqh-shd-fortune-result{width:min(100%,520px);padding:13px 16px;border-radius:16px;background:#07152e;box-shadow:0 8px 28px rgba(0,0,0,.26),inset 0 0 20px rgba(91,151,255,.05)}
.cqh-shd-fortune-message strong{font-size:15px;letter-spacing:.05em}.cqh-shd-fortune-message span{font-size:10px;line-height:1.45;color:#c8ddef}
.cqh-shd-fortune-result{gap:14px}.cqh-shd-fortune-result>b{width:56px;height:56px;flex-basis:56px;font-size:30px}.cqh-shd-fortune-result strong{font-size:16px;letter-spacing:.03em}.cqh-shd-fortune-result span{font-size:10px;line-height:1.45;color:#cbe0ef}
.cqh-shd-fortune-actions{width:min(100%,520px);gap:8px}.cqh-shd-fortune-actions>button{padding:13px 14px;font-size:12px;letter-spacing:.07em}
.cqh-shd-fortune-actions .cqh-shd-route-respin-box{padding:10px 12px;border-radius:14px}.cqh-shd-fortune-actions .cqh-shd-route-respin-box small{display:block;font-size:9px;line-height:1.4;color:#c7d8ea;margin-bottom:6px}

.cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:none;background:transparent!important;border:0}
.cqh-shd-map-node:hover,.cqh-shd-map-node:active,.cqh-shd-map-node:focus,.cqh-shd-map-node:focus-visible,.cqh-shd-map-home:hover,.cqh-shd-map-home:active,.cqh-shd-map-home:focus,.cqh-shd-map-home:focus-visible,.cqh-shd-map-boss-marker:hover,.cqh-shd-map-boss-marker:active,.cqh-shd-map-boss-marker:focus,.cqh-shd-map-boss-marker:focus-visible{background:transparent!important;outline:none;box-shadow:none}
.cqh-shd-map-node img,.cqh-shd-map-home img,.cqh-shd-map-boss-marker img{background:transparent!important}

@media(max-width:560px){
  .cqh-shd-harvest-panel{width:min(94%,520px)}
  .cqh-shd-harvest-wave,.cqh-shd-harvest-time{min-width:84px;padding:7px 10px}
  .cqh-shd-harvest-wave{font-size:12px}.cqh-shd-harvest-time{font-size:18px}
  .cqh-shd-fortune-screen{gap:7px;padding:10px 10px 12px}
  .cqh-shd-fortune-screen header small{font-size:8px}.cqh-shd-fortune-screen header h2{font-size:30px}.cqh-shd-fortune-screen header p{font-size:9px}
  .cqh-shd-fortune-stage{width:min(86%,336px)}
  .cqh-shd-fortune-stage .cqh-shd-route-wheel-icons span{font-size:18px;transform:rotate(var(--a)) translateY(-42%) translateY(-71px) rotate(calc(var(--a) * -1))}
  .cqh-shd-fortune-message,.cqh-shd-fortune-result{padding:10px 11px}.cqh-shd-fortune-message strong{font-size:12px}.cqh-shd-fortune-message span{font-size:8px}.cqh-shd-fortune-result>b{width:42px;height:42px;flex-basis:42px;font-size:22px}.cqh-shd-fortune-result strong{font-size:12px}.cqh-shd-fortune-result span{font-size:8px}
  .cqh-shd-fortune-actions>button{padding:11px 12px;font-size:10px}
}

/* v0.12.5 — mobile polish, harvest HUD hide fix, lighter assets */
.cqh-shd-harvest-panel[hidden],
.cqh-shd-harvest-loot[hidden],
.cqh-shd-harvest-panel:empty,
.cqh-shd-harvest-loot:empty{display:none!important}

.cqh-shd-mode,
.cqh-shd-map-node,
.cqh-shd-map-home,
.cqh-shd-map-boss-marker,
.cqh-shd-city-building,
.cqh-shd-city-header button,
.cqh-shd-city-test-tools button,
.cqh-shd-fortune-actions>button,
.cqh-shd-route-actions button,
.cqh-shd-harvest-test-btn,
.cqh-shd-city-test-btn{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}

.cqh-shd-map-node,
.cqh-shd-map-home,
.cqh-shd-map-boss-marker{border:0!important;background:transparent!important;box-shadow:none;outline:none}
.cqh-shd-map-node:focus,
.cqh-shd-map-node:focus-visible,
.cqh-shd-map-home:focus,
.cqh-shd-map-home:focus-visible,
.cqh-shd-map-boss-marker:focus,
.cqh-shd-map-boss-marker:focus-visible{outline:none!important;box-shadow:none!important;background:transparent!important}

@media (max-width:560px){
  .cqh-shd-app{max-width:100vw}
  .cqh-shd-shell{border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .cqh-shd-start{padding:14px 10px 12px;justify-content:flex-end}
  .cqh-shd-title{top:4.2%;left:4.5%;right:4.5%}
  .cqh-shd-title h1{font-size:clamp(24px,6.7vw,38px)}
  .cqh-shd-title p{max-width:96%;font-size:9px;line-height:1.34}
  .cqh-shd-mode-grid{gap:8px;max-width:100%}
  .cqh-shd-mode{border-radius:15px}
  .cqh-shd-mode img{aspect-ratio:320/434}
  .cqh-shd-start-tip{margin-top:10px;font-size:9px;line-height:1.34}
  .cqh-shd-meta-test-row{grid-template-columns:1fr 1fr;gap:7px;width:100%;max-width:100%}
  .cqh-shd-harvest-test-btn,.cqh-shd-city-test-btn{font-size:8px;padding:10px 8px}

  .cqh-shd-city-header{min-height:58px;padding:8px 10px 10px}
  .cqh-shd-city-header button{left:8px;top:12px;padding:7px 8px;font-size:8px}
  .cqh-shd-city-header h2{font-size:22px}
  .cqh-shd-city-resources{width:calc(100% - 14px);gap:4px;margin:7px auto 6px}
  .cqh-shd-city-resource{padding:6px 7px;border-radius:10px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
  .cqh-shd-city-resource b{font-size:6.4px;letter-spacing:.1em}
  .cqh-shd-city-resource span{font-size:11px;line-height:1.05}
  .cqh-shd-city-job{width:calc(100% - 14px);padding:7px 9px;gap:7px}
  .cqh-shd-city-job strong{font-size:9px}.cqh-shd-city-job span{font-size:11px}
  .cqh-shd-city-grid{width:calc(100% - 14px);grid-template-columns:1fr;gap:7px;max-height:calc(100% - 182px);padding-bottom:98px}
  .cqh-shd-city-building{grid-template-columns:34% 66%;min-height:122px;padding:4px 6px;border-radius:13px}
  .cqh-shd-city-building img{height:98px}
  .cqh-shd-city-building>div{padding:4px 5px}
  .cqh-shd-city-building small{font-size:6.8px;padding:3px 6px}
  .cqh-shd-city-building strong{font-size:13px;line-height:1.06;letter-spacing:.02em;word-break:keep-all;overflow-wrap:break-word;hyphens:none}
  .cqh-shd-city-building span{font-size:8px;line-height:1.28}
  .cqh-shd-city-test-tools{left:7px;right:7px;bottom:6px;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px}
  .cqh-shd-city-test-tools button{font-size:7px;padding:8px 4px;border-radius:9px}
  .cqh-shd-city-modal{padding:8px}.cqh-shd-city-modal-card{padding:18px 11px 13px}
  .cqh-shd-city-modal-card h2{font-size:24px}.cqh-shd-city-modal-card>p{font-size:10px}
  .cqh-shd-city-modal-hero{grid-template-columns:1fr;gap:8px;min-height:0;padding:9px}
  .cqh-shd-city-modal-hero img{height:132px}.cqh-shd-city-modal-hero b{font-size:18px}
  .cqh-shd-city-compare{grid-template-columns:1fr}.cqh-shd-city-cost span{font-size:12px}

  .cqh-shd-map-canvas{min-height:352px;border-radius:14px}
  .cqh-shd-route-map-wrap{height:clamp(260px,45vh,390px);min-height:260px}
  .cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{width:82px;min-height:76px}
  .cqh-shd-map-node img,.cqh-shd-map-home img{width:62px;height:62px}
  .cqh-shd-map-boss-marker img{width:74px;height:74px}
  .cqh-shd-map-node span,.cqh-shd-map-home span,.cqh-shd-map-boss-marker span{max-width:82px;margin-top:-4px;padding:3px 5px;font-size:5.7px;line-height:1.18}
  .cqh-shd-map-node em{font-size:5px}
  .cqh-shd-map-player{width:32px;height:32px}
  .cqh-shd-map-node.is-selected{transform:translate(-50%,-50%) scale(1.08)}
  .cqh-shd-map-node.is-completed i,.cqh-shd-map-node.is-failed i{right:7px;top:6px;width:18px;height:18px;font-size:11px}

  .cqh-shd-fortune-screen{gap:8px;padding:11px 10px 12px}
  .cqh-shd-fortune-screen header small{font-size:8px;letter-spacing:.2em}
  .cqh-shd-fortune-screen header h2{font-size:31px;line-height:1}
  .cqh-shd-fortune-screen header p{max-width:96%;font-size:10px;line-height:1.35}
  .cqh-shd-fortune-stage{width:min(91%,334px)}
  .cqh-shd-fortune-stage .cqh-shd-route-wheel-icons span{font-size:17px;transform:rotate(var(--a)) translateY(-42%) translateY(-69px) rotate(calc(var(--a) * -1))}
  .cqh-shd-fortune-message,.cqh-shd-fortune-result{width:min(100%,96%);padding:10px 11px}
  .cqh-shd-fortune-message strong{font-size:13px}.cqh-shd-fortune-message span{font-size:9px;line-height:1.35}
  .cqh-shd-fortune-result>b{width:42px;height:42px;flex-basis:42px;font-size:22px}
  .cqh-shd-fortune-result strong{font-size:13px}.cqh-shd-fortune-result span{font-size:9px;line-height:1.35}
  .cqh-shd-fortune-actions{width:min(100%,96%)}
  .cqh-shd-fortune-actions>button{padding:11px 12px;font-size:11px}
  .cqh-shd-fortune-actions .cqh-shd-route-respin-box{padding:9px 10px}
  .cqh-shd-fortune-actions .cqh-shd-route-respin-box small{font-size:8.5px}
}

/* v0.12.6 — settings reliability, tap-to-shoot, transparent mode art, city info flow */
.cqh-shd-settings-btn{z-index:30!important;pointer-events:auto}
.cqh-shd-city-building{grid-template-columns:34% 66%;align-items:stretch;padding:6px 7px 44px;border-radius:16px}
.cqh-shd-city-building>div{display:flex;flex-direction:column;justify-content:center;padding:7px 6px 4px}
.cqh-shd-city-building ul{margin:6px 0 0;padding-left:14px;display:grid;gap:3px}
.cqh-shd-city-building li{font-size:7px;line-height:1.25;color:#89e8ff}
.cqh-shd-city-building-actions{position:absolute;left:8px;right:8px;bottom:7px;display:grid;grid-template-columns:1fr 36px;gap:6px;z-index:2}
.cqh-shd-city-open-btn,.cqh-shd-city-info-btn,.cqh-shd-city-secondary{appearance:none;border:1px solid rgba(99,213,255,.26);border-radius:10px;background:linear-gradient(180deg,#0b3d6f,#071b3d);color:#eafaff;font-size:8px;font-weight:1000;letter-spacing:.08em;cursor:pointer;padding:8px 9px;text-align:center;-webkit-tap-highlight-color:transparent}
.cqh-shd-city-info-btn{display:grid;place-items:center;padding:0;font-size:18px;line-height:1;color:#ffe5a0;background:linear-gradient(180deg,#162d57,#0a1633)}
.cqh-shd-city-modal-card{width:min(100%,520px)}
.cqh-shd-city-modal-card.is-upgrade{overflow:hidden;max-height:none;padding-bottom:16px}
.cqh-shd-city-modal-card.is-info{max-height:94%;overflow:auto}
.cqh-shd-city-modal-hero.is-upgrade{grid-template-columns:40% 60%;min-height:138px;margin:8px 0 10px}
.cqh-shd-city-modal-hero.is-upgrade img{height:130px}
.cqh-shd-city-modal-hero.is-upgrade b{font-size:18px}
.cqh-shd-city-upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.cqh-shd-city-upgrade-grid section,.cqh-shd-city-info-sections section{padding:10px;border-radius:12px;background:#06162f;border:1px solid rgba(255,255,255,.07)}
.cqh-shd-city-upgrade-grid h3,.cqh-shd-city-info-sections h3{margin:0 0 7px;font-size:9px;letter-spacing:.12em;color:#70dfff}
.cqh-shd-city-upgrade-grid span,.cqh-shd-city-info-sections span{display:block;margin:5px 0;font-size:9px;line-height:1.25;color:#d9eafb}
.cqh-shd-city-info-sections{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.cqh-shd-city-modal-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-top:10px}
.cqh-shd-city-modal-actions button{width:100%;margin-top:0!important}
.cqh-shd-city-secondary{background:#07162f;color:#b8d9ee}
.cqh-shd-city-adcut{width:100%;margin-top:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:linear-gradient(180deg,#3e2a6f,#191d4d);color:#fff;font-weight:1000;letter-spacing:.04em;cursor:pointer}
.cqh-shd-mode img{background:transparent!important}
@media (max-width:560px){
  .cqh-shd-settings-btn{right:3.3%!important;top:16.8%!important;width:clamp(46px,9vw,60px)!important;height:clamp(46px,9vw,60px)!important}
  .cqh-shd-city-grid{padding-bottom:90px}
  .cqh-shd-city-building{grid-template-columns:31% 69%;min-height:136px;padding:4px 5px 41px;border-radius:13px}
  .cqh-shd-city-building img{height:92px}
  .cqh-shd-city-building>div{padding:3px 4px 2px}
  .cqh-shd-city-building strong{font-size:12px}
  .cqh-shd-city-building span{font-size:7.5px;line-height:1.22}
  .cqh-shd-city-building li{font-size:6.5px}
  .cqh-shd-city-building-actions{left:6px;right:6px;bottom:6px;grid-template-columns:1fr 31px;gap:5px}
  .cqh-shd-city-open-btn,.cqh-shd-city-info-btn,.cqh-shd-city-secondary{font-size:7px;padding:7px 6px;border-radius:9px}
  .cqh-shd-city-info-btn{font-size:16px}
  .cqh-shd-city-modal-card.is-upgrade{padding:16px 10px 12px}
  .cqh-shd-city-modal-card.is-upgrade h2{font-size:22px}
  .cqh-shd-city-modal-card.is-upgrade>p{font-size:10px;margin-bottom:6px}
  .cqh-shd-city-modal-hero.is-upgrade{grid-template-columns:34% 66%;min-height:110px;gap:6px;padding:7px}
  .cqh-shd-city-modal-hero.is-upgrade img{height:102px}
  .cqh-shd-city-modal-hero.is-upgrade b{font-size:16px}
  .cqh-shd-city-modal-hero.is-upgrade span{font-size:9px}
  .cqh-shd-city-upgrade-grid{gap:6px}.cqh-shd-city-upgrade-grid section{padding:8px}
  .cqh-shd-city-upgrade-grid span{font-size:7.7px;margin:4px 0}
  .cqh-shd-city-cost{gap:5px;margin:8px 0}.cqh-shd-city-cost span{font-size:11px;padding:7px 3px}.cqh-shd-city-cost b{font-size:6.3px}
  .cqh-shd-city-modal-actions{gap:6px;margin-top:8px}.cqh-shd-city-modal-actions button{padding:10px 8px;font-size:8px}
  .cqh-shd-city-modal-card.is-info{padding:17px 10px 12px}
  .cqh-shd-city-info-sections{grid-template-columns:1fr;gap:6px}
  .cqh-shd-city-info-sections span{font-size:8px}
}

/* v0.13.0 — illustrated story book, typewriter pages and mode mission briefing */
.cqh-shd-story{
  z-index:24!important;padding:0!important;overflow:hidden;
  background:radial-gradient(circle at 50% 30%,rgba(22,70,135,.28),rgba(0,3,13,.98) 72%)!important;
  backdrop-filter:none!important;perspective:1800px
}
.cqh-shd-story-book{
  position:relative;width:100%;height:100%;min-height:0;padding:8px;
  display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:7px;
  background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 6%,transparent 94%,rgba(0,0,0,.34))
}
.cqh-shd-story-page{
  position:relative;min-height:0;overflow:hidden;border-radius:17px;
  transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;
  border:1px solid rgba(255,213,118,.55);
  background:#020817;
  box-shadow:0 18px 44px rgba(0,0,0,.56),inset 0 0 0 2px rgba(47,179,255,.08),inset 0 0 45px rgba(39,116,229,.08)
}
.cqh-shd-story-page:before,.cqh-shd-story-page:after{content:"";position:absolute;z-index:5;pointer-events:none}
.cqh-shd-story-page:before{inset:7px;border:1px solid rgba(255,222,148,.22);border-radius:12px;box-shadow:inset 0 0 22px rgba(57,184,255,.08)}
.cqh-shd-story-page:after{right:0;top:0;bottom:0;width:9%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.42));opacity:.7}
.cqh-shd-story-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.cqh-shd-story-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,4,16,.08) 0%,transparent 38%,rgba(0,4,16,.26) 60%,rgba(0,4,16,.96) 100%),radial-gradient(circle at 50% 34%,transparent 26%,rgba(0,3,13,.22) 100%)}
.cqh-shd-story-spine{position:absolute;z-index:6;left:0;top:0;bottom:0;width:16px;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(42,119,207,.24) 45%,rgba(255,218,130,.16) 70%,transparent);box-shadow:4px 0 13px rgba(0,0,0,.36)}
.cqh-shd-story-copy{
  position:absolute;z-index:7;left:10px;right:10px;bottom:10px;min-height:29%;padding:17px 18px 16px;
  border-radius:15px;border:1px solid rgba(255,213,112,.38);
  background:linear-gradient(180deg,rgba(4,17,42,.78),rgba(2,8,24,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.48),inset 0 0 28px rgba(43,169,255,.08);
  text-align:left;backdrop-filter:blur(7px)
}
.cqh-shd-story-copy small{display:block;font-size:8px;font-weight:1000;letter-spacing:.2em;color:#72e5ff}
.cqh-shd-story-copy h2{margin:5px 0 8px;font-family:Georgia,serif;font-size:clamp(24px,5.7vw,38px);line-height:1;color:#ffe6a0;text-shadow:0 3px 12px rgba(0,0,0,.7)}
.cqh-shd-story-copy p{min-height:4.25em;margin:0;padding-right:6px;font-size:clamp(10px,2.25vw,14px);line-height:1.48;color:#e4f2ff;text-shadow:0 2px 8px #000}
.cqh-shd-story-caret{display:inline-block;width:7px;height:1.05em;margin-left:3px;vertical-align:-2px;background:#74e8ff;box-shadow:0 0 8px #4ee2ff;animation:cqhStoryCaret .72s steps(1) infinite}
.cqh-shd-story-caret[hidden]{display:none!important}
.cqh-shd-story-progress{display:flex;justify-content:center;align-items:center;gap:7px;min-height:10px}
.cqh-shd-story-progress i{display:block;width:7px;height:7px;border-radius:50%;border:1px solid rgba(119,224,255,.36);background:#081832;box-shadow:inset 0 0 5px rgba(0,0,0,.7)}
.cqh-shd-story-progress i.is-done{background:#1b8bd2;border-color:#4edcff}.cqh-shd-story-progress i.is-active{width:20px;border-radius:99px;background:linear-gradient(90deg,#28a8ff,#73f2ff);border-color:#bafaff;box-shadow:0 0 11px rgba(71,220,255,.62)}
.cqh-shd-story-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:7px}
.cqh-shd-story-actions button,.cqh-shd-story-replay-btn{appearance:none;-webkit-appearance:none;border-radius:11px;padding:11px 10px;font-size:9px;font-weight:1000;letter-spacing:.09em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cqh-shd-story-skip{border:1px solid rgba(255,255,255,.12);background:#07152d;color:#9fb6cb}
.cqh-shd-story-next{border:1px solid rgba(103,223,255,.48);background:linear-gradient(180deg,#1688d8,#0a3d83);color:#f3fcff;box-shadow:0 8px 22px rgba(0,82,187,.28),inset 0 0 17px rgba(92,224,255,.11)}
.cqh-shd-story-actions button:hover,.cqh-shd-story-actions button:active,.cqh-shd-story-actions button:focus{transform:none;outline:none;filter:none}
.cqh-shd-story-replay-btn{border:1px solid rgba(255,210,108,.38);background:linear-gradient(180deg,#4b3511,#211405);color:#ffe6a0;box-shadow:0 8px 20px rgba(0,0,0,.24)}
.cqh-shd-story-page.is-turn-out{animation:cqhStoryTurnOut .34s cubic-bezier(.5,.04,.75,.38) forwards}
.cqh-shd-story-page.is-turn-in{animation:cqhStoryTurnIn .52s cubic-bezier(.16,.78,.22,1) both}
.cqh-shd-settings{z-index:40!important}.cqh-shd-settings-btn{z-index:41!important}
@keyframes cqhStoryCaret{50%{opacity:0}}
@keyframes cqhStoryTurnOut{0%{transform:rotateY(0deg) scale(1);filter:brightness(1)}100%{transform:rotateY(-88deg) scale(.985);filter:brightness(.58)}}
@keyframes cqhStoryTurnIn{0%{transform:rotateY(82deg) scale(.985);filter:brightness(.62)}100%{transform:rotateY(0deg) scale(1);filter:brightness(1)}}

@media(max-width:560px){
  .cqh-shd-story-book{padding:5px;gap:5px}
  .cqh-shd-story-page{border-radius:13px}
  .cqh-shd-story-page:before{inset:5px;border-radius:9px}
  .cqh-shd-story-spine{width:11px}
  .cqh-shd-story-copy{left:7px;right:7px;bottom:7px;min-height:31%;padding:13px 13px 12px;border-radius:12px}
  .cqh-shd-story-copy small{font-size:6.8px;letter-spacing:.17em}
  .cqh-shd-story-copy h2{margin:4px 0 7px;font-size:clamp(21px,6vw,29px)}
  .cqh-shd-story-copy p{min-height:4.6em;font-size:10px;line-height:1.42}
  .cqh-shd-story-actions{gap:5px}.cqh-shd-story-actions button{padding:10px 7px;font-size:7.6px}
  .cqh-shd-story-progress{gap:5px}.cqh-shd-story-progress i{width:6px;height:6px}.cqh-shd-story-progress i.is-active{width:17px}
  .cqh-shd-meta-test-row{grid-template-columns:1fr 1fr!important}
  .cqh-shd-story-replay-btn{font-size:8px;padding:10px 8px}
}

@media(prefers-reduced-motion:reduce){
  .cqh-shd-story-page.is-turn-out,.cqh-shd-story-page.is-turn-in{animation-duration:.01ms!important}
  .cqh-shd-story-caret{animation:none}
}

/* v0.13.1 — frameless full-view mobile layout */
.cqh-shd-app{
  width:100%;max-width:720px;margin:0 auto;background:#01040f;
  overflow:visible
}
.cqh-shd-shell.cqh-shd-shell-frameless{
  position:relative;width:100%;aspect-ratio:720/1164;max-height:none;
  overflow:hidden;border:0;border-radius:0;background:#020716;
  box-shadow:0 16px 52px rgba(0,0,0,.46);isolation:isolate
}
.cqh-shd-shell-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 50% 22%,rgba(35,126,235,.18),transparent 34%),
    radial-gradient(circle at 25% 76%,rgba(106,47,216,.15),transparent 32%),
    linear-gradient(180deg,#05122e 0%,#020817 48%,#01030c 100%)
}
.cqh-shd-frame-layer,.cqh-shd-frame-fallback{display:none!important}
.cqh-shd-playfield{
  position:absolute!important;inset:0!important;left:0!important;top:0!important;
  width:100%!important;height:100%!important;z-index:2!important;
  overflow:hidden;background:#03091f;clip-path:none!important
}
.cqh-shd-canvas{position:absolute;inset:0;width:100%;height:100%;background:#06102a}

/* Compact native HUD replaces the old artwork panels. */
.cqh-shd-frame-stats{
  position:absolute!important;inset:0 0 auto 0!important;z-index:12!important;
  height:62px;display:grid!important;grid-template-columns:1fr 1.1fr 1fr;
  gap:6px;padding:7px 58px 7px 8px;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,28,.97),rgba(3,15,38,.90));
  border-bottom:1px solid rgba(91,214,255,.25);
  box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 -1px 0 rgba(255,255,255,.03)
}
.cqh-shd-frame-stats[hidden]{display:none!important}
.cqh-shd-frame-stat{
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
  width:auto!important;height:auto!important;padding:5px 6px!important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(93,207,255,.16);border-radius:12px;
  background:linear-gradient(180deg,rgba(8,31,66,.92),rgba(3,13,34,.94));
  text-align:center;color:#f4fbff;text-shadow:0 2px 8px #000
}
.cqh-shd-frame-stat small{font-size:7px!important;letter-spacing:.12em!important;color:#79e4ff!important}
.cqh-shd-frame-stat b{margin-top:3px!important;font-size:17px!important;line-height:1!important}
.cqh-shd-frame-stat-wave span{width:72%!important;height:3px!important;margin-top:5px!important}
.cqh-shd-settings-btn{
  position:absolute!important;right:10px!important;top:10px!important;z-index:41!important;
  width:42px!important;height:42px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:#dffaff;font-size:26px!important;line-height:1!important;
  text-shadow:0 0 9px #26cfff,0 2px 7px #000;
  box-shadow:none!important;filter:drop-shadow(0 0 5px rgba(64,211,255,.48));
  -webkit-tap-highlight-color:transparent
}
.cqh-shd-settings-btn:hover,.cqh-shd-settings-btn:active,.cqh-shd-settings-btn:focus{
  transform:none!important;background:transparent!important;box-shadow:none!important;
  outline:none!important;filter:drop-shadow(0 0 5px rgba(64,211,255,.48))!important
}

/* Gameplay spacing. */
.cqh-shd-shield{
  top:69px!important;width:48%!important;height:40px!important;padding:5px 9px!important;
  z-index:7;border-color:rgba(102,224,255,.42)
}
.cqh-shd-harvest-panel{top:69px!important;width:96%!important;z-index:8!important}
.cqh-shd-harvest-panel-main{gap:50%;padding:0 2px!important}
.cqh-shd-harvest-wave,.cqh-shd-harvest-time{
  min-width:22%!important;max-width:24%;padding:9px 10px!important;font-size:14px!important
}
.cqh-shd-harvest-time{font-size:20px!important}
.cqh-shd-combat-toast{top:116px!important}
.cqh-shd-harvest-loot{bottom:104px!important;width:min(92%,620px)!important;padding:7px 8px!important}
.cqh-shd-controls{z-index:9!important}
.cqh-shd-joystick{left:4%!important;bottom:3%!important;width:86px!important}
.cqh-shd-fire-btn{right:4%!important;bottom:3%!important;width:84px!important}

/* Full-view common screens. */
.cqh-shd-screen{inset:0!important;width:100%;height:100%;padding:14px}
.cqh-shd-start{
  padding:14px 12px 12px!important;justify-content:flex-end!important;
  background:linear-gradient(180deg,rgba(0,5,18,.18),rgba(2,8,24,.72) 52%,rgba(1,4,14,.98) 100%)!important
}
.cqh-shd-title{top:18px!important;left:12px!important;right:54px!important;text-align:left!important}
.cqh-shd-title small{font-size:8px!important;margin-bottom:4px!important}
.cqh-shd-title h1{font-size:34px!important;line-height:1!important}
.cqh-shd-title p{max-width:440px!important;margin:7px 0 0!important;font-size:9px!important;line-height:1.35!important}
.cqh-shd-mode-grid{
  width:100%!important;max-width:none!important;gap:8px!important;margin-top:105px!important;
  grid-template-columns:1fr 1fr!important
}
.cqh-shd-mode{border-radius:13px!important;box-shadow:0 8px 20px rgba(0,0,0,.34),0 0 0 1px rgba(102,209,255,.13)!important}
.cqh-shd-mode img{
  width:100%!important;height:auto!important;aspect-ratio:1/1.13!important;
  object-fit:cover!important;object-position:center!important;background:transparent!important
}
.cqh-shd-meta-test-row{width:100%!important;max-width:none!important;gap:6px!important;margin-top:8px!important;grid-template-columns:repeat(2,1fr)!important}
.cqh-shd-meta-test-row button{min-height:36px!important;padding:8px 7px!important;font-size:8px!important;border-radius:10px!important}
.cqh-shd-start-tip{margin-top:8px!important;font-size:8px!important;line-height:1.3!important}

/* Story book now uses the complete screen. */
.cqh-shd-story-book{padding:0!important;gap:6px!important;grid-template-rows:minmax(0,1fr) 12px 46px!important}
.cqh-shd-story-page{border-radius:0!important;border:0!important;box-shadow:none!important}
.cqh-shd-story-page:before{inset:6px!important;border-radius:10px!important}
.cqh-shd-story-copy{left:10px!important;right:10px!important;bottom:10px!important;min-height:27%!important;padding:14px 15px 13px!important}
.cqh-shd-story-copy h2{font-size:27px!important;margin:4px 0 7px!important}
.cqh-shd-story-copy p{font-size:11px!important;line-height:1.42!important;min-height:4.2em!important}
.cqh-shd-story-actions{padding:0 8px 7px!important;gap:7px!important}
.cqh-shd-story-actions button{font-size:9px!important;padding:10px 8px!important}

/* Upgrade choices remain readable without the frame reducing their width. */
.cqh-shd-upgrade{padding:12px!important;align-items:center!important}
.cqh-shd-upgrade-box{max-width:none!important;width:100%!important}
.cqh-shd-upgrade-box>small{font-size:9px!important}
.cqh-shd-upgrade-box h2{margin:6px 0 12px!important;font-size:24px!important;color:#ffe6a5!important;text-shadow:0 3px 12px #000!important}
.cqh-shd-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.cqh-shd-card{padding:8px 7px 10px!important;border-radius:13px!important;min-height:250px!important}
.cqh-shd-card img,.cqh-shd-card-glyph{height:100px!important}
.cqh-shd-card strong{font-size:10px!important;line-height:1.15!important;letter-spacing:.01em!important;color:#fff!important}
.cqh-shd-card>span:not(.cqh-shd-card-glyph){
  margin-top:6px!important;font-size:8px!important;line-height:1.3!important;letter-spacing:0!important;
  color:#c7d9eb!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden
}
.cqh-shd-card em{font-size:7px!important;margin-top:7px!important}

/* City: six compact cards fit as a real 2-column mobile dashboard. */
.cqh-shd-city-header{min-height:58px!important;padding:8px 54px 8px 58px!important}
.cqh-shd-city-header button{left:8px!important;top:13px!important;padding:8px!important;font-size:8px!important}
.cqh-shd-city-header small{font-size:7px!important}.cqh-shd-city-header h2{font-size:22px!important}
.cqh-shd-city-resources{width:calc(100% - 14px)!important;margin:6px auto!important;gap:5px!important}
.cqh-shd-city-resource{padding:6px 8px!important;border-radius:10px!important}
.cqh-shd-city-resource b{font-size:6.5px!important}.cqh-shd-city-resource span{font-size:12px!important}
.cqh-shd-city-job{width:calc(100% - 14px)!important;margin:0 auto 5px!important;padding:6px 8px!important}
.cqh-shd-city-grid{
  width:calc(100% - 14px)!important;max-height:calc(100% - 176px)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
  padding:2px 0 70px!important;overflow:auto!important
}
.cqh-shd-city-building{
  grid-template-columns:38% 62%!important;min-height:116px!important;padding:4px 5px 34px!important;border-radius:12px!important
}
.cqh-shd-city-building img{height:72px!important}
.cqh-shd-city-building>div{padding:3px 4px!important}
.cqh-shd-city-building small{font-size:6px!important;padding:2px 5px!important}
.cqh-shd-city-building strong{font-size:10px!important;margin-top:4px!important}
.cqh-shd-city-building span{font-size:6.7px!important;margin-top:3px!important;line-height:1.18!important}
.cqh-shd-city-building ul{display:none!important}
.cqh-shd-city-building-actions{left:5px!important;right:5px!important;bottom:5px!important;grid-template-columns:1fr 29px!important;gap:4px!important}
.cqh-shd-city-open-btn,.cqh-shd-city-info-btn{height:25px!important;padding:5px!important;font-size:6.5px!important;border-radius:8px!important}
.cqh-shd-city-info-btn{font-size:14px!important}
.cqh-shd-city-test-tools{left:7px!important;right:7px!important;bottom:6px!important;grid-template-columns:repeat(2,1fr)!important;gap:4px!important;padding:5px!important}
.cqh-shd-city-test-tools button{padding:7px 3px!important;font-size:6.5px!important}
.cqh-shd-city-modal{padding:8px!important}
.cqh-shd-city-modal-card{max-height:96%!important;padding:16px 11px 12px!important}
.cqh-shd-city-modal-card h2{font-size:23px!important}
.cqh-shd-city-modal-hero.is-upgrade{grid-template-columns:35% 65%!important;min-height:105px!important}
.cqh-shd-city-modal-hero.is-upgrade img{height:95px!important}
.cqh-shd-city-upgrade-grid span{font-size:8px!important}

/* Map controls and information no longer overflow horizontally. */
.cqh-shd-map-screen{gap:5px!important;padding:6px!important;grid-template-rows:auto minmax(0,1fr) auto 39px!important}
.cqh-shd-map-topbar{
  min-height:66px!important;padding:7px 48px 7px 8px!important;gap:5px!important;
  grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important
}
.cqh-shd-map-topbar>div:first-child{grid-column:1/2;grid-row:1}
.cqh-shd-map-topbar>button{grid-column:2;grid-row:1;padding:7px 9px!important}
.cqh-shd-map-resources{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}
.cqh-shd-map-resources span{min-width:0!important;width:100%!important;padding:5px 4px!important;font-size:7px!important}
.cqh-shd-map-canvas{min-height:0!important;border-radius:14px!important}
.cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{width:82px!important;min-height:76px!important}
.cqh-shd-map-node img,.cqh-shd-map-home img{width:62px!important;height:62px!important}
.cqh-shd-map-boss-marker img{width:76px!important;height:76px!important}
.cqh-shd-map-node span,.cqh-shd-map-home span,.cqh-shd-map-boss-marker span{max-width:82px!important;font-size:5.8px!important}
.cqh-shd-map-info-wrap{min-height:98px!important;border-radius:13px!important}
.cqh-shd-map-info-empty{min-height:98px!important;padding:12px!important}.cqh-shd-map-info-empty strong{font-size:12px!important}.cqh-shd-map-info-empty span{font-size:7.5px!important}
.cqh-shd-map-info{grid-template-columns:1fr!important;min-height:98px!important}
.cqh-shd-map-info-art{display:none!important}
.cqh-shd-map-info-copy{grid-template-columns:1fr auto!important;grid-template-rows:auto auto 1fr!important;padding:8px 9px!important;gap:3px 7px!important}
.cqh-shd-map-info-copy small{font-size:5.8px!important}.cqh-shd-map-info-copy h3{font-size:15px!important;margin:1px 0!important}
.cqh-shd-map-info-copy p{font-size:7px!important;line-height:1.25!important;margin:2px 0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cqh-shd-map-facts{grid-column:2!important;grid-row:1/4!important;min-width:145px!important;gap:3px!important}
.cqh-shd-map-facts span{font-size:5.6px!important;padding:4px!important}.cqh-shd-map-facts b{font-size:4.8px!important}
.cqh-shd-map-info-copy>button{grid-column:1!important;padding:7px!important;font-size:7px!important}
.cqh-shd-map-nav{gap:4px!important}.cqh-shd-map-nav button{padding:7px 5px!important;font-size:7px!important}

/* Fortune, results and settings use the wider screen. */
.cqh-shd-fortune-screen{padding:10px 12px!important;gap:7px!important}
.cqh-shd-fortune-screen header h2{font-size:30px!important}.cqh-shd-fortune-screen header p{font-size:10px!important}
.cqh-shd-fortune-stage{width:min(68%,390px)!important}
.cqh-shd-fortune-message,.cqh-shd-fortune-result,.cqh-shd-fortune-actions{width:min(100%,540px)!important}
.cqh-shd-gameover{padding:12px!important}.cqh-shd-end-card,.cqh-shd-dialog{width:min(100%,540px)!important;padding:20px!important}
.cqh-shd-end-card h2{font-size:30px!important;color:#ffe9b0!important}
.cqh-shd-end-card p{font-size:11px!important}
.cqh-shd-dialog h2{color:#ffe9b0!important}

@media(max-width:420px){
  .cqh-shd-frame-stats{height:57px;padding:6px 52px 6px 6px;gap:4px}
  .cqh-shd-frame-stat{padding:4px!important;border-radius:10px}.cqh-shd-frame-stat b{font-size:15px!important}.cqh-shd-frame-stat small{font-size:6px!important}
  .cqh-shd-settings-btn{right:7px!important;top:7px!important;width:40px!important;height:40px!important;font-size:24px!important}
  .cqh-shd-shield{top:64px!important;width:47%!important;height:36px!important}.cqh-shd-harvest-panel{top:64px!important}
  .cqh-shd-harvest-wave,.cqh-shd-harvest-time{padding:7px 7px!important;font-size:11px!important}.cqh-shd-harvest-time{font-size:17px!important}
  .cqh-shd-title{top:12px!important;right:48px!important}.cqh-shd-title h1{font-size:29px!important}.cqh-shd-title p{font-size:8px!important}
  .cqh-shd-mode-grid{margin-top:92px!important;gap:6px!important}.cqh-shd-mode img{aspect-ratio:1/1.08!important}
  .cqh-shd-meta-test-row button{min-height:32px!important;font-size:7px!important}.cqh-shd-start-tip{font-size:7px!important}
  .cqh-shd-upgrade{padding:8px!important}.cqh-shd-upgrade-box h2{font-size:20px!important;margin-bottom:9px!important}
  .cqh-shd-card-grid{gap:5px!important}.cqh-shd-card{min-height:218px!important;padding:6px 5px 8px!important}.cqh-shd-card img,.cqh-shd-card-glyph{height:82px!important}.cqh-shd-card strong{font-size:8px!important}.cqh-shd-card>span:not(.cqh-shd-card-glyph){font-size:6.8px!important;-webkit-line-clamp:4}
  .cqh-shd-city-grid{max-height:calc(100% - 164px)!important;padding-bottom:66px!important}.cqh-shd-city-building{min-height:106px!important;grid-template-columns:36% 64%!important}.cqh-shd-city-building img{height:62px!important}.cqh-shd-city-building strong{font-size:9px!important}.cqh-shd-city-building span{font-size:6px!important}
  .cqh-shd-map-screen{padding:4px!important;gap:4px!important}.cqh-shd-map-topbar{min-height:62px!important;padding:5px 46px 5px 6px!important}.cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{width:72px!important;min-height:68px!important}.cqh-shd-map-node img,.cqh-shd-map-home img{width:54px!important;height:54px!important}.cqh-shd-map-boss-marker img{width:66px!important;height:66px!important}.cqh-shd-map-node span,.cqh-shd-map-home span,.cqh-shd-map-boss-marker span{max-width:72px!important;font-size:5px!important}
  .cqh-shd-map-facts{min-width:128px!important}.cqh-shd-map-info-copy h3{font-size:13px!important}.cqh-shd-map-info-copy p{font-size:6.3px!important}
  .cqh-shd-story-copy{padding:12px!important}.cqh-shd-story-copy h2{font-size:23px!important}.cqh-shd-story-copy p{font-size:9.5px!important}
}

/* v0.13.2 — story typing sound layout, transparent harvest resources, compact city tiles */
.cqh-shd-story-copy{
  bottom:6px!important;
  min-height:0!important;
  max-height:23%!important;
  padding:11px 14px 10px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(4,17,42,.62),rgba(2,8,24,.90))!important;
  backdrop-filter:blur(4px)!important
}
.cqh-shd-story-copy small{font-size:7px!important}
.cqh-shd-story-copy h2{font-size:24px!important;line-height:1.02!important;margin:3px 0 5px!important}
.cqh-shd-story-copy p{min-height:0!important;font-size:10px!important;line-height:1.35!important;margin:0!important}
.cqh-shd-story-page>img{object-position:center center!important}

/* Harvest rewards sit behind the controls, without blocking aim or fire. */
.cqh-shd-harvest-loot{
  z-index:4!important;
  left:0!important;right:0!important;bottom:4px!important;
  width:100%!important;max-width:none!important;
  transform:none!important;
  gap:4px!important;
  padding:0 3.5% 5px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important
}
.cqh-shd-harvest-loot-item{
  min-height:46px!important;
  gap:2px!important;
  border:1px solid rgba(102,222,255,.17)!important;
  border-radius:13px!important;
  background:rgba(3,18,42,.28)!important;
  box-shadow:inset 0 0 12px rgba(55,184,255,.035)!important;
  backdrop-filter:none!important
}
.cqh-shd-harvest-loot-item b{font-size:8px!important;letter-spacing:.12em!important;text-shadow:0 2px 6px #000!important}
.cqh-shd-harvest-loot-item span{font-size:17px!important;text-shadow:0 2px 8px #000!important}
.cqh-shd-controls{z-index:7!important}

/* City overview: six readable tiles, no broken labels or large empty card areas. */
.cqh-shd-city-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  max-height:calc(100% - 174px)!important;
  padding:2px 0 72px!important
}
.cqh-shd-city-building{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:146px!important;
  padding:7px 7px 7px!important;
  border-radius:14px!important;
  text-align:center!important;
  overflow:hidden!important
}
.cqh-shd-city-building img{
  width:100%!important;
  height:70px!important;
  flex:0 0 70px!important;
  object-fit:contain!important;
  margin:0 auto 1px!important
}
.cqh-shd-city-building>div:not(.cqh-shd-city-building-actions){
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  text-align:center!important
}
.cqh-shd-city-building small{
  order:0!important;
  margin:0 0 3px!important;
  padding:2px 7px!important;
  font-size:6.5px!important;
  white-space:nowrap!important
}
.cqh-shd-city-building strong{
  order:1!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.08!important;
  text-align:center!important;
  white-space:nowrap!important
}
.cqh-shd-city-building span,.cqh-shd-city-building ul{display:none!important}
.cqh-shd-city-building-actions{
  position:static!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 31px!important;
  gap:5px!important;
  margin-top:auto!important;
  padding-top:6px!important
}
.cqh-shd-city-open-btn,.cqh-shd-city-info-btn{
  height:29px!important;
  min-width:0!important;
  padding:5px 6px!important;
  border-radius:9px!important;
  font-size:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important
}
.cqh-shd-city-info-btn{
  width:31px!important;
  padding:0!important;
  border-radius:50%!important;
  font-family:Arial,sans-serif!important;
  font-size:15px!important;
  font-style:normal!important;
  text-transform:lowercase!important
}

@media(max-width:420px){
  .cqh-shd-story-copy{left:7px!important;right:7px!important;bottom:5px!important;max-height:21%!important;padding:9px 11px 8px!important}
  .cqh-shd-story-copy small{font-size:6.2px!important}
  .cqh-shd-story-copy h2{font-size:21px!important;margin:2px 0 4px!important}
  .cqh-shd-story-copy p{font-size:8.8px!important;line-height:1.3!important}
  .cqh-shd-harvest-loot{bottom:2px!important;padding:0 2.5% 3px!important;gap:3px!important}
  .cqh-shd-harvest-loot-item{min-height:42px!important;border-radius:11px!important}
  .cqh-shd-harvest-loot-item b{font-size:6.8px!important}.cqh-shd-harvest-loot-item span{font-size:15px!important}
  .cqh-shd-city-grid{max-height:calc(100% - 166px)!important;gap:6px!important;padding-bottom:68px!important}
  .cqh-shd-city-building{min-height:132px!important;padding:5px!important}
  .cqh-shd-city-building img{height:61px!important;flex-basis:61px!important}
  .cqh-shd-city-building small{font-size:5.8px!important;padding:2px 6px!important}
  .cqh-shd-city-building strong{font-size:8.8px!important}
  .cqh-shd-city-building-actions{grid-template-columns:minmax(0,1fr) 28px!important;gap:4px!important;padding-top:5px!important}
  .cqh-shd-city-open-btn,.cqh-shd-city-info-btn{height:27px!important;font-size:6.4px!important}
  .cqh-shd-city-info-btn{width:28px!important;font-size:14px!important}
}

/* v0.14.0 — interactive city overview, commander guide and real task progression */
.cqh-shd-city{
  position:absolute!important;inset:0!important;overflow:hidden!important;padding:0!important;
  background:#020817!important
}
.cqh-shd-city-background{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;filter:saturate(1.08) brightness(.86)!important;
  transform:none!important;animation:none!important
}
.cqh-shd-city-shade{
  position:absolute!important;inset:0!important;background:
  linear-gradient(180deg,rgba(1,7,24,.94) 0 9%,rgba(2,8,25,.22) 22%,rgba(2,8,25,.08) 68%,rgba(1,6,20,.72) 100%)!important;
  pointer-events:none!important
}
.cqh-shd-city-header{
  position:absolute!important;z-index:8!important;left:0!important;right:0!important;top:0!important;
  min-height:72px!important;padding:9px 58px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(180deg,rgba(2,12,34,.98),rgba(4,16,42,.84))!important;
  border-bottom:1px solid rgba(88,213,255,.24)!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important
}
.cqh-shd-city-header>button[data-city-back]{
  left:9px!important;top:16px!important;padding:8px 10px!important;border-radius:11px!important;font-size:8px!important
}
.cqh-shd-city-header small{font-size:7px!important;letter-spacing:.18em!important}
.cqh-shd-city-header h2{font-size:25px!important;margin:2px 0 0!important;white-space:nowrap!important}
.cqh-shd-city-guide-replay{
  position:absolute!important;right:9px!important;top:16px!important;left:auto!important;width:37px!important;height:37px!important;
  display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(97,218,255,.34)!important;
  border-radius:50%!important;background:rgba(4,20,49,.84)!important;color:#dffaff!important;font-size:18px!important;font-weight:1000!important
}
.cqh-shd-city-resources{
  position:absolute!important;z-index:8!important;left:8px!important;right:8px!important;top:78px!important;width:auto!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:0!important
}
.cqh-shd-city-resource{
  min-width:0!important;padding:7px 9px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(7,30,66,.94),rgba(3,13,34,.96))!important;
  border:1px solid rgba(84,207,255,.27)!important
}
.cqh-shd-city-resource b{font-size:6.5px!important}.cqh-shd-city-resource span{font-size:13px!important}
.cqh-shd-city-job{
  position:absolute!important;z-index:9!important;left:10px!important;right:10px!important;top:122px!important;width:auto!important;
  margin:0!important;padding:6px 9px!important;min-height:31px!important;border-radius:11px!important
}
.cqh-shd-city-job strong{font-size:7.2px!important}.cqh-shd-city-job span{font-size:10px!important}
.cqh-shd-city-grid{
  position:absolute!important;z-index:4!important;left:0!important;right:0!important;top:119px!important;bottom:88px!important;
  display:block!important;width:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important
}
.cqh-shd-city-node{
  appearance:none!important;-webkit-appearance:none!important;position:absolute!important;left:var(--x)!important;top:var(--y)!important;
  transform:translate(-50%,-50%)!important;width:clamp(100px,26vw,150px)!important;min-height:102px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;padding:3px!important;
  border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important;outline:none!important;
  filter:drop-shadow(0 8px 13px rgba(0,0,0,.52))!important;-webkit-tap-highlight-color:transparent!important
}
.cqh-shd-city-node img{
  width:clamp(68px,19vw,100px)!important;height:clamp(68px,19vw,100px)!important;object-fit:contain!important;
  filter:drop-shadow(0 0 11px rgba(79,211,255,.28))!important;transition:transform .16s,filter .16s!important
}
.cqh-shd-city-node>span{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:98px!important;
  margin-top:-11px!important;padding:5px 8px!important;border-radius:10px!important;
  background:linear-gradient(180deg,rgba(7,24,54,.97),rgba(2,10,28,.98))!important;
  border:1px solid rgba(255,210,105,.58)!important;box-shadow:0 5px 14px rgba(0,0,0,.44),inset 0 0 14px rgba(72,191,255,.05)!important
}
.cqh-shd-city-node b{font-family:Georgia,serif!important;font-size:8px!important;line-height:1.05!important;color:#ffe5a7!important;white-space:nowrap!important}
.cqh-shd-city-node em{margin-top:2px!important;font-style:normal!important;font-size:6px!important;font-weight:1000!important;letter-spacing:.1em!important;color:#76e5ff!important}
.cqh-shd-city-node.is-ready img{animation:cqhCityNodeReady 1.4s ease-in-out infinite alternate!important}
.cqh-shd-city-node.is-building img{animation:cqhCityNodeBuild 1s ease-in-out infinite alternate!important}
.cqh-shd-city-node.is-locked{opacity:.58!important;filter:grayscale(.6) drop-shadow(0 8px 13px rgba(0,0,0,.52))!important}
.cqh-shd-city-node:hover,.cqh-shd-city-node:active,.cqh-shd-city-node:focus{background:transparent!important;box-shadow:none!important;outline:none!important}
.cqh-shd-city-node:active img{transform:scale(.94)!important}
@keyframes cqhCityNodeReady{to{filter:drop-shadow(0 0 20px rgba(255,204,72,.62))}}
@keyframes cqhCityNodeBuild{to{filter:drop-shadow(0 0 23px rgba(70,225,255,.8));transform:translateY(-3px)}}

.cqh-shd-city-task{
  position:absolute!important;z-index:10!important;left:7px!important;right:7px!important;bottom:7px!important;min-height:72px!important
}
.cqh-shd-city-task-card{
  min-height:72px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 54px!important;align-items:center!important;gap:7px!important;
  padding:8px 8px 8px 11px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(7,27,61,.97),rgba(3,12,32,.98))!important;
  border:1px solid rgba(255,202,80,.38)!important;box-shadow:0 12px 30px rgba(0,0,0,.44),inset 0 0 22px rgba(66,190,255,.06)!important
}
.cqh-shd-city-task-card.is-ready{border-color:#ffd469!important;box-shadow:0 0 22px rgba(255,190,55,.18),0 12px 30px rgba(0,0,0,.44)!important}
.cqh-shd-city-task-copy{min-width:0!important;text-align:left!important}.cqh-shd-city-task-copy small{display:block!important;font-size:6px!important;letter-spacing:.17em!important;color:#78e5ff!important}.cqh-shd-city-task-copy strong{display:block!important;margin-top:2px!important;font-size:9px!important;line-height:1.1!important;color:#ffe4a2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cqh-shd-city-task-copy span{display:block!important;margin-top:3px!important;font-size:7px!important;color:#bdd8eb!important}
.cqh-shd-city-task-reward{display:grid!important;grid-template-columns:repeat(3,auto)!important;gap:3px 6px!important;align-items:center!important}.cqh-shd-city-task-reward b{grid-column:1/-1!important;font-size:5px!important;letter-spacing:.12em!important;color:#6edfff!important}.cqh-shd-city-task-reward span{font-size:6px!important;color:#e8f8ff!important;white-space:nowrap!important}
.cqh-shd-city-task-card>button{appearance:none!important;border:1px solid rgba(255,217,116,.54)!important;border-radius:11px!important;padding:9px 6px!important;background:linear-gradient(180deg,#f0ad2e,#9f590c)!important;color:#fff7df!important;font-size:8px!important;font-weight:1000!important;cursor:pointer!important;box-shadow:0 7px 16px rgba(0,0,0,.27)!important}
.cqh-shd-city-task-card.is-complete{display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}.cqh-shd-city-task-card.is-complete small{font-size:6px!important;letter-spacing:.16em!important;color:#6ee8ff!important}.cqh-shd-city-task-card.is-complete strong{margin-top:3px!important;color:#ffe6a8!important}.cqh-shd-city-task-card.is-complete span{margin-top:3px!important;font-size:7px!important;color:#c5dced!important}

.cqh-shd-city-test-toggle{
  position:absolute!important;z-index:11!important;right:8px!important;bottom:83px!important;width:40px!important;height:25px!important;
  border:1px solid rgba(115,223,255,.22)!important;border-radius:8px!important;background:rgba(3,14,34,.88)!important;color:#7da8c6!important;font-size:6px!important;font-weight:1000!important
}
.cqh-shd-city-test-tools{
  z-index:14!important;left:7px!important;right:7px!important;bottom:112px!important;grid-template-columns:repeat(2,1fr)!important;
  padding:6px!important;background:rgba(2,10,27,.98)!important
}
.cqh-shd-city-test-tools[hidden]{display:none!important}

.cqh-shd-city-guide{
  position:absolute!important;z-index:20!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  padding:0 10px 10px!important;background:linear-gradient(180deg,rgba(1,6,20,.08),rgba(1,6,20,.18) 52%,rgba(1,6,20,.92) 100%)!important;
  opacity:0!important;transition:opacity .2s ease!important
}
.cqh-shd-city-guide[hidden]{display:none!important}.cqh-shd-city-guide.is-open{opacity:1!important}
.cqh-shd-city-guide-visual{position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 50% 40%,rgba(75,206,255,.08),transparent 45%)!important}
.cqh-shd-city-guide-copy{
  position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:31% 69%!important;align-items:end!important;min-height:205px!important;
  padding:12px 14px 12px 6px!important;border-radius:18px!important;border:1px solid rgba(255,211,111,.46)!important;
  background:linear-gradient(180deg,rgba(6,27,60,.94),rgba(2,10,29,.98))!important;box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 0 25px rgba(66,189,255,.06)!important
}
.cqh-shd-city-guide-copy>img{width:100%!important;height:190px!important;object-fit:contain!important;object-position:left bottom!important;align-self:end!important;filter:drop-shadow(0 7px 13px rgba(0,0,0,.48))!important}
.cqh-shd-city-guide-copy>div{padding:9px 2px 8px 9px!important;text-align:left!important}.cqh-shd-city-guide-copy small{font-size:7px!important;font-weight:1000!important;letter-spacing:.18em!important;color:#77e5ff!important}.cqh-shd-city-guide-copy h2{margin:4px 0 7px!important;font-family:Georgia,serif!important;font-size:24px!important;line-height:1!important;color:#ffe5a4!important}.cqh-shd-city-guide-copy p{min-height:5.5em!important;margin:0!important;font-size:9.5px!important;line-height:1.42!important;color:#e2f1ff!important}
.cqh-shd-city-guide-actions{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:.65fr 1.35fr!important;gap:7px!important;margin-top:7px!important}.cqh-shd-city-guide-actions button{appearance:none!important;border-radius:12px!important;padding:11px 8px!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.08em!important;cursor:pointer!important}.cqh-shd-city-guide-actions button:first-child{border:1px solid rgba(255,255,255,.12)!important;background:#07152d!important;color:#9fb6cb!important}.cqh-shd-city-guide-actions button:last-child{border:1px solid rgba(105,222,255,.46)!important;background:linear-gradient(180deg,#1688d8,#0a3d83)!important;color:#fff!important}

.cqh-shd-city-modal{z-index:24!important;padding:7px!important;background:rgba(0,3,14,.88)!important;backdrop-filter:blur(6px)!important}
.cqh-shd-city-detail-card{
  position:relative!important;width:min(100%,560px)!important;max-height:98%!important;overflow:auto!important;padding:15px 11px 12px!important;
  border-radius:18px!important;border:1px solid rgba(255,205,91,.5)!important;background:linear-gradient(180deg,rgba(7,29,62,.99),rgba(2,10,29,.995))!important;
  box-shadow:0 24px 65px rgba(0,0,0,.62),inset 0 0 30px rgba(58,180,255,.06)!important
}
.cqh-shd-city-detail-head{display:grid!important;grid-template-columns:34% 66%!important;align-items:center!important;gap:8px!important;padding:4px 22px 7px 2px!important}.cqh-shd-city-detail-art{display:grid!important;place-items:center!important;min-height:110px!important;border-radius:14px!important;background:radial-gradient(circle,rgba(59,193,255,.14),transparent 67%)!important}.cqh-shd-city-detail-art img{width:100%!important;height:118px!important;object-fit:contain!important;filter:drop-shadow(0 9px 13px rgba(0,0,0,.46))!important}.cqh-shd-city-detail-head small{font-size:6.5px!important;letter-spacing:.17em!important;color:#75e4ff!important}.cqh-shd-city-detail-head h2{margin:4px 0 3px!important;font-family:Georgia,serif!important;font-size:22px!important;line-height:1.02!important;color:#ffe5a3!important}.cqh-shd-city-detail-head p{margin:0 0 6px!important;font-size:8px!important;line-height:1.3!important;color:#c9deef!important}.cqh-shd-city-detail-head b{font-size:12px!important;color:#86e8ff!important}
.cqh-shd-city-detail-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.cqh-shd-city-detail-compare section{padding:8px!important;border-radius:11px!important;background:#06162f!important;border:1px solid rgba(255,255,255,.07)!important}.cqh-shd-city-detail-compare h3{margin:0 0 5px!important;font-size:7px!important;letter-spacing:.12em!important;color:#70dfff!important}.cqh-shd-city-detail-compare span{display:block!important;margin:3px 0!important;font-size:7.2px!important;line-height:1.22!important;color:#d9eafb!important}
.cqh-shd-city-detail-cost{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin:7px 0!important}.cqh-shd-city-detail-cost span{padding:6px 3px!important;border-radius:9px!important;background:#071a38!important;border:1px solid rgba(97,212,255,.13)!important;text-align:center!important;font-size:9px!important;font-weight:1000!important;color:#fff!important}.cqh-shd-city-detail-cost b{display:block!important;margin-bottom:2px!important;font-size:5.5px!important;letter-spacing:.1em!important;color:#7ee3ff!important}
.cqh-shd-city-narrator{display:grid!important;grid-template-columns:74px 1fr!important;align-items:center!important;gap:8px!important;margin-top:6px!important;padding:6px 8px 6px 4px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(8,31,67,.86),rgba(3,14,36,.94))!important;border:1px solid rgba(255,208,100,.2)!important}.cqh-shd-city-narrator img{width:74px!important;height:76px!important;object-fit:cover!important;object-position:left center!important;border-radius:10px!important}.cqh-shd-city-narrator p{margin:0!important;font-size:7.8px!important;line-height:1.35!important;color:#d8e9f7!important}
.cqh-shd-city-detail-task{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:7px!important;margin-top:6px!important;padding:7px 8px!important;border-radius:10px!important;background:rgba(78,48,8,.82)!important;border:1px solid rgba(255,201,70,.35)!important}.cqh-shd-city-detail-task small{font-size:6px!important;color:#77e5ff!important}.cqh-shd-city-detail-task strong{font-size:7.5px!important;color:#ffe3a0!important}.cqh-shd-city-detail-task span{font-size:7px!important;color:#fff!important}
.cqh-shd-city-detail-actions{margin-top:7px!important}.cqh-shd-city-detail-actions button{width:100%!important;padding:11px 8px!important;border:0!important;border-radius:11px!important;background:linear-gradient(180deg,#39d4ff,#1476df)!important;color:#fff!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.05em!important}.cqh-shd-city-detail-actions button:disabled{background:#162339!important;color:#8296aa!important}
.cqh-shd-city-close{z-index:4!important;right:9px!important;top:8px!important}

@media(max-width:420px){
  .cqh-shd-city-header{min-height:66px!important;padding:8px 50px!important}.cqh-shd-city-header>button[data-city-back]{top:14px!important}.cqh-shd-city-guide-replay{top:14px!important;width:34px!important;height:34px!important}.cqh-shd-city-header h2{font-size:21px!important}
  .cqh-shd-city-resources{top:70px!important;gap:4px!important}.cqh-shd-city-resource{padding:6px!important}.cqh-shd-city-resource b{font-size:5.8px!important}.cqh-shd-city-resource span{font-size:11px!important}
  .cqh-shd-city-job{top:109px!important}.cqh-shd-city-grid{top:106px!important;bottom:82px!important}
  .cqh-shd-city-node{width:100px!important;min-height:89px!important}.cqh-shd-city-node img{width:66px!important;height:66px!important}.cqh-shd-city-node>span{min-width:88px!important;padding:4px 6px!important;margin-top:-9px!important}.cqh-shd-city-node b{font-size:7px!important}.cqh-shd-city-node em{font-size:5.4px!important}
  .cqh-shd-city-task{bottom:5px!important;left:5px!important;right:5px!important}.cqh-shd-city-task-card{min-height:66px!important;grid-template-columns:minmax(0,1fr) auto 48px!important;gap:5px!important;padding:7px!important}.cqh-shd-city-task-copy strong{font-size:8px!important}.cqh-shd-city-task-reward{gap:2px 4px!important}.cqh-shd-city-task-reward span{font-size:5.4px!important}.cqh-shd-city-task-card>button{padding:8px 4px!important;font-size:7px!important}
  .cqh-shd-city-test-toggle{bottom:76px!important}
  .cqh-shd-city-guide{padding:0 6px 7px!important}.cqh-shd-city-guide-copy{grid-template-columns:29% 71%!important;min-height:182px!important;padding:9px 10px 9px 4px!important}.cqh-shd-city-guide-copy>img{height:166px!important}.cqh-shd-city-guide-copy h2{font-size:20px!important}.cqh-shd-city-guide-copy p{font-size:8.2px!important;line-height:1.34!important}.cqh-shd-city-guide-actions button{padding:10px 6px!important;font-size:7px!important}
  .cqh-shd-city-detail-card{padding:13px 8px 10px!important}.cqh-shd-city-detail-head{grid-template-columns:32% 68%!important}.cqh-shd-city-detail-art{min-height:95px!important}.cqh-shd-city-detail-art img{height:98px!important}.cqh-shd-city-detail-head h2{font-size:19px!important}.cqh-shd-city-detail-head p{font-size:7px!important}.cqh-shd-city-detail-compare section{padding:7px!important}.cqh-shd-city-detail-compare span{font-size:6.5px!important}.cqh-shd-city-detail-cost{gap:3px!important}.cqh-shd-city-detail-cost span{font-size:7.7px!important;padding:5px 2px!important}.cqh-shd-city-detail-cost b{font-size:4.8px!important}.cqh-shd-city-narrator{grid-template-columns:62px 1fr!important}.cqh-shd-city-narrator img{width:62px!important;height:66px!important}.cqh-shd-city-narrator p{font-size:7px!important}
}

/* v0.14.1 — animated city hammer, resource claim flights, cleaner city guide */
.cqh-shd-city-fx-layer{
  position:absolute!important;inset:0!important;z-index:40!important;pointer-events:none!important;overflow:visible!important
}
.cqh-shd-city-hammer{
  position:absolute!important;z-index:7!important;left:50%!important;top:3%!important;width:58px!important;height:78px!important;
  display:block!important;pointer-events:none!important;transform:translate(-50%,-18%) rotate(-24deg)!important;transform-origin:52% 82%!important;
  animation:cqhCityHammerSwing .68s cubic-bezier(.45,.02,.26,1) infinite!important;filter:drop-shadow(0 0 10px rgba(69,211,255,.88)) drop-shadow(0 7px 8px rgba(0,0,0,.5))!important
}
.cqh-shd-city-hammer:after{
  content:""!important;position:absolute!important;left:50%!important;bottom:4px!important;width:38px!important;height:13px!important;border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(255,230,127,.8),rgba(72,210,255,.35) 45%,transparent 72%)!important;
  transform:translateX(-50%) scale(.35)!important;opacity:0!important;animation:cqhCityHammerImpact .68s ease-out infinite!important
}
.cqh-shd-city-hammer img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none!important}
@keyframes cqhCityHammerSwing{
  0%,18%{transform:translate(-50%,-18%) rotate(-27deg) scale(.96)}
  52%{transform:translate(-50%,-8%) rotate(18deg) scale(1.04)}
  63%{transform:translate(-50%,1%) rotate(27deg) scale(.98)}
  100%{transform:translate(-50%,-18%) rotate(-27deg) scale(.96)}
}
@keyframes cqhCityHammerImpact{
  0%,48%{opacity:0;transform:translateX(-50%) scale(.25)}
  62%{opacity:1;transform:translateX(-50%) scale(1.25)}
  100%{opacity:0;transform:translateX(-50%) scale(1.8)}
}

.cqh-shd-city-reward-particle,.cqh-shd-city-reward-label{
  position:absolute!important;z-index:2!important;display:grid!important;place-items:center!important;pointer-events:none!important;
  transform:translate(-50%,-50%)!important;opacity:0!important;animation:cqhCityRewardFly .78s cubic-bezier(.19,.8,.22,1) var(--delay,0ms) forwards!important
}
.cqh-shd-city-reward-particle{width:19px!important;height:19px!important;font-style:normal!important;font-size:18px!important;font-weight:1000!important;text-shadow:0 0 10px currentColor,0 3px 7px #000!important}
.cqh-shd-city-reward-label{padding:4px 7px!important;border-radius:999px!important;background:rgba(3,17,42,.9)!important;border:1px solid currentColor!important;font-size:10px!important;font-weight:1000!important;box-shadow:0 4px 12px rgba(0,0,0,.35)!important}
.cqh-shd-city-reward-particle.is-crystal,.cqh-shd-city-reward-label.is-crystal{color:#59e9ff!important}
.cqh-shd-city-reward-particle.is-ore,.cqh-shd-city-reward-label.is-ore{color:#d7e1ed!important}
.cqh-shd-city-reward-particle.is-energy,.cqh-shd-city-reward-label.is-energy{color:#65baff!important}
@keyframes cqhCityRewardFly{
  0%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(.35) rotate(-15deg)}
  12%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1.05) rotate(0)}
  53%{opacity:1;transform:translate(-50%,-50%) translate(var(--mx),var(--my)) scale(.86) rotate(12deg)}
  100%{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.3) rotate(28deg)}
}
.cqh-shd-city-resource.is-reward-pulse{animation:cqhCityResourcePulse .72s ease-out!important}
@keyframes cqhCityResourcePulse{
  0%{transform:scale(1)}35%{transform:scale(1.08);border-color:#ffe281!important;box-shadow:0 0 28px rgba(86,221,255,.58),inset 0 0 18px rgba(255,216,101,.12)!important}100%{transform:scale(1)}
}

/* Hide the task/test cards behind the narrator overlay and remove its empty upper field. */
.cqh-shd-city.is-guide-open .cqh-shd-city-task,
.cqh-shd-city.is-guide-open .cqh-shd-city-test-toggle,
.cqh-shd-city.is-guide-open .cqh-shd-city-test-tools,
.cqh-shd-city.is-guide-open .cqh-shd-city-job{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.cqh-shd-city-guide{background:linear-gradient(180deg,rgba(1,6,20,.04),rgba(1,6,20,.15) 58%,rgba(1,6,20,.96) 100%)!important}
.cqh-shd-city-guide-copy{min-height:0!important;height:auto!important;align-items:center!important;padding:8px 11px 8px 5px!important}
.cqh-shd-city-guide-copy>img{height:142px!important}
.cqh-shd-city-guide-copy>div{padding:6px 2px 6px 8px!important}
.cqh-shd-city-guide-copy p{min-height:4.3em!important}

@media(max-width:420px){
  .cqh-shd-city-hammer{width:49px!important;height:66px!important;top:4%!important}
  .cqh-shd-city-guide-copy{grid-template-columns:28% 72%!important;min-height:0!important;padding:7px 8px 7px 3px!important}
  .cqh-shd-city-guide-copy>img{height:126px!important}
  .cqh-shd-city-guide-copy p{min-height:4em!important;font-size:8px!important}
  .cqh-shd-city-reward-particle{font-size:15px!important;width:16px!important;height:16px!important}
  .cqh-shd-city-reward-label{font-size:8px!important;padding:3px 5px!important}
}

/* v0.14.2 — automatic EPIC systems and transparent upgrade cards */
.cqh-shd-card{
  background:linear-gradient(180deg,rgba(7,26,58,.38),rgba(2,9,25,.24))!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  box-shadow:0 10px 26px rgba(0,0,0,.26),inset 0 0 20px rgba(55,185,255,.035)!important
}
.cqh-shd-card.is-epic{
  background:linear-gradient(180deg,rgba(55,13,91,.38),rgba(15,4,37,.25))!important;
  border-color:rgba(195,91,255,.74)!important;
  box-shadow:0 0 24px rgba(173,75,255,.13),0 10px 26px rgba(0,0,0,.27)!important
}
.cqh-shd-card img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important
}
.cqh-shd-card.is-epic em{
  background:rgba(126,50,200,.72)!important;
  border:1px solid rgba(221,166,255,.24)
}

/* v0.14.3 — striking hammer, pure resource flights, Harvest guidance */
.cqh-shd-city-hammer{
  transform:translate(-50%,-18%) rotate(-38deg)!important;
  transform-origin:50% 92%!important;
  animation:cqhCityHammerStrike .72s cubic-bezier(.55,.02,.23,1) infinite!important
}
@keyframes cqhCityHammerStrike{
  0%,18%,100%{transform:translate(-50%,-18%) rotate(-38deg) scale(.98)}
  44%{transform:translate(-50%,-18%) rotate(31deg) scale(1.02)}
  52%{transform:translate(-50%,-18%) rotate(25deg) scale(.99)}
  72%{transform:translate(-50%,-18%) rotate(-38deg) scale(.98)}
}
.cqh-shd-city-hammer:after{animation:cqhCityHammerStrikeImpact .72s ease-out infinite!important}
@keyframes cqhCityHammerStrikeImpact{
  0%,40%{opacity:0;transform:translateX(-50%) scale(.22)}
  48%{opacity:1;transform:translateX(-50%) scale(1.16)}
  68%,100%{opacity:0;transform:translateX(-50%) scale(1.72)}
}

/* Reward claim uses only flying resource elements. */
.cqh-shd-city-reward-label{display:none!important}
.cqh-shd-city-reward-particle{
  background:transparent!important;border:0!important;box-shadow:none!important;
  font-size:19px!important;filter:drop-shadow(0 0 7px currentColor)!important
}

.cqh-shd-city-detail-actions .is-harvest-required{
  border-color:rgba(255,190,62,.72)!important;
  background:linear-gradient(180deg,#e99c26,#8f4f0d)!important;
  color:#fff5d2!important
}
.cqh-shd-city-harvest-required{text-align:center!important}
.cqh-shd-city-harvest-required>small{display:block!important;font-size:8px!important;letter-spacing:.18em!important;color:#73e5ff!important}
.cqh-shd-city-harvest-required>h2{margin:5px 34px 12px!important;font-family:Georgia,serif!important;font-size:27px!important;line-height:1.05!important;color:#ffe4a0!important}
.cqh-shd-city-narrator.is-harvest{margin:8px 0 12px!important;grid-template-columns:92px 1fr!important;text-align:left!important}
.cqh-shd-city-narrator.is-harvest img{width:92px!important;height:102px!important;object-fit:contain!important;object-position:center bottom!important}
.cqh-shd-city-narrator.is-harvest p{font-size:10px!important;line-height:1.45!important}
.cqh-shd-city-missing-resources{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:9px 0 11px!important}
.cqh-shd-city-missing-resources span{padding:9px 5px!important;border-radius:11px!important;background:rgba(6,22,50,.8)!important;border:1px solid rgba(95,211,255,.18)!important;color:#fff!important;font-size:10px!important;font-weight:1000!important}
.cqh-shd-city-missing-resources b{display:block!important;margin-bottom:3px!important;font-size:6px!important;letter-spacing:.13em!important;color:#79e5ff!important}

.cqh-shd-city-job.is-recommendation{
  background:linear-gradient(180deg,rgba(8,56,73,.94),rgba(4,30,51,.96))!important;
  border-color:rgba(91,228,255,.48)!important;color:#e9fbff!important;
  box-shadow:0 0 22px rgba(67,205,255,.14)!important
}
.cqh-shd-city-job.is-recommendation strong{color:#ffe3a0!important}
.cqh-shd-city-job.is-recommendation span{font-size:8px!important;color:#bde9f5!important}

.cqh-shd-harvest-upgrade-recommendation{
  margin:10px 0!important;padding:10px 12px!important;border-radius:13px!important;
  border:1px solid rgba(255,211,98,.42)!important;
  background:linear-gradient(180deg,rgba(52,35,7,.82),rgba(19,26,47,.9))!important;text-align:left!important
}
.cqh-shd-harvest-upgrade-recommendation b{display:block!important;margin-bottom:4px!important;font-size:8px!important;letter-spacing:.15em!important;color:#ffe09a!important}
.cqh-shd-harvest-upgrade-recommendation span{display:block!important;font-size:9px!important;line-height:1.4!important;color:#d6e8f5!important}

@media(max-width:420px){
  .cqh-shd-city-harvest-required>h2{font-size:21px!important;margin:4px 28px 9px!important}
  .cqh-shd-city-narrator.is-harvest{grid-template-columns:70px 1fr!important;gap:7px!important}
  .cqh-shd-city-narrator.is-harvest img{width:70px!important;height:82px!important}
  .cqh-shd-city-narrator.is-harvest p{font-size:8px!important;line-height:1.38!important}
  .cqh-shd-city-missing-resources{gap:4px!important}.cqh-shd-city-missing-resources span{font-size:8px!important;padding:7px 3px!important}
  .cqh-shd-harvest-upgrade-recommendation span{font-size:8px!important}
}

/* Development controls no longer cover the live City task area. */
.cqh-shd-city-test-toggle,.cqh-shd-city-test-tools{display:none!important}

/* v0.14.4 — partial Harvest claims and full-window bonus */
.cqh-shd-harvest-claim-btn{
  appearance:none;-webkit-appearance:none;position:absolute;left:50%;bottom:62px;
  transform:translateX(-50%);z-index:12;min-width:150px;max-width:42%;
  padding:9px 13px;border-radius:999px;border:1px solid rgba(255,213,104,.58);
  background:linear-gradient(180deg,rgba(32,88,132,.94),rgba(8,35,70,.96));
  color:#fff4c8;font-size:9px;font-weight:1000;letter-spacing:.08em;
  text-shadow:0 2px 7px #000;box-shadow:0 0 18px rgba(72,207,255,.16),inset 0 0 14px rgba(255,211,98,.05);
  cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;
  animation:cqhHarvestClaimPulse 1.9s ease-in-out infinite
}
.cqh-shd-harvest-claim-btn[hidden]{display:none!important}
.cqh-shd-harvest-claim-btn:hover,.cqh-shd-harvest-claim-btn:active,.cqh-shd-harvest-claim-btn:focus{
  outline:none;transform:translateX(-50%);filter:none;background:linear-gradient(180deg,rgba(32,88,132,.94),rgba(8,35,70,.96));
  box-shadow:0 0 18px rgba(72,207,255,.16),inset 0 0 14px rgba(255,211,98,.05)
}
@keyframes cqhHarvestClaimPulse{
  0%,100%{box-shadow:0 0 12px rgba(72,207,255,.10),inset 0 0 14px rgba(255,211,98,.04)}
  50%{box-shadow:0 0 24px rgba(72,207,255,.28),0 0 10px rgba(255,208,90,.12),inset 0 0 18px rgba(255,211,98,.08)}
}
.cqh-shd-harvest-full-bonus{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:9px 0;padding:9px 11px;border-radius:12px;
  border:1px solid rgba(255,213,99,.48);background:linear-gradient(180deg,rgba(62,42,7,.82),rgba(20,30,53,.92));
  color:#fff
}
.cqh-shd-harvest-full-bonus b{font-size:8px;letter-spacing:.12em;color:#ffe29c}
.cqh-shd-harvest-full-bonus span{font-size:8px;color:#bfeeff;text-align:right}
@media(max-width:420px){
  .cqh-shd-harvest-claim-btn{bottom:54px;min-width:124px;max-width:46%;padding:8px 9px;font-size:7.5px}
  .cqh-shd-harvest-full-bonus{padding:8px;gap:6px;align-items:flex-start;flex-direction:column}
  .cqh-shd-harvest-full-bonus b,.cqh-shd-harvest-full-bonus span{font-size:7px;text-align:left}
}

/* v0.14.5 — reliable City → Harvest transition, restored test tools, construction hammer */
.cqh-shd-city-test-toggle{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.cqh-shd-city-test-tools:not([hidden]){
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.cqh-shd-city.is-guide-open .cqh-shd-city-test-toggle,
.cqh-shd-city.is-guide-open .cqh-shd-city-test-tools{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Only the actual building art pulses; the hammer image remains independently animated. */
.cqh-shd-city-node.is-building > img{
  animation:cqhCityConstructionGlow .82s ease-in-out infinite alternate!important;
}
.cqh-shd-city-node.is-building .cqh-shd-city-hammer img{
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
@keyframes cqhCityConstructionGlow{
  from{filter:drop-shadow(0 0 9px rgba(76,210,255,.36)) brightness(1)}
  to{filter:drop-shadow(0 0 24px rgba(78,224,255,.92)) brightness(1.12)}
}

.cqh-shd-city-hammer{
  left:68%!important;
  top:4%!important;
  width:54px!important;
  height:74px!important;
  transform-origin:50% 94%!important;
  animation:cqhCityBuildHammer .88s cubic-bezier(.45,.02,.2,1) infinite!important;
  will-change:transform!important;
}
@keyframes cqhCityBuildHammer{
  0%,16%{transform:translate(-50%,-12%) rotate(-48deg) scale(.97)}
  38%{transform:translate(-50%,-15%) rotate(-58deg) scale(1)}
  56%{transform:translate(-50%,4%) rotate(12deg) scale(1.04)}
  61%{transform:translate(-50%,7%) rotate(8deg) scale(.98)}
  76%{transform:translate(-50%,-8%) rotate(-34deg) scale(.99)}
  100%{transform:translate(-50%,-12%) rotate(-48deg) scale(.97)}
}
.cqh-shd-city-hammer:after{
  left:48%!important;
  bottom:1px!important;
  width:46px!important;
  height:16px!important;
  animation:cqhCityBuildImpact .88s ease-out infinite!important;
}
@keyframes cqhCityBuildImpact{
  0%,50%{opacity:0;transform:translateX(-50%) scale(.18)}
  59%{opacity:1;transform:translateX(-50%) scale(1.18)}
  78%,100%{opacity:0;transform:translateX(-50%) scale(2)}
}
.cqh-shd-city-node.is-building:before{
  content:""!important;
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:43%!important;
  width:74px!important;
  height:74px!important;
  transform:translate(-50%,-50%) scale(.3)!important;
  border-radius:50%!important;
  pointer-events:none!important;
  opacity:0!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,244,171,.9) 0 4%,transparent 5%),
    conic-gradient(from 8deg,transparent 0 8%,#8eeeff 9% 11%,transparent 12% 24%,#ffe385 25% 27%,transparent 28% 42%,#7deaff 43% 45%,transparent 46% 61%,#ffe385 62% 64%,transparent 65% 80%,#7deaff 81% 83%,transparent 84%);
  filter:drop-shadow(0 0 7px rgba(105,229,255,.9))!important;
  animation:cqhCityBuildSparks .88s ease-out infinite!important;
}
@keyframes cqhCityBuildSparks{
  0%,51%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}
  58%{opacity:1;transform:translate(-50%,-50%) scale(.75) rotate(8deg)}
  78%{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(22deg)}
  100%{opacity:0}
}
.cqh-shd-city-node.is-building:after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:48%!important;
  width:76px!important;
  height:23px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(96,225,255,.48)!important;
  box-shadow:0 0 18px rgba(68,217,255,.35)!important;
  pointer-events:none!important;
  animation:cqhCityBuildRing 1.3s ease-in-out infinite!important;
}
@keyframes cqhCityBuildRing{
  0%,100%{opacity:.24;transform:translate(-50%,-50%) scale(.82)}
  50%{opacity:.78;transform:translate(-50%,-50%) scale(1.1)}
}

@media(max-width:420px){
  .cqh-shd-city-hammer{left:69%!important;top:5%!important;width:45px!important;height:62px!important}
  .cqh-shd-city-node.is-building:before{width:60px!important;height:60px!important}
  .cqh-shd-city-node.is-building:after{width:62px!important;height:19px!important}
}


/* v0.14.6 — larger route map, forced hammer preview motion, stronger boss presentation */
.cqh-shd-map-canvas{min-height:430px!important}
.cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{width:74px!important;min-height:70px!important}
.cqh-shd-map-node img,.cqh-shd-map-home img{width:56px!important;height:56px!important}
.cqh-shd-map-boss-marker img{width:74px!important;height:74px!important}
.cqh-shd-map-player{width:34px!important;height:34px!important}
.cqh-shd-map-info-empty strong{letter-spacing:.08em}
@media(max-width:420px){
  .cqh-shd-map-canvas{min-height:382px!important}
  .cqh-shd-map-node,.cqh-shd-map-home,.cqh-shd-map-boss-marker{width:68px!important;min-height:64px!important}
  .cqh-shd-map-node img,.cqh-shd-map-home img{width:50px!important;height:50px!important}
  .cqh-shd-map-boss-marker img{width:64px!important;height:64px!important}
}

.cqh-shd-city-hammer{
  left:68%!important;
  top:4%!important;
  width:54px!important;
  height:74px!important;
  transform-origin:50% 94%!important;
  animation:cqhCityPreviewHammer .88s cubic-bezier(.45,.02,.2,1) infinite!important;
  opacity:1!important;
  visibility:visible!important;
  animation-play-state:running!important;
}
.cqh-shd-city-node.is-building > img{animation:cqhCityPreviewBuildHit .88s infinite!important}
.cqh-shd-city-hammer:after{
  left:48%!important;bottom:1px!important;top:auto!important;width:46px!important;height:16px!important;border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(255,230,127,.88),rgba(72,210,255,.38) 45%,transparent 72%)!important;
  box-shadow:none!important;
  animation:cqhCityPreviewSpark .88s infinite!important;
}
@keyframes cqhCityPreviewHammer{
  0%,16%{transform:translate(-50%,-12%) rotate(-48deg) scale(.97)}
  38%{transform:translate(-50%,-15%) rotate(-58deg) scale(1)}
  56%{transform:translate(-50%,4%) rotate(12deg) scale(1.04)}
  61%{transform:translate(-50%,7%) rotate(8deg) scale(.98)}
  76%{transform:translate(-50%,-8%) rotate(-34deg) scale(.99)}
  100%{transform:translate(-50%,-12%) rotate(-48deg) scale(.97)}
}
@keyframes cqhCityPreviewBuildHit{
  0%,52%,60%,100%{transform:translate(0,0)}
  55%{transform:translate(-3px,3px) scale(1.015)}
  57%{transform:translate(3px,1px)}
}
@keyframes cqhCityPreviewSpark{
  0%,50%{opacity:0;transform:translateX(-50%) scale(.18)}
  59%{opacity:1;transform:translateX(-50%) scale(1.18)}
  78%,100%{opacity:0;transform:translateX(-50%) scale(2)}
}
@media(max-width:420px){
  .cqh-shd-city-hammer{left:69%!important;top:5%!important;width:45px!important;height:62px!important}
}

.cqh-shd-end-card.is-win h2{line-height:1.02}
.cqh-shd-end-card.is-win p{font-size:11px;line-height:1.45}