/* f327 GLITCH QUEST + modern soft-glass Bug Hunter card. No red. Pixelify headings + clean system-ui body. */
.glq,.glc,.glp{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#f3f4fa;box-sizing:border-box}
.glq{position:fixed;z-index:10040;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);width:min(440px,calc(100vw - 24px));box-sizing:border-box;max-height:calc(100dvh - 28px);overflow:auto;
  padding:18px 18px 16px;background:linear-gradient(180deg,#23273e,#181b2c);border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 20px 50px rgba(6,8,18,.65);
  transform:translateX(-50%);animation:glqdrop .38s cubic-bezier(.2,1.25,.4,1) both}
.glq.still{animation:none}.glq.out{animation:glqup .22s ease-in both}.glq.still.out{animation:none;opacity:0}
@keyframes glqdrop{0%{transform:translate(-50%,-24px) scale(.96);opacity:0}100%{transform:translate(-50%,0) scale(1);opacity:1}}
@keyframes glqup{to{transform:translate(-50%,-16px) scale(.96);opacity:0}}
.glq-bang{position:absolute;right:16px;top:16px;width:34px;height:34px;display:grid;place-items:center;font:700 20px/1 "Pixelify Sans",sans-serif;font-style:normal;color:#fff;background:linear-gradient(180deg,#a56bff,#7a3fe6);border-radius:11px;box-shadow:0 3px 0 #4b209e}
.glq-test{display:inline-block;font:700 11px/1 system-ui;color:#0f5132;background:#8ff0bb;border-radius:6px;padding:3px 7px;margin:0 0 4px;letter-spacing:.04em;vertical-align:middle}
.glq-nq{margin:0 0 2px;font:700 11.5px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;color:#c39bff}
.glq .glq-t{font:700 26px/1.1 "Pixelify Sans",system-ui;margin:0 42px 6px 0;color:#fff}
.glq-p{margin:0 0 10px;font-size:14px;line-height:1.38;color:#b8bed6}
.glq-rvw{background:rgba(12,14,24,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);border-radius:16px;padding:10px 12px;margin:0 0 10px}
.glq-rvh{margin:0 0 6px;font:700 12px/1 system-ui;color:#c39bff}
.glq-rv{list-style:none;margin:0;padding:0;font-size:12.5px;line-height:1.35}
.glq-rv li{display:flex;gap:6px;align-items:baseline;padding:2px 0;animation:glqtick .22s ease-out both}
.glq.still .glq-rv li{animation:none}
@keyframes glqtick{0%{opacity:0;transform:translateX(-4px)}100%{opacity:1;transform:none}}
.glq-rv b{color:#2fbf7a;flex:none}.glq-rv span{color:#9aa0b8;flex:none}.glq-rv span::after{content:':'}.glq-rv li:last-child span:only-of-type::after{content:''}
.glq-rv em{font-style:normal;color:#f3f4fa;min-width:0;overflow-wrap:anywhere}
.glq-taps em{display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center}.glq-taps i{font-style:normal;background:#282d46;border-radius:5px;padding:1px 5px;font-size:11.5px}.glq-taps u{text-decoration:none;color:#9aa0b8}
.glq-tech em{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#c9c4e0}
.glq-never{margin:6px 0 0;font-size:11.5px;color:#8e95b0;line-height:1.3}
.glq-nl{display:block;font:700 13px/1.2 system-ui;color:#e6e8f2;margin:0 0 4px}
.glq-note{display:block;width:100%;box-sizing:border-box;min-height:44px;resize:vertical;font:500 15px/1.3 system-ui,sans-serif;color:#fff;background:rgba(12,14,24,.55);border:1.5px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 10px;margin:0 0 10px}
.glq-note:focus{outline:none;border-color:#a56bff;box-shadow:0 0 0 3px rgba(165,107,255,.25)}
.glq-xp{position:relative;height:14px;border-radius:99px;background:rgba(12,14,24,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);margin:0 0 10px;padding:2px;box-sizing:border-box;overflow:hidden}
.glq-seg{display:flex;gap:2px;height:100%;margin-right:34px}.glq-seg i{flex:1;background:transparent;border-radius:99px}
.glq-seg i.on{background:linear-gradient(90deg,#a56bff,#2fbf7a);animation:glqseg .18s ease-out}
@keyframes glqseg{0%{transform:scaleY(1.4)}}
.glq-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:700 11px/1 system-ui;color:#b8bed6}
.glq-err{margin:0 0 8px;font:600 13px/1.3 system-ui;color:#fbbf24;min-height:0}.glq-err:empty{display:none}
.glq-b,.glc-b{display:flex;align-items:center;gap:10px}
.glq-go,.glc-go,html body .glq button.glq-go:not(#_1):not(#_2),html body .glc button.glc-go:not(#_1):not(#_2){flex:1;min-height:52px;padding:10px 20px;font:700 19px/1 "Pixelify Sans",system-ui!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(180deg,#a56bff,#7a3fe6)!important;border:0!important;border-radius:16px!important;box-shadow:0 4px 0 #4b209e,0 8px 20px rgba(106,47,214,.35)!important;text-shadow:none!important;cursor:pointer;transition:transform .1s,box-shadow .1s}
.glq-go:active,.glc-go:active{transform:translateY(3px);box-shadow:0 1px 0 #4b209e}
.glq-go:disabled{opacity:.75}
.glq-no{background:rgba(255,255,255,.07);border:0;border-radius:14px;color:#c9cee4;font:700 15px/1 system-ui;min-height:52px;padding:0 16px;cursor:pointer}
.glq :focus-visible,.glc :focus-visible{outline:3px solid #a56bff;outline-offset:2px}
/* Clean, rewarding Bug Hunter confirmation card */
.glc{position:fixed;inset:0;z-index:10045;background:rgba(10,12,22,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;animation:glcfade .22s ease-out both}
@keyframes glcfade{from{opacity:0}}
.glc-rk{width:min(420px,100%);box-sizing:border-box;background:linear-gradient(180deg,#23273e,#181b2c);border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 20px 50px rgba(0,0,0,.6);padding:22px 18px 18px;display:flex;flex-direction:column;gap:14px;animation:glcup .32s cubic-bezier(.2,1.25,.4,1) both}
@keyframes glcup{from{transform:translateY(18px) scale(.96);opacity:0}}
.glc-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.glc-ok{width:52px;height:52px;border-radius:18px;background:linear-gradient(180deg,#34d399,#10b981);color:#fff;font:800 26px/52px system-ui;display:grid;place-items:center;box-shadow:0 4px 0 #047857,0 0 24px rgba(52,211,153,.35);margin-bottom:2px}
.glc-sent{margin:0;font:700 24px/1.12 "Pixelify Sans",system-ui;color:#fff}
.glc-sub{margin:0;font:500 14px/1.35 system-ui;color:#b8bed6}
.glc-box{background:rgba(12,14,24,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.glc-bh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.glc-h{font:800 11px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;color:#9aa2c0}
.glc-badge{padding:4px 10px;border-radius:99px;background:rgba(165,107,255,.18);box-shadow:inset 0 0 0 1px rgba(165,107,255,.45);color:#dfd2ff;font:700 12.5px/1 "Pixelify Sans",system-ui}
.glc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.glc-steps li{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);text-align:center;opacity:.65}
.glc-steps li i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);color:#9aa2c0;font:800 11px/22px system-ui;font-style:normal;display:grid;place-items:center}
.glc-steps li b{font:700 11px/1.15 "Pixelify Sans",system-ui;color:#c9cee4;overflow-wrap:anywhere}
.glc-steps li.got{opacity:.9}
.glc-steps li.got i{background:#2fbf7a;color:#fff}
.glc-steps li.on{opacity:1;background:rgba(122,63,230,.22);box-shadow:inset 0 0 0 1.5px #a56bff,0 0 14px rgba(165,107,255,.25)}
.glc-steps li.on i{background:linear-gradient(180deg,#a56bff,#7a3fe6);color:#fff}
.glc-steps li.on b{color:#fff}
.glc-mine{margin:0;text-align:center;font:500 12.5px/1.35 system-ui;color:#9aa2c0}.glc-mine:empty{display:none}
.glc.still,.glc.still .glc-rk{animation:none}
.glp{position:fixed;z-index:10040;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 14px;background:#1e2238;border-radius:16px;font-size:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 28px rgba(0,0,0,.5)}
.glp button{font:700 14px "Pixelify Sans",sans-serif;color:#fff;background:linear-gradient(180deg,#a56bff,#7a3fe6);border:0;border-radius:10px;padding:8px 12px}.glp .glp-x{background:none;color:#c9c4e0;padding:8px}
@media (prefers-reduced-motion:reduce){.glq,.glc,.glc-rk,.glq-rv li,.glq-bang,.glq-seg i.on{animation:none!important}}
