/* Escape the Eraser · QuizQuest — phone first */
*{box-sizing:border-box}
html,body{margin:0;background:#0b0a10}
body{color:#f8fafc;font-family:Nunito,"Segoe UI",system-ui,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
button{font-family:inherit}
[hidden]{display:none!important}
.er{position:fixed;left:0;right:0;bottom:0;top:60px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#3b0d0d 0%,#140b12 55%,#07060a 100%)}
.er-cv{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;touch-action:none}
.er-ui{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:20;padding:12px 12px 60px;background:radial-gradient(ellipse at 50% 0%,#3b0d0d 0%,#140b12 55%,#07060a 100%)}

/* ---------- pages ---------- */
.er-title,.er-page{max-width:640px;margin:0 auto}
.er-page.wide{max-width:1000px}
.er-hero{text-align:center;padding:4px 0 10px}
.er-heroart svg{max-width:70vw;height:auto;filter:drop-shadow(0 6px 12px rgba(239,68,68,.35))}
.er-hero h1{margin:0;font:700 clamp(40px,10vw,64px)/1 Fredoka,sans-serif;color:#fff;text-shadow:0 4px 0 #7f1d1d,0 0 30px rgba(239,68,68,.6);letter-spacing:.01em}
.er-hero h1 span{font-size:.55em;color:#fca5a5}
.er-hero p{max-width:540px;margin:10px auto 0;font-weight:700;color:#fecaca;line-height:1.45}
.er-card{background:#fff;color:#17203b;border-radius:22px;padding:16px;box-shadow:0 8px 0 #450a0a,0 18px 40px rgba(0,0,0,.5)}
.er-card.center{text-align:center}
.er-card h2{margin:10px 0 8px;font:600 24px Fredoka,sans-serif;color:#991b1b}
.er-note{background:#fef3c7;color:#92400e;font-weight:800;border-radius:14px;padding:10px 14px;text-align:center;margin:0 auto 12px}
.er-kick{display:inline-block;font:800 12px Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#fee2e2;color:#991b1b;border-radius:999px;padding:5px 12px;margin-bottom:6px}
.er-lbl{font:800 12px Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin:14px 0 7px}
.er-small{font-size:14px;font-weight:700;color:#64748b;margin:10px 0;line-height:1.45}
.er-in{width:100%;font:700 19px Nunito,sans-serif;padding:12px 14px;border:3px solid #cbd5e1;border-radius:14px;color:#17203b;background:#fff;outline:none}
.er-in:focus{border-color:#ef4444;box-shadow:0 0 0 4px #fee2e2}
.er-in.sm{font-size:16px;padding:10px 12px}
.er-in.code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font:600 24px Fredoka,sans-serif}
.er-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 18px Fredoka,Nunito,Arial,sans-serif;padding:12px 22px;border-radius:999px;background:#dc2626;color:#fff;box-shadow:0 5px 0 #7f1d1d;transition:transform .1s}
.er-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #7f1d1d}
.er-btn.big{width:100%;font-size:21px;padding:15px 22px;margin-top:14px}
.er-btn.green{background:#16a34a;box-shadow:0 5px 0 #14532d}
.er-btn.red{background:#dc2626}
.er-btn.ghost{background:#fff;color:#17203b;box-shadow:0 4px 0 #cbd5e1}
.er-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.er-row .er-btn{flex:1;min-width:140px;font-size:16px;padding:11px 10px}
.er-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 4px;background:#fee2e2;padding:5px;border-radius:16px}
.er-tab{appearance:none;border:0;border-radius:12px;background:transparent;font:600 15px Fredoka,sans-serif;color:#991b1b;padding:10px 4px;cursor:pointer}
.er-tab.on{background:#dc2626;color:#fff;box-shadow:0 3px 0 #7f1d1d}
.er-chips2{display:flex;flex-wrap:wrap;gap:7px}
.er-chip{appearance:none;border:3px solid #cbd5e1;background:#fff;border-radius:999px;font:600 15px Fredoka,sans-serif;color:#17203b;padding:7px 14px;cursor:pointer}
.er-chip.on{border-color:#dc2626;background:#fee2e2;color:#991b1b}
.er-chars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.er-char{appearance:none;border:3px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:4px;cursor:pointer;display:grid;place-items:center}
.er-char canvas{width:48px;height:48px;image-rendering:pixelated}
.er-char.on{border-color:#dc2626;background:#fee2e2}
.er-pnames{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.er-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;font-size:15px;font-weight:700;line-height:1.4;background:#fef2f2;border:2px solid #fecaca;border-radius:14px;padding:10px 12px;cursor:pointer}
.er-check input{width:22px;height:22px;flex:none;accent-color:#dc2626;margin:0}
.er-or{display:flex;align-items:center;gap:10px;margin:16px 0 8px;color:#94a3b8;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.er-or::before,.er-or::after{content:"";flex:1;height:2px;background:#e2e8f0}
.er-joinrow{display:flex;gap:8px}.er-joinrow .er-in{flex:1;min-width:0}
.er-topics,.er-how{margin-top:14px;border:2px solid #e2e8f0;border-radius:14px;padding:8px 12px}
.er-topics summary,.er-how summary{cursor:pointer;font:600 15px Fredoka,sans-serif;color:#991b1b}
.er-topics label{display:flex;gap:8px;align-items:center;padding:6px 2px;font-weight:700;border-top:1px solid #f1f5f9}
.er-topics label i{margin-left:auto;font-style:normal;font-size:12px;color:#94a3b8}
.er-topics input{width:20px;height:20px;accent-color:#dc2626}
.er-how ul{margin:8px 0 0;padding-left:18px;line-height:1.5;font-weight:700;font-size:14px}
.er-how li{margin-bottom:5px}
.er-load{font-size:64px;animation:erpulse 1s ease-in-out infinite}
@keyframes erpulse{50%{transform:scale(1.15)}}
.er-scoreline{display:grid;gap:6px;margin:10px 0}
.er-scoreline div{display:flex;justify-content:space-between;background:#f1f5f9;border-radius:12px;padding:7px 12px}
.er-scoreline div.on{background:#fee2e2;border:2px solid #fca5a5}
.er-scoreline b{font:600 16px Fredoka,sans-serif}.er-scoreline span{font-weight:800;color:#475569;font-size:14px}
.er-code{font:700 54px/1 Fredoka,sans-serif;letter-spacing:.18em;color:#991b1b;background:#fee2e2;border-radius:18px;padding:12px 10px 12px 22px;margin:8px auto 12px;display:inline-block}
.er-lobby{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-top:10px;text-align:left}
.er-lobby>div{background:#f1f5f9;border-radius:12px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.er-lobby>div.me{background:#fef9c3}
.lobby .er-btn.ghost{margin-top:12px}
.er-big{font:700 30px Fredoka,sans-serif;color:#991b1b;text-align:center;margin:8px 0}
.er-board{display:grid;gap:6px}
.er-board>div{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"pl nm dn" "pl ki dn";column-gap:8px;align-items:center;background:#f1f5f9;border-radius:12px;padding:6px 10px}
.er-board>div.me{background:#fef9c3;border:2px solid #facc15}
.er-board .pl{grid-area:pl;font:600 18px Fredoka,sans-serif;color:#991b1b;text-align:center}
.er-board b{grid-area:nm;font:600 16px Fredoka,sans-serif}
.er-board .ki{grid-area:ki;font-size:12.5px;font-weight:800;color:#64748b}
.er-board .dn{grid-area:dn;font:600 16px Fredoka,sans-serif;color:#b45309}
.er-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:2px solid #e2e8f0;border-radius:12px}
.er-rep{border-collapse:collapse;width:100%;font-size:14px;font-weight:700;white-space:nowrap}
.er-rep th,.er-rep td{padding:7px 9px;border-bottom:1px solid #e2e8f0;text-align:center}
.er-rep thead th{background:#991b1b;color:#fff;font:600 13px Fredoka,sans-serif}
.er-rep tbody th{text-align:left;position:sticky;left:0;background:#fff;font-weight:900}
.er-rep .hi{color:#15803d;font-weight:900}.er-rep .lo{color:#b91c1c;font-weight:900}
#rEnd{margin-top:16px}
.er-dhead{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 10px}
.er-dhead>div{background:#fef2f2;border-radius:12px;padding:5px 12px;display:flex;flex-direction:column}
.er-dhead small{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase}
.er-dhead b{font:600 20px Fredoka,sans-serif;color:#991b1b}
.er-dhead .er-btn{font-size:16px;padding:10px 16px}
.er-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;margin-bottom:10px}
.er-maps canvas{width:100%;height:auto;border-radius:10px;background:#0f172a}

/* ---------- HUD ---------- */
.er-hud{position:absolute;inset:0;z-index:10;pointer-events:none;user-select:none;-webkit-user-select:none}
.er-hud button,.er-hud input,.er-hud .er-hack,.er-hud .er-map,.er-hud .er-chat{pointer-events:auto}
.er-top{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:min(760px,calc(100% - 12px));display:grid;gap:3px}
.er-chips{display:flex;gap:3px;justify-content:center;flex-wrap:wrap}
.er-chips span{background:#334155;color:#fff;font:600 12px Fredoka,sans-serif;padding:2px 9px;border-radius:4px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.er-chips span.cap{background:#dc2626;animation:erblink 1s steps(2) infinite}
.er-chips span.frz{background:#60a5fa}.er-chips span.esc{background:#16a34a}
@keyframes erblink{50%{opacity:.6}}
.er-bar{display:flex;align-items:center;background:rgba(15,23,42,.85);border:2px solid #000;border-radius:4px;overflow:hidden}
.er-bar b{font:700 20px Arial,sans-serif;padding:3px 12px;border-right:2px solid #000;color:#fff}
.er-bar span{flex:1;text-align:center;font:800 17px Arial,sans-serif;letter-spacing:.03em;color:#fff;padding:3px 8px}
.er-bar span.pow{color:#4ade80;animation:erblink .8s steps(2) infinite}
.er-floor{position:absolute;left:8px;top:64px;background:rgba(15,23,42,.7);font:600 13px Fredoka,sans-serif;padding:4px 10px;border-radius:999px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.er-role{position:absolute;right:8px;top:64px;background:rgba(127,29,29,.8);font:600 13px Fredoka,sans-serif;padding:4px 10px;border-radius:999px}
@media (max-width:560px){.er-floor{top:92px}.er-role{top:64px;left:8px;right:auto}}
.er-ann{position:absolute;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 20px));border-radius:16px;top:24%;text-align:center;font:700 clamp(17px,3.6vw,30px)/1.2 Fredoka,sans-serif;color:#fff;background:rgba(0,0,0,.6);padding:10px 14px;text-shadow:0 3px 0 #000}
.er-ann.bad{color:#f87171}.er-ann.good{color:#4ade80}.er-ann.power{color:#facc15}
.er-ann.in{animation:erann .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes erann{from{transform:translateX(-50%) scale(.6);opacity:0}}
.er-alert{position:absolute;left:50%;top:100px;transform:translateX(-50%);background:#dc2626;color:#fff;font:600 15px Fredoka,sans-serif;border-radius:12px;padding:6px 14px;animation:erblink .6s steps(2) infinite;max-width:calc(100% - 20px);text-align:center}
.er-prompt{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);background:rgba(15,23,42,.85);border:2px solid #fff;font:600 17px Fredoka,sans-serif;border-radius:999px;padding:7px 16px;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
.er-prompt kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:6px;background:#fff;color:#000;font:800 15px Arial;margin-right:6px}
.er-prog{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);width:min(320px,80%);text-align:center}
.er-prog i{display:block;height:14px;background:rgba(255,255,255,.25);border-radius:99px;overflow:hidden;border:2px solid #fff}
.er-prog u{display:block;height:100%;width:0;background:#22c55e}
.er-prog span{font:600 14px Fredoka,sans-serif;text-shadow:0 2px 0 #000}
.er-cross{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:rgba(255,255,255,.7)}
.er-stick{position:absolute;left:22px;bottom:26px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12);border:3px solid rgba(255,255,255,.35);display:none}
.er-stick i{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.55)}
.er-stick.live{background:rgba(255,255,255,.2)}
.is-touch .er-stick{display:block}
.er-btns{position:absolute;right:0;bottom:0;width:0;height:0}
.er-btns>button{position:absolute}
.er-b{appearance:none;border:3px solid rgba(255,255,255,.7);background:rgba(15,23,42,.55);color:#fff;border-radius:50%;width:76px;height:76px;font-size:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;touch-action:none;transition:transform .12s}
.er-b:active{transform:scale(.9)}
/* desktop: Use / Swing / Dash along the bottom right (keys do run + jump) */
.er-btns .er-b.use{right:20px;bottom:20px}
.er-btns .er-b.swing{right:108px;bottom:16px}
.er-btns .er-b.dash{right:206px;bottom:22px;width:60px;height:60px;font-size:22px}
.er-run,.er-jump{display:none}
/* touch: Roblox layout, big jump bottom right, run beside it, use above */
.is-touch .er-jump{display:grid;right:16px;bottom:16px;width:80px;height:80px;border-radius:50%;border:3px solid #ffffffaa;background:#0008;place-items:center;cursor:pointer;box-shadow:0 0 0 4px #ffffff22;touch-action:none;padding:0;transition:transform .12s,background .15s}
.is-touch .er-jump:active{transform:scale(.9);background:#dc262688}
.er-jump:hover svg{animation:erjumpbob .7s ease-in-out infinite}
@keyframes erjumpbob{50%{transform:translateY(-4px)}}
.is-touch .er-run{--st:100%;display:grid;right:108px;bottom:22px;width:64px;height:64px;border-radius:50%;border:0;padding:0;place-items:center;cursor:pointer;touch-action:none;background:radial-gradient(circle,#334155cc 0 58%,transparent 59%),conic-gradient(#facc15 var(--st),#ffffff30 0);box-shadow:0 0 0 3px #0006;transition:transform .12s}
.er-run svg{filter:drop-shadow(0 1px 2px #0008)}
.er-run.on{background:radial-gradient(circle,#dc2626dd 0 58%,transparent 59%),conic-gradient(#facc15 var(--st),#ffffff30 0)!important;box-shadow:0 0 0 3px #0006,0 0 18px #f87171aa}
.er-run.on svg,.er-run:hover svg{animation:errun .35s ease-in-out infinite}
@keyframes errun{50%{transform:translateX(2px) rotate(-6deg)}}
.er-run:active{transform:scale(.9)}
.is-touch .er-btns .er-b.use{right:22px;bottom:110px;width:72px;height:72px}
.is-touch .er-btns .er-b.swing{right:104px;bottom:98px;width:80px;height:80px}
.is-touch .er-btns .er-b.dash{right:190px;bottom:24px}
/* small buttons: a column on the right */
.er-smbtns{position:absolute;right:8px;top:100px;display:flex;flex-direction:column;gap:6px}
/* stamina bar for keyboard players */
.er-stam{position:absolute;left:50%;top:68px;transform:translateX(-50%);width:150px;height:9px;border-radius:99px;background:#0009;border:1px solid #ffffff55;overflow:hidden}
.er-stam b{display:block;height:100%;background:linear-gradient(90deg,#facc15,#fde68a);transition:width .1s}
.er-stam.low b{background:#ef4444}
.is-touch .er-stam{display:none}
/* the chat (top left) */
.er-side{position:absolute;left:8px;top:98px;width:270px;max-width:46vw;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:3}
.er-cbtn{position:relative;align-self:flex-start;width:46px;height:42px;border-radius:12px;border:2px solid #ffffff40;background:#000b;display:grid;place-items:center;pointer-events:auto;cursor:pointer;padding:0;transition:transform .15s,background .15s,border-color .15s}
.er-cbtn:hover{transform:scale(1.08) rotate(-4deg);border-color:#f87171}
.er-cbtn:hover svg{animation:erchatwig .6s ease-in-out}
@keyframes erchatwig{30%{transform:rotate(-12deg)}65%{transform:rotate(9deg)}}
.er-cbtn.on{background:#dc262644;border-color:#f87171}
.er-cbtn i{position:absolute;top:-8px;right:-9px;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#fff;color:#111;font:900 13px/22px Nunito,sans-serif;font-style:normal;text-align:center;box-shadow:0 2px 6px #0008}
.er-cbtn i:empty{display:none}
.er-chat{background:rgba(0,0,0,.32);border-radius:6px;padding:6px 7px;font:700 14px/1.3 'Source Sans Pro',Nunito,Arial,sans-serif;color:#fff;pointer-events:auto;transition:background .2s}
.er-chat:hover,.er-chat.typing{background:rgba(0,0,0,.55)}
.er-chat .hc-m{text-shadow:0 1px 2px #000,0 0 3px #000}
.er-chat .hc-m.sys{color:#e5e7eb}
.er-chat.min{display:none}
.hc-head{display:flex;align-items:center;gap:6px}
.hc-head b{font:600 15px Fredoka,sans-serif;color:#fecaca}
.hc-min{margin-left:auto;width:28px;height:24px;border-radius:8px;border:1px solid #ffffff33;background:#ffffff14;color:#fff;font:800 14px Nunito,sans-serif;cursor:pointer;transition:transform .15s,background .15s}
.hc-min:hover{transform:scale(1.12);background:#dc262666}
.hc-min::before{content:'✕';font-size:12px}
.hc-list{max-height:118px;overflow-y:auto;margin:0 0 5px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin}
.hc-m{line-height:1.25;word-break:break-word}
.hc-m b{color:#fde68a}.hc-m.mine b{color:#86efac}
.hc-empty{color:#94a3b8;font-style:italic}
.hc-quick{display:flex;gap:4px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.hc-quick::-webkit-scrollbar{display:none}
.hc-q{flex:none;border:1px solid #ffffff2e;background:#ffffff14;color:#fff;border-radius:99px;padding:3px 9px;font:800 12px Nunito,sans-serif;cursor:pointer;transition:transform .15s,background .15s}
.hc-q:hover{transform:translateY(-2px) scale(1.05);background:#dc262666}
.hc-row{display:flex;gap:5px;margin-top:5px}
.hc-row input{flex:1;min-width:0;border-radius:4px;border:1px solid #ffffff30;background:rgba(0,0,0,.45);color:#fff;padding:6px 8px;font:700 16px Nunito,sans-serif;outline:none}
.hc-row input:focus{border-color:#fff;background:rgba(0,0,0,.65)}
.hc-row input::placeholder{color:#cbd5e1}
.hc-row button{border:0;border-radius:4px;background:#dc2626;color:#fff;font:800 13px Nunito,sans-serif;padding:0 10px;cursor:pointer;transition:transform .15s}
.hc-row button:hover{transform:scale(1.08)}
body:has(.er.playing) .qqc-tab,body:has(.er.playing) .qqc-drawer{display:none!important}
@media (max-width:560px){.er-side{top:124px;max-width:72vw}}
.er-b span{font:700 11px Fredoka,sans-serif}
.er-b.use.ready{background:rgba(34,197,94,.75);border-color:#fff;animation:erpulse 1s ease-in-out infinite}
.er-b.swing{background:rgba(220,38,38,.7);width:86px;height:86px}
.er-b.dash.cool{opacity:.5}
.er-b.sm{width:46px;height:46px;font-size:20px}
.er-btns .er-b.sm{grid-column:auto}
.er-look{position:absolute;right:20px;top:45%;background:rgba(15,23,42,.6);border-radius:999px;padding:6px 12px;font:600 14px Fredoka,sans-serif;display:none;transition:opacity .5s}
.is-touch .er-look{display:block}
.er-look.gone{opacity:0}
.er-toasts{position:absolute;left:50%;top:118px;transform:translateX(-50%);z-index:30;display:grid;gap:5px;width:min(460px,calc(100% - 20px));pointer-events:none}
.er-toast{background:rgba(15,23,42,.92);color:#fff;border-radius:12px;padding:8px 12px;font-weight:800;font-size:14px;line-height:1.35;border-left:6px solid #94a3b8;animation:ertin .3s ease}
.er-toast.up{border-left-color:#4ade80}.er-toast.bad{border-left-color:#f87171}
.er-toast.out{opacity:0;transition:.4s}
@keyframes ertin{from{opacity:0;transform:translateY(-8px)}}

/* ---------- hacking / pod panel ---------- */
.er-hack{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:min(560px,calc(100% - 16px));max-height:58%;overflow-y:auto;background:#fff;color:#17203b;border-radius:18px;padding:10px 12px;box-shadow:0 8px 30px rgba(0,0,0,.5);border:4px solid #0ea5e9;z-index:15}
.er-hk-top{display:flex;gap:8px;align-items:center}
.er-hk-top b{font:600 15px Fredoka,sans-serif;white-space:nowrap}
.er-hk-top i{flex:1;height:12px;background:#e2e8f0;border-radius:99px;overflow:hidden}
.er-hk-top u{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#22c55e);transition:width .3s}
.er-hk-top span{font:600 14px Fredoka,sans-serif;min-width:38px;text-align:right}
.er-hk-top.ice u{background:linear-gradient(90deg,#93c5fd,#2563eb)}
.er-hk-x{appearance:none;border:0;background:#f1f5f9;border-radius:999px;font:700 12px Fredoka,sans-serif;padding:5px 9px;cursor:pointer}
.er-hk-wait{margin-top:8px;font-weight:800;font-size:14px;color:#0369a1;text-align:center}
.er-hk-why{margin-top:8px;border-radius:12px;padding:8px 10px;font-weight:700;font-size:14px;line-height:1.4}
.er-hk-why.no{background:#fef3c7;color:#78350f}
.er-hk-q{margin-top:8px}
.er-hk-qt{font:600 14px Fredoka,sans-serif;color:#b91c1c;display:flex;justify-content:space-between}
.er-hk-qt em{font-style:normal;background:#fee2e2;border-radius:999px;padding:0 8px}
.er-hk-qq{font:600 17px/1.35 Fredoka,sans-serif;margin:6px 0 8px}
.er-hk-qq .kd-ask{display:block;font:800 12.5px Nunito,sans-serif;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.er-hk-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
@media (max-width:420px){.er-hk-opts{grid-template-columns:1fr}}
.er-opt{appearance:none;cursor:pointer;display:flex;gap:8px;align-items:center;text-align:left;border:3px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:8px 10px;font:700 15px/1.25 Nunito,sans-serif;color:#17203b}
.er-opt span{flex:none;width:26px;height:26px;border-radius:50%;background:#0ea5e9;color:#fff;display:grid;place-items:center;font:600 13px Fredoka,sans-serif}
.er-opt:active{transform:scale(.98)}

/* ---------- map ---------- */
.er-map{position:absolute;inset:50px 8px 8px;background:rgba(2,6,23,.92);border-radius:16px;padding:10px;z-index:16;display:flex;flex-direction:column;align-items:center;gap:8px}
.er-map canvas{max-width:100%;max-height:calc(100% - 50px);width:auto;height:auto;border-radius:8px}
.er-maptabs{display:flex;gap:6px}
.er-maptabs button{appearance:none;border:2px solid #475569;background:#1e293b;color:#fff;border-radius:999px;font:600 14px Fredoka,sans-serif;padding:6px 12px;cursor:pointer}
.er-maptabs button.on{background:#dc2626;border-color:#fff}
.er-mapx{position:absolute;right:10px;top:10px;appearance:none;border:0;background:#fff;color:#000;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer}

@media (max-height:500px){
  .er-hack{max-height:74%;width:min(820px,calc(100% - 180px));left:calc(50% - 40px);padding:6px 10px;bottom:4px}
  .er-hk-qq{font-size:15px;margin:3px 0 5px}.er-hk-qq .kd-ask{font-size:11px}
  .er-opt{padding:5px 8px;font-size:13.5px}.er-opt span{width:22px;height:22px}
  .er-toasts{top:58px;left:auto;right:8px;transform:none;width:min(320px,45%)}
  .er-ann{top:16%}
  .er-b{width:62px;height:62px;font-size:22px}.er-btns .er-b.swing{width:70px;height:70px}.er-b.sm{width:40px;height:40px;font-size:17px}
  .er-smbtns{flex-direction:row;top:94px}
  .er-side{top:94px;width:230px}.hc-list{max-height:52px}
  .is-touch .er-jump{width:66px;height:66px;right:12px;bottom:10px}
  .is-touch .er-run{width:54px;height:54px;right:88px;bottom:14px}
  .is-touch .er-btns .er-b.use{width:62px;height:62px;right:14px;bottom:84px}
  .is-touch .er-btns .er-b.swing{right:84px;bottom:76px}
  .is-touch .er-btns .er-b.dash{width:52px;height:52px;right:152px;bottom:16px}
  .er-prompt{bottom:96px}
}
@media (max-width:600px){.er-hack{width:calc(100% - 12px);left:50%}}

@media print{body{background:#fff!important;color:#000}.qqg-bar,.qqg-end,.er-row,#rEnd,.er-hud,.er-cv,[class*="qqc-"]{display:none!important}.er{position:static}.er-ui{position:static;background:#fff}.er-card{box-shadow:none}.er-rep thead th{background:#ddd!important;color:#000}}