/* CTR Status Board Secret Diagnostics — isolated styles */
.ctr-egg-overlay{position:fixed;inset:0;z-index:2147483000;background:transparent;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.ctr-egg-overlay[hidden]{display:none!important}
.ctr-egg-dialog{font:400 15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#183047;background:#fff;border-radius:15px;max-width:465px;width:100%;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 20px 70px rgba(0,0,0,.3);padding:25px;box-sizing:border-box;position:relative}
.ctr-egg-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#397597}
.ctr-egg-title{font-size:24px;line-height:1.2;margin:6px 36px 12px 0;color:#173b55}
.ctr-egg-subtitle{margin:0 0 20px;color:#52677b}
.ctr-egg-diagnostics{margin:0;padding:0;list-style:none;border:1px solid #e3ebef;border-radius:10px;overflow:hidden}
.ctr-egg-diagnostics li{display:flex;gap:12px;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e3ebef}
.ctr-egg-diagnostics li:last-child{border-bottom:0}
.ctr-egg-diagnostics span{color:#556b7b}
.ctr-egg-diagnostics strong{text-align:right;color:#163b54}
.ctr-egg-message{background:#eaf4f7;border-left:3px solid #4a9cb2;padding:12px;border-radius:5px;margin:18px 0}
.ctr-egg-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.ctr-egg-button{font:inherit;border:1px solid #bacbd6;border-radius:8px;background:#fff;color:#1c4660;padding:9px 13px;cursor:pointer}
.ctr-egg-button-primary{background:#176d89;border-color:#176d89;color:#fff}
.ctr-egg-button:focus-visible{outline:3px solid #f0a93b;outline-offset:2px}
.ctr-egg-close{position:absolute;top:15px;right:15px;padding:4px 10px;font-size:24px;line-height:1}
.ctr-egg-fineprint{font-size:11px;color:#758595;margin:15px 0 0;text-align:center}
@media(prefers-reduced-motion:no-preference){.ctr-egg-dialog{animation:ctr-egg-appear .16s ease-out}@keyframes ctr-egg-appear{from{transform:translateY(8px);opacity:.6}to{transform:translateY(0);opacity:1}}}
@media(max-width:380px){.ctr-egg-dialog{padding:19px}.ctr-egg-diagnostics li{flex-direction:column;gap:0}}

/* CTR Fun Zone v2 extension */
.ctr-egg-dialog{max-width:560px}
.ctr-fun-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 18px}
.ctr-fun-grid .ctr-egg-button{text-align:left;min-height:49px}
.ctr-fun-demo{background:#f2f6f8;border:1px solid #cbdde4;border-radius:8px;margin:14px 0;padding:14px;transition:transform .3s}
.ctr-fun-demo-bar{background:#173f5e;color:white;padding:12px;font-weight:700}
.ctr-fun-demo-ok{margin-top:10px;padding:9px;color:#115632;background:#d4f2df}
.ctr-fun-mirror{transform:scaleX(-1)}.ctr-fun-upside{transform:rotate(180deg)}
.ctr-fun-retro{background:#061b0b;color:#72ff95;font:14px monospace}.ctr-fun-retro .ctr-fun-demo-bar,.ctr-fun-retro .ctr-fun-demo-ok{background:#092e13;color:#72ff95}.ctr-fun-retro p{white-space:pre-line}
.ctr-fun-canvas{display:block;width:100%;max-width:360px;margin:8px auto;background:#071c26;border-radius:8px;touch-action:manipulation}
.ctr-fun-score{text-align:center;font-weight:bold}.ctr-fun-effect-layer{position:fixed;inset:0;pointer-events:none;z-index:2147483001;overflow:hidden}
.ctr-fun-confetti{position:absolute;top:-15px;width:9px;height:15px;animation:ctr-fun-fall 3s linear both}
@keyframes ctr-fun-fall{to{transform:translateY(110vh) rotate(750deg)}}
@keyframes ctr-fun-shake{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-5px,3px) rotate(-2deg)}40%{transform:translate(5px,-2px) rotate(2deg)}60%{transform:translate(-3px,-4px) rotate(-1deg)}80%{transform:translate(4px,3px) rotate(1deg)}}
@media(prefers-reduced-motion:no-preference){.ctr-fun-shake{animation:ctr-fun-shake .35s infinite}}
@media(max-width:430px){.ctr-fun-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ctr-fun-confetti,.ctr-fun-shake{animation:none!important}}

/* Transform the complete page as one surface, including its background and layout.
   The Fun Zone overlay gets the reverse transform so its controls remain readable. */
body.ctr-fun-mirror{transform:scaleX(-1)!important;transform-origin:center center!important}
body.ctr-fun-mirror > .ctr-egg-overlay{transform:scaleX(-1)!important}
body.ctr-fun-upside{transform:rotate(180deg)!important;transform-origin:center center!important}
body.ctr-fun-upside > .ctr-egg-overlay{transform:rotate(180deg)!important}
body.ctr-fun-retro > :not(.ctr-egg-overlay):not(script):not(style):not(.ctr-fun-effect-layer){filter:grayscale(1) sepia(1) hue-rotate(65deg) saturate(3)!important;font-family:monospace!important}
@media(prefers-reduced-motion:no-preference){body.ctr-fun-shake{animation:ctr-fun-shake .35s infinite!important}body.ctr-fun-shake > .ctr-egg-overlay{animation:ctr-fun-shake .35s infinite reverse!important}}
@media(prefers-reduced-motion:reduce){body.ctr-fun-shake{animation:none!important}}

/* Keep the underlying status information visible without a dark scrim. */

/* CTR Fun Zone v3 */
.ctr-egg-dialog .ctr-fun-minimize{display:block;margin:0 0 12px auto;font-size:12px}
.ctr-egg-overlay.ctr-fun-minimized{pointer-events:none;align-items:flex-end;justify-content:flex-end}
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-dialog{pointer-events:auto;max-width:160px;width:auto;max-height:none;padding:8px;background:rgba(255,255,255,.96)}
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-dialog>:not(.ctr-egg-close):not(.ctr-fun-minimize){display:none!important}
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-close{position:static;float:right;font-size:14px;padding:3px 8px}
.ctr-egg-overlay.ctr-fun-minimized .ctr-fun-minimize{margin:0;display:inline-block}
.ctr-fun-terminal{background:#071911;color:#9af4aa;padding:15px;min-height:160px;max-height:250px;overflow:auto;white-space:pre-wrap;word-wrap:break-word;border-radius:7px;font:13px/1.5 monospace}
.ctr-fun-command{display:flex;gap:8px}.ctr-fun-input{min-width:0;flex:1;padding:9px;border:1px solid #aaa;border-radius:6px}
.ctr-fun-duck{font-size:80px;text-align:center}.ctr-fun-achievements{columns:2;list-style:none;padding:0;line-height:2}
.ctr-fun-hidden-bug{position:fixed;z-index:2147482999;font-size:25px;background:transparent;border:0;cursor:pointer;filter:drop-shadow(0 0 3px #fff)}
.ctr-fun-toast{position:fixed;z-index:2147483002;bottom:22px;left:20px;background:#fff9cd;padding:12px;border-radius:8px;box-shadow:0 4px 16px #5556}
.ctr-fun-win95{border-radius:0;background:#c0c0c0;border:3px ridge #fff;font-family:Tahoma,Arial,sans-serif}
.ctr-fun-95{background:#008080;padding:20px;color:#fff}.ctr-fun-95-title{background:navy;padding:9px;font-weight:bold}.ctr-fun-95-window{background:silver;color:#111;padding:18px;border:4px ridge white;margin:16px}
.ctr-fun-blue{white-space:pre-line;background:#062399;color:white;font:15px/1.7 monospace;padding:20px;min-height:200px}
.ctr-fun-golden{white-space:pre-line;background:linear-gradient(120deg,#c29021,#fff0a0,#ad7718);color:#483000;border:3px solid #cc9c39;padding:30px;text-align:center;font-weight:bold}
@media(max-width:440px){.ctr-fun-achievements{columns:1}}

/* v3.3: separate Close and Minimize/Restore controls at all sizes. */
.ctr-egg-dialog .ctr-fun-minimize {
  position: absolute;
  top: 15px;
  right: 62px;
  margin: 0;
  z-index: 1;
}
.ctr-egg-dialog .ctr-egg-close {
  top: 15px;
  right: 15px;
  margin: 0;
  z-index: 1;
}
.ctr-egg-dialog .ctr-egg-kicker {
  padding-right: 145px;
}
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-dialog {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
  width: auto;
}
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-dialog .ctr-fun-minimize,
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-dialog .ctr-egg-close {
  position: static;
  margin: 0;
  float: none;
}
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-dialog .ctr-fun-minimize { order: 1; }
.ctr-egg-overlay.ctr-fun-minimized .ctr-egg-dialog .ctr-egg-close { order: 2; }
@media (max-width: 440px) {
  .ctr-egg-dialog .ctr-egg-kicker { padding-right: 0; padding-top: 34px; }
}

/* v3.6 Keyboard Legends — purely visual effects. */
.ctr-fun-answer42{font-size:clamp(72px,15vw,140px);font-weight:900;text-align:center;color:#d4a423;text-shadow:1px 2px 0 #534217;margin:12px}
.ctr-fun-matrix-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:2147482990;background:rgba(1,17,9,.12)}
.ctr-fun-matrix-layer span{position:absolute;top:-400px;white-space:pre;line-height:19px;color:#39f78d;font:16px/19px monospace;text-shadow:0 0 8px #0d6;animation:ctr-fun-rain linear infinite}
@keyframes ctr-fun-rain{from{transform:translateY(-100px)}to{transform:translateY(calc(100vh + 450px))}}
@media(prefers-reduced-motion:reduce){.ctr-fun-matrix-layer{display:none}}
