.chall-page{background:var(--navy-deep);min-height:100vh;position:relative}#hud{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;max-width:480px;height:auto;color:var(--fog);background:#071829eb;border:1px solid #3fb3d659;border-radius:8px;flex-direction:column;align-items:stretch;padding:1rem 1.25rem;font-size:1rem;display:flex;position:absolute;top:16px;left:16px}#hud a{text-align:center;text-underline-offset:2px;align-self:center;font-weight:700;text-decoration:underline;transition:color .15s;color:var(--teal-bright)!important}#hud a:hover{color:var(--mint,#6ccdb8)!important}.hud-title-row{text-align:center;justify-content:center;align-items:center;gap:.85rem;display:flex}.hud-logo{border-radius:6px;flex-shrink:0;width:auto;height:40px}#chall-title{color:#fff;font-size:1.25rem;font-family:var(--font-mono);text-align:center;margin:0;padding:0;font-weight:700}#chall-result{min-height:0;margin:0;padding:0}#chall-result.result{border-left:3px solid #0000;border-radius:6px;flex-direction:column;gap:.35rem;margin-top:.65rem;padding:.65rem .75rem;animation:.28s ease-out result-in;display:flex}#chall-result.result--hit{border:1px solid #3fb3d673;border-left-width:3px;border-left-color:var(--teal-bright);background:#017fa42e}#chall-result.result--miss{border:1px solid #94a7ba47;border-left-width:3px;border-left-color:var(--mist);background:#94a7ba14}.result-label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);font-size:.7rem;font-weight:900}.result--hit .result-label{color:var(--teal-bright)}.result-flag{font-family:var(--font-mono);color:#fff;word-break:break-all;-webkit-user-select:all;user-select:all;background:#071829d9;border:1px solid #3fb3d659;border-radius:4px;padding:.45rem .55rem;font-size:.95rem;font-weight:700;line-height:1.35;display:block}.result-hint{font-family:var(--font-sans);color:var(--mist);font-size:.78rem;font-weight:400}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#pano{background:var(--navy-deep);z-index:1;border-right:1px solid #ffffff0f;width:70vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.pano-placeholder{text-align:center;height:100%;color:var(--mist);justify-content:center;align-items:center;padding:2rem;font-size:1.05rem;display:flex}#outer-map{background:var(--navy);z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;width:30vw;height:100vh;display:flex;position:absolute;top:0;right:0}#map-box{background:var(--navy-card);border:1px solid #3fb3d640;border-radius:8px;width:90%;margin:0 auto 1.5rem;padding:.75rem .5rem .5rem;position:relative}#map{z-index:2;border:1px solid var(--teal);border-radius:6px;width:100%;height:300px}#submit{background:var(--teal);color:#fff;z-index:3;width:100%;height:40px;font-size:.95rem;font-family:var(--font-sans);letter-spacing:0;cursor:pointer;border:none;border-radius:6px;margin-top:.75rem;font-weight:700;transition:background .15s,color .15s;position:relative}#submit:hover{color:#fff;background:#017fa4d9}#submit.armed{color:#000;background:#6db934}.chall-page .cyber-title{color:#fff;font-size:1.5rem;font-family:var(--font-mono);letter-spacing:-.025em;text-align:center;margin-top:.2em;margin-bottom:.4em;font-weight:900}@media (max-width:900px){#pano{border-right:none;width:100vw;height:60vh;position:relative}#outer-map{width:100vw;height:40vh;position:relative;top:60vh;left:0}#hud{margin:1rem auto;position:static;top:0;left:0}}